Топ 50 бесплатных иконок социальных сетей
Приветствую Вас, дорогие друзья! Сегодня хочу представить Вам подборку с самыми популярными иконками социальных сетей. Тут Вы встретите действительно очень много иконок, разных стилей, размеров и форматов. Тут по любому есть иконки на любой вкус и цвет, и Вы точно найдёте то, что Вам нужно. Так что обязательно добавляйте эту страницу в закладки.
Спасибо большое http://speckyboy.com и взгляните на прошлые подборки:
Чёрно белые иконки социальных сетей
Скачать
Классные 24 иконки социальных сетей
Скачать
Круглые социальные иконки в формате Sketch
Скачать
Социальные медиа иконки в круглом виде
Скачать
80 социальных иконок — Picons
Скачать
Отличные иконки социальных сетей в минималистическом стиле
Скачать
Современные иконки социальных закладок
Скачать
Минималистические иконки
Скачать
24 иконки под названием — Drawic
Скачать
20 PSD иконок социальных сетей в стиле Flat
Скачать
60 различных Flat иконок социальных сетей
Скачать
Отличные социальные иконки разнообразных форматов
Скачать
Flat иконки в круглом и квадратном видах
Скачать
Отличные и круглые Flat иконки социальных сетей
Скачать
72 разнообразных социальных иконок
Скачать
Квадратные и социальные Flat иконки
Скачать
Отличные и бесплатные иконки в квадратном виде
Скачать
Социальные иконки в стиле Flat
Скачать
Отличные иконки социальных медиа в стиле Flat
Скачать
30 PSD иконок социальных сетей бесплатно
Скачать
Круглые и социальные иконки — Geekly
Скачать
42 PSD иконки социальных сетей с длинной тенью
Скачать
Квадратные социальные иконки с длинной тенью
Скачать
Круглые и минималистические социальные иконки
Скачать
Круглые и минималистические иконки в PNG формате
Скачать
Социальные иконки для сайта бесплатно
Скачать
Социальные иконки с тонкими линиями
Скачать
Круглые иконки социальных закладок
Скачать
48 классных социальных иконок бесплатно
Скачать
Социальные иконки — шрифты
Скачать
Rondo — 24 социальных иконок — шрифтов
Скачать
40 различных иконок — шрифтов для сайта
Скачать
Socialicious — подборка из 62 иконок — шрифтов социальных медиа
Скачать
Квадратные иконки — шрифты бесплатно
Скачать
Тёмные шрифты — иконки социальных иконок
Скачать
Glyph иконки самых различных форматов совершенно бесплатно
Скачать
Красивые и бесплатные социальные иконки
Скачать
WPZOOM — различные социальные иконки в PSD разных размеров
Скачать
Социальные иконки в виде печатей
Скачать
110 социальных иконок в формате PNG
Скачать
Красивые и квадратные иконки социальных сетей
Скачать
24 бесплатных иконок социальных медиа в формате PNG
Скачать
28 иконок в формате PSD
Скачать
Социальные иконки с оптимизацией под Retina дисплеи
Скачать
Социальные иконки в виде марок
Скачать
15 небольших социальных иконок
Скачать
36 мини иконок социальных сетей в различных форматах
Скачать
10 PSD иконок бесплатно для сайта
Скачать
Иконки в стиле 8 — бит
Скачать
%d0%b8%d0%ba%d0%be%d0%bd%d0%ba%d0%b8 %d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d1%85 %d1%81%d0%b5%d1%82%d0%b5%d0%b9 PNG, векторы, PSD и пнг для бесплатной загрузки
естественный цвет bb крем цвета
1200*1200
green environmental protection pattern garbage can be recycled green clean
2000*2000
схема бд электронный компонент технологии принципиальная схема технологическая линия
2000*2000
ма дурга лицо индуистский праздник карта
5000*5000
ценю хорошо как плоская цвет значок векторная icon замечания
5556*5556
blue series frame color can be changed text box streamer
1024*1369
набор векторных иконок реалистичные погоды изолированных на прозрачной ба
800*800
be careful to slip fall warning sign carefully
2500*2775
happy singing mai ba sing self indulgence happy singing
2000*2000
но логотип компании вектор дизайн шаблона иллюстрация
4083*4083
Крутая музыка вечеринка певца креативный постер музыка Я Май Ба концерт вечер К
3240*4320
сердце сердцебиение любовь свадьба в квартире цвет значок векторная icon
5556*5556
Красивая розовая и безупречная воздушная подушка bb крем косметика постер розовый красивый розовый Нет времени На воздушной
3240*4320
prohibited use mobile phone illustration can not be used
2048*2048
black and white train icon daquan free download can be used separately can be used as decoration free of charge
2000*2000
Векторная иллюстрация мультфильм различных овощей на деревянном ба
800*800
Головной мозг гипноз психология синий значок на абстрактное облако ба
5556*5556
flowering in summer flower buds flowers to be placed lotus
2000*2000
86 летний юбилей векторный дизайн шаблона иллюстрация
4083*4083
black and white eco friendly pattern garbage can be recycled green clean
2000*2000
ба конфеты шоколад
800*800
85 летие векторный дизайн шаблона иллюстрация
4083*4083
85 летие векторный дизайн шаблона иллюстрация
4083*4083
logo design can be used for beauty cosmetics logo fashion
1024*1369
концепция образования в выпускном вечере баннер с цоколем и золотой ба
6250*6250
syafakallah la ba sa thohurun in syaa allah арабская молитва для бесплатного скачивания
2048*2048
bb крем ню макияж косметика косметика
1200*1500
новые facebook покрытия с red lion и черный и синий полигональной ба
5556*5556
вектор поп арт иллюстрацией черная женщина шопинг
800*800
break split orange be
2000*2000
в первоначальном письме bd логотипа
1200*1200
дизайн плаката премьера фильма кино с белым вектором экрана ба
1200*1200
чат комментарий образование синий значок на абстрактных облако сообщение
5556*5556
в первоначальном письме bd шаблон векторный дизайн логотипа
1200*1200
Буква c с логотипом дизайн вдохновение изолированные на белом ба
1200*1200
bb крем тень вектор
1300*1300
3d модель надувной подушки bb cream
2500*2500
простой ба дизайн логотипа вектор
8542*8542
Счастливого Дивали традиционного индийского фестиваля карта с акварелью ба
5041*5041
instagram компас навигационная линия и глиф сплошной значок синий ба
5556*5556
black key that can be hung on the body car key key
2000*2000
99 имен аллаха вектор al baith асма husna
2500*2500
attention be careful cut icon danger
2500*2000
коробка и объектив камеры значок дизайн вдохновение изолирован на белом ба
1200*1200
в первоначальном письме bd логотип шаблон
1200*1200
в первоначальном письме bd шаблон векторный дизайн логотипа
1200*1200
be careful of electric shock safety icon caution
2240*2856
элегантный серебряный золотой bb позже логотип значок символа
1200*1200
be careful of electric shock signs warning signs warnings
2000*2000
вектор абстрактный баннер дизайн веб шаблон коллекции веб ба
1200*1200
%d0%b8%d0%ba%d0%be%d0%bd%d0%ba%d0%b8 %d1%81%d0%be%d1%86 %d1%81%d0%b5%d1%82%d0%b8 PNG, векторы, PSD и пнг для бесплатной загрузки
green environmental protection pattern garbage can be recycled green clean
2000*2000
ма дурга лицо индуистский праздник карта
5000*5000
схема бд электронный компонент технологии принципиальная схема технологическая линия
2000*2000
ценю хорошо как плоская цвет значок векторная icon замечания
5556*5556
blue series frame color can be changed text box streamer
1024*1369
набор векторных иконок реалистичные погоды изолированных на прозрачной ба
800*800
be careful to slip fall warning sign carefully
2500*2775
happy singing mai ba sing self indulgence happy singing
2000*2000
Крутая музыка вечеринка певца креативный постер музыка Я Май Ба концерт вечер К
3240*4320
сердце сердцебиение любовь свадьба в квартире цвет значок векторная icon
5556*5556
prohibited use mobile phone illustration can not be used
2048*2048
black and white train icon daquan free download can be used separately can be used as decoration free of charge
2000*2000
Векторная иллюстрация мультфильм различных овощей на деревянном ба
800*800
Головной мозг гипноз психология синий значок на абстрактное облако ба
5556*5556
flowering in summer flower buds flowers to be placed lotus
2000*2000
86 летний юбилей векторный дизайн шаблона иллюстрация
4083*4083
black and white eco friendly pattern garbage can be recycled green clean
2000*2000
ба конфеты шоколад
800*800
logo design can be used for beauty cosmetics logo fashion
1024*1369
концепция образования в выпускном вечере баннер с цоколем и золотой ба
6250*6250
syafakallah la ba sa thohurun in syaa allah арабская молитва для бесплатного скачивания
2048*2048
новые facebook покрытия с red lion и черный и синий полигональной ба
5556*5556
вектор поп арт иллюстрацией черная женщина шопинг
800*800
break split orange be
2000*2000
в первоначальном письме bd логотипа
1200*1200
дизайн плаката премьера фильма кино с белым вектором экрана ба
1200*1200
чат комментарий образование синий значок на абстрактных облако сообщение
5556*5556
в первоначальном письме bd шаблон векторный дизайн логотипа
1200*1200
Буква c с логотипом дизайн вдохновение изолированные на белом ба
1200*1200
простой ба дизайн логотипа вектор
8542*8542
Счастливого Дивали традиционного индийского фестиваля карта с акварелью ба
5041*5041
instagram компас навигационная линия и глиф сплошной значок синий ба
5556*5556
black key that can be hung on the body car key key
2000*2000
99 имен аллаха вектор al baith асма husna
2500*2500
attention be careful cut icon danger
2500*2000
коробка и объектив камеры значок дизайн вдохновение изолирован на белом ба
1200*1200
в первоначальном письме bd логотип шаблон
1200*1200
в первоначальном письме bd шаблон векторный дизайн логотипа
1200*1200
be careful of electric shock safety icon caution
2240*2856
be careful of electric shock signs warning signs warnings
2000*2000
вектор абстрактный баннер дизайн веб шаблон коллекции веб ба
1200*1200
стекло
5556*5556
облака комиксов
5042*5042
3d числа 86 в круге на прозрачном фоне
1200*1200
Ручная роспись борода ба zihu большая борода
1200*1200
аркада консоли игры машина играть в соответствие значок на прозрачных ба
5556*5556
студент отмечает что примечание образования плоский цветной значок вектора значок ба
5556*5556
номер 86 3d рендеринг
2000*2000
flowering in spring flower buds flowers to be placed plumeria
2000*2000
82 летняя годовщина векторный дизайн шаблона иллюстрация
4083*4083
Где найти иконки социальных сетей для сайта
Хотите разместить иконки ВКонтакте, Одноклассников, Фейсбука, Инстаграма и других соцсетей на сайте? На 1С-UMI это не составит труда.
Во все сайты на этом сервисе уже встроены стандартные иконки ― достаточно включить этот блок, и кнопки появятся на вашем сайте. Но если хочется чего-то более оригинального, то всегда можно заменить эти иконки на любые другие.
В интернете есть множество ресурсов, откуда можно скачать уже готовые иконки. Вот некоторые из них:
Скачиваете понравившиеся иконки и загружаете на свой сайт. Просто? Да. Но если есть время и желание нарисовать собственные уникальные иконки, мы покажем вам, как это делается.
Рисуем иконки при помощи Photoshop 2018
В первую очередь, скачиваем и устанавливаем сам графический редактор. Если нет желания приобретать лицензию на Photoshop ― воспользуйтесь его бесплатными аналогами, например, онлайн-сервисом pixlr.com. Мы рассмотрим этот процесс на примере Photoshop, но аналогичные действия можно сделать и в других программах.
Создаем файл нажатием кнопок Ctrl N или через меню «Файл-Создать».
Появляется окно, где нужно указать ширину и высоту документа в пикселях. Выставляем значения 512×512 с учетом запаса.
Все остальные значения оставляем по умолчанию, если они такие, как на скриншоте.
Теперь жмем на кнопку «Создать».
Открывается белый прямоугольник, в котором мы и будем рисовать нашу иконку.
Переходим на сайт flaticon.com и вбиваем в поисковую строку название той соцсети, иконку которой мы хотим создать. Допустим, Facebook. Кликаем по иконке без всяких рамок, квадратов и окружностей. Затем скачиваем бесплатно и сохраняем себе на компьютер в PSD-формате.
Открываем файл с помощью Photoshop сочетанием клавиш Ctrl O и выбором нужного документа или через меню “Файл – Открыть.
Рядом с созданными нами ранее файлом открывается другой – с иконкой Facebook.
Теперь жмем на правую кнопку мыши и выбираем пункт «Определить произвольную фигуру».
Можем дать ей любое название. Например, Facebook.
Не забываем кликнуть по кнопке «ОК» после этого.
Переходим к первому файлу, который мы создали изначально. В боковой панели инструментов выбираем «Произвольная фигура». Для этого нужно щелкнуть по изображению с прямоугольником и выбрать соответствующий пункт.
Наводим мышку на белый квадрат внутри нашего документа и кликаем правой кнопкой. Среди появившихся фигур выбираем ту, которую мы определили ранее – Facebook.
Жмем на Shift и левую кнопку в пустой области белого квадрата и растягиваем фигуру иконки до нужного нам масштаба (определяется на глаз).
Если вас смутил цвет обводки или вы хотите залить фигуру любым другим цветом, обратите свое внимание на панель с опциями вверху, под основным меню редактора. Там можно поменять цвет обводки и заливки или вовсе убрать их.
Чтобы убрать обводку, нужно кликнуть по значку и выбрать белый прямоугольник с перечеркивающей его красной линией.
Для изменения цвета заливки кликните по соответствующему значку и затем по прямоугольнику с палитрой.
Появится окно, где можно указать нужный нам цвет. Если речь о фирменных цветах Facebook, то используйте значение 4065ae.
Вписываем его в поле «#» и жмем кнопку «ОК». Иконка меняет заливку на цвет, который хорошо знаком пользователям социальной сети Цукерберга.
Следующий шаг – это создание рамки в виде окружности или квадрата.
Меняем инструмент «Произвольная фигура» на «Эллипс» или «Прямоугольник».
Затем от верхнего левого угла документа растягиваем фигуру поверх нашей буквы F. При этом, не забываем удерживать кнопку Shift, чтобы получился идеально ровный круг или же квадрат, а не прямоугольник или эллипс.
Если мы не отключили заливку, то вторая фигура полностью перекроет первую. В этом случае просто убираем заливку и оставляем только обводку круга/квадрата.
При желании можно вместо белого фона сделать любой цвет или даже градиент. Для этого выделяем мышкой слой с нашей буквой F и перетаскиваем его выше, размещая над слоем с кругом или квадратом. Затем выделяем слой с одной из упомянутых ранее фигур, которые используются для обводки иконки и меняем цвет заливки на тот, который хотим.
Результат получается примерно такой, как на изображении ниже.
Для использования градиента в заливке нужно выбрать третий значок слева.
Чтобы поменять цвета в градиенте, кликните поочередно на каждый из нижних «карандашиков» и выберите нужный оттенок.
Менять можно и сам стиль градиента. На скриншоте выше видны различные типы. При желании можно создать и свой, но, чтобы лишние телодвижения не совершать, будет достаточно воспользоваться готовым вариантом.
Можно также наложить внешнюю или внутреннюю тень на нашу букву F. Для этой цели следует выделить мышкой слой с данной фигурой, кликнуть по нему правой кнопкой и выбрать пункт «Параметры наложения…».
В появившемся окне надо пометить галочками пункты «Внутренняя тень» и «Тень». Конечно, это делать не обязательно, либо можно активировать только один пункт. Настройки тени можно также регулировать. Попробуйте это сделать самостоятельно.
После добавления тени иконка будет выглядеть примерно так, как на изображении ниже.
Если первую фигуру, обозначающую Facebook, нужно пропорционально уменьшить, нажмите сочетание клавиш Ctrl T, затем зажмите Shift и Alt и левой кнопкой мышки стяните букву до нужного размера.
Если белый фон нам не нужен, а требуется прозрачный, берем инструмент «Волшебный ластик», выбираем фоновый слой и кликаем по белому пространству.
Белый цвет фона исчезает.
Квадратики, которые мы видим в Photoshop, означают прозрачность фонового слоя. В изображении, которое мы потом сохраним, они показываться не будут.
Теперь необходимо сохранить нарисованную нами иконку. Кликаем по кнопке «Файл» в меню и выбираем пункт «Экспортировать», затем «Экспортировать как».
Для сохранения прозрачности нужно указать PNG-формат, а для белого фона JPEG. После этого жмем на кнопку «Экспортировать все», выбираем путь для хранения и «Сохранить».
Вот и всё! Теперь можно загрузить наш шедевр на сайт. Аналогичным образом создаются иконки и для других социальных сетей.
Иконки социальных сетей на CSS
В этой статье я расскажу о эксперименте по созданию иконок социальных сетей на CSS. Они созданы не на «чистом CSS3» или «HTML5 canvas». При создании этих иконок используется традиционная техника с фоновым изображением. Цель эксперимента состоит в обеспечении кроссбраузерности, создании последовательного и универсального CSS-кода, который может быть применен в любом дизайне, приложении или теме. В принципе, это набор стилей, который позволяет отображать различные иконки, комбинируя CSS-классы.
Демонстрация
Реализация
Чтобы использовать эти CSS-иконки на вашем сайте, скачайте архив, который включает файл social-buttons.css:
<link rel=»stylesheet» href=»social-buttons.css»>
Вариант A: Вам нужно добавить класс .
sb (.sb — social button) и класс иконки (например, Twitter, Facebook, RSS и т.д.) к тегу <a>. Используйте этот вариант, если вы хотите, чтобы каждая кнопка имела свой стиль.
<a href=»#»>Twitter</a>
<a href=»#»>Facebook</a>
Вариант Б: Класс .sb также используется, но только для тега-оболочки, например, для <p>, <div> или <ul>. Класс для иконки (например, Twitter, Facebook, RSS) необходимо прописать для тэга <a>. Используйте этот вариант, если хотите, чтобы кнопки имели один последовательный стиль.
<p><a href=»#»>Twitter</a>
<a href=»#»>Facebook</a>
</p>
<ul>
<li><a href=»#»>Twitter</a></li>
<li><a href=»#»>Facebook</a></li>
</ul>
Доступные классы CSS
Ниже приведен список доступных классов. Вы можете назначить столько классов, сколько хотите.
Они очень универсальные. Вы можете смешивать и сочетать стили для получения различных результатов. Например, вы можете установить классы «large blue gradient glossy embossed text thick-border» для одной кнопки. Посмотрите демо-примеры.
Размеры
- default = 34px
- small = 28px
- large = 42px
Цвета
- blue
- purple
- red
- green
- orange
- brown
- black
- gray
- light-gray
- light-blue
- light-purple
- pink
- light-green
- yellow
Стили
- min = минимальные стили, без фона и рамки
- flat = без закругленных уголков и теней
- circle = круглая кнопка
- embossed = тиснение
- pressed = нажатая кнопка
- thick-border = толстые, строгие границы
- no-border = без рамки
- no-shadow = без тени
- gradient = градиент, применяется при помощи псевдо-класса :after
- glossy = глянцевый градиент, применяется при помощи псевдо-класса :before
- text = иконка с текстом
Типы иконок
- heart
- podcast
- rss
- share_this
- star
- vimeo
Как добавить свои собственные иконки
Так как социальных сетей слишком много, я включил только некоторые основные классы иконок в демо, чтобы файл стилей не был слишком большим, и сохранил их в файл social-icons.
css. Вы можете добавить больше классов иконок с помощью простого кода CSS (не забудьте добавить класс .sb для ссылки <a href=»#»>) :
a.sb.youtube {
background-image: url(images/youtube.png);
}
a.sb.email {
background-image: url(images/email.png);
}
Как переопределить размер кнопки и цвет фона
Вы можете изменить размер кнопки и фон, используя следующий код CSS:
a.sb {width: 36px;
height: 36px;
background-color: #ссс;
}
Как добавить свой градиент
Градиентный фон применяется при помощи псевдо-элемент :before. Вы можете создавать свои градиенты с помощью Ultimate CSS Gradient Generator.
Обратите внимание, что SVG-градиент необходим для Internet Explorer 9, так как он не поддерживает градиент CSS3.
a.sb.gradient.custom:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9I
jEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3
BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ
2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ij
AlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI
wJSIgc3RvcC1jb2xvcj0iI2I4YzZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3Rvc
CBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDg4YjciIHN0b3Atb3BhY2l0eT
0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkd
Gg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSI
gLz4KPC9zdmc+);
background-image: -moz-linear-gradient(top, #b8c6df 0%, #6d88b7 100%);
background-image: -webkit-linear-gradient(top, #b8c6df 0%,#6d88b7 100%);
background-image: linear-gradient(top, #b8c6df 0%,#6d88b7 100%);
}
Как создать свой собственный стиль
Вы также можете переопределить стили по умолчанию в social-icons. css и создать свой собственный стиль. Следующий класс custom переопределяет фоновое изображение.
a.sb .custom {
width: 80px;
height: 80px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
a.sb.custom:after {
background-image: url(images/custom-bg.png);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
/* custom icon blue */
a.sb.custom.blue {
border-color: #96a8af;
}
a.sb.custom.blue:after {
background-image: url(images/custom-bg-blue.png);
}
/* custom icon pink */
a.sb.custom.pink {
border-color: #b0a1aa;
}
a.sb.custom.pink:after {
background-image: url(images/custom-bg-pink.png);
}
/* custom icon background images */
a.sb.custom.retweet {
background-image: url(images/custom-icon-retweet.png);
}
a.sb.custom.photo {
background-image: url(images/custom-icon-photo.
png);
}
a.sb.custom.comment {
background-image: url(images/custom-icon-comment.png);
}
Совместимость с браузерами
Основные стили работают в любом браузере. CSS3-эффекты, таких как: закругленные углы, градиент, глянец, эффекты нажатия и тиснения, будут работать в любом браузере, который поддерживает CSS3, таких как Chrome, Firefox, Safari, Opera и IE9.
Бесплатная лицензия
Иконки 100% бесплатные и могут использоваться для любых целей. Вы можете делиться ими и изменять их.
Перевод статьи с webdesignerwall.com
Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом
Виджет значков социальных сетей — Справка
В этом руководстве рассказывается, как добавить на боковую панель или в подвал кнопки социальных сетей, через которые люди смогут связаться с вами.
Содержание
Доступные значки
Мы поддерживаем значки различных социальных сетей.
500px
Amazon
Apple
Bandcamp
Behance
CodePen
DeviantArt
Digg
Dribbble
Dropbox
Адреса электронной почты (если ваш адрес [email protected], введите mailto:[email protected] в поле URL-адрес учётной записи)
Etsy
Flickr
Foursquare
Goodreads
Google+
GitHub
iTunes
Среднее
Встречи
Ravelry
RSS-ленты
Skype
SlideShare
Snapchat
SoundCloud
Spotify
StumbleUpon
Tumblr
Twitch
Vimeo
ВКонтакте
WordPress
Yelp
YouTube
Виджет значков социальных сетей
Виджет «Значки социальных сетей» содержит небольшие изображения со ссылками на ваши учётные записи в социальных сетях.
Его можно добавить в любую область виджетов вашей темы. После добавления ссылок на ваши профили в соцсетях значки автоматически появятся на вашем сайте, чтобы посетители могли связаться с вами через свои любимые платформы.
Добавление виджета со значками социальных сетей
- Перейти на вкладку Мой сайт(ы) → Внешний вид → Настроить
- Нажмите Виджеты, и вы увидите различные области виджетов, поддерживемых вашей темой. Почти во всех темах есть хотя бы область виджетов в подвале. Некоторые поддерживают добавление виджетов на боковую панель и в другие области.
- Click on an available Widget area; В этом случае выбран подвал.
- Нажмите Добавить виджет и выполните поиск по запросу Социальных или просмотрите список доступных виджетов, чтобы найти виджет Значки социальных сетей.
- Нажмите на виджет, чтобы добавить его в область виджетов.
- Настройте параметры отображения, в том числе заголовок виджета и размер значков.
- Добавьте ссылку на первый профиль в социальной сети. Например,
https://www.facebook.com/WordPresscom
Убедитесь, что указали ссылку полностью, в том числе
https://.
- Нажмите кнопку Добавить значок, чтобы добавить другие значки социальных сетей в виджет.
Все ссылки, добавленные в виджет «Значки социальных сетей», будут автоматически отображаться в виде значков при предварительном просмотре в Конфигураторе.
Если вы не видите нужный значок, убедитесь, что правильно ввели ссылку на социальную сеть, в том числе
https://.
Когда добавлены ссылки на все профили в социальных сетях, щёлкните «Опубликовать», чтобы добавить виджеты соцсетей на ваш сайт.
Теперь новенькие значки соцсетей засияют на вашем сайте.
Изменение порядка значков
Вы можете изменить порядок значков в любое время с помощью функции перетаскивания. Новый порядок отобразится в реальном времени на панели предварительного просмотра в конфигураторе.
Настройка значков соцсетей
При желании изменить анимацию появления значков, например, положение, выравнивание или размер, можно использовать пользовательские CSS, доступные в плане WordPress.com Premium или выше. Цвет значков соцсетей зависит от используемой темы, но их также можно поменять с помощью CSS.
Добавление пользовательских значков социальных сетей
Если вы хотите добавить значки определённого цвета или получить больше возможностей для изменения их внешнего вида, вам могут потребоваться виджет Текст или пользовательский HTML-код и немного HTML-кода.
Этот вариант также полезен, если вам нужно добавить значки менее популярных соцсетей.
Шаг 1. Подберите несколько значков социальных сетей на свой вкус и загрузите их в Библиотеку медиафайлов.
Возможно, у вас уже есть несколько подходящих значков. Если нет, поищите «бесплатные значки социальных сетей» в Google. Выбирая изображения, будьте внимательны, чтобы не нарушить законы об авторском праве. Когда найдёте несколько подходящих вариантов, скачайте их на свой компьютер.
Загрузите значок в галерею медиафалов
- Перейдите в раздел Мой сайт → Медиафайлы → Добавить
- Перейдите к папке на вашем компьютере, где хранятся изображения, которые будут использоваться в качестве значков.
- Загрузите значки в галерею медиафайлов
Получите ссылку на значок социальной сети
- Перейдите в раздел Мой сайт → Медиафайлы.
- Щёлкните изображение загруженного значка социальной сети и выберите Изменить.
- В опции URL-адрес выберите Копировать, чтобы сохранить ссылку в буфер обмена.
- Нажмите кнопку Готово, чтобы выйти из редактора медиафайлов.
Шаг 2. Добавьте виджеты «Текст» или «HTML-код» и настройте формат кнопок с помощью HTML.
Добавьте виджет значков социальных сетей
Убедитесь, что у вас есть ссылка на загруженный значок социальной сети, как описано выше в разделе Получите ссылку на значок социальной сети.
- Перейти на вкладку Мои сайты →Внешний вид →Настроить → Виджеты.
- Выберите область виджетов, где должны отображаться значки.
- Нажмите кнопку Добавить виджет и выберите виджет Текст или HTML-код
- Чтобы добавить виджет, щёлкните его название.
Добавьте HTML-код виджета значков социальных сетей
По желанию укажите заголовок своего виджета, а затем добавьте HTML-код следующего формата:
- Вместо типового адреса
https://facebook.укажите полную ссылку на свой профиль в социальной сети. com/WordPresscom - Замените ссылку на изображение:
https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook1.pngссылкой на загруженный вами значок соцсетей. - Необязательное действие: измените
ширинуивысотузначка в соответствии со своими предпочтениями.
com/WordPresscomВведите HTML-код повторно в существующем виджете «Текст» или «HTML-код» для каждого значка, который должен присутствовать на вашем сайте.
Шаг 3. Когда закончите, щёлкните Опубликовать и проверьте, как смотрятся новенькие кнопки социальных сетей.
Примеры и шаблонные изображения
Если с поиском значков социальных сетей в Интернете возникли трудности или вам нужны примеры использования, дополнительную информацию можно найти на этом сайте.
Чтобы использовать эти значки в своём виджете, сначала создайте пустой виджет «Текст» в разделе Внешний вид → Настроить → Виджеты.
Затем скопируйте блок кода для значков подходящего стиля со страницы Виджеты для социальных сетей.
Часто задаваемые вопросы
Почему значок социальной сети не появляется на сайте?Если вы используете локализованную версию адреса своей страницы в соцсети, соответствующие значки могут не отображаться. Попробуйте заменить в ссылке расширение своей страны на глобальное расширение соцсети.
Пример: https://www.pinterest.fr/yourpinterest/ следует заменить на https://www.pinterest.com/yourpinteres/
Были ли эти инструкции полезны?
Как добавить иконки социальных сетей в WordPress
Сегодня социальные сети являются одним из наиболее эффективных способов продвижения вашего WordPress-сайта на рынок, принося вам бесценную сарафанную рекламу, повышая эффективность SEO и помогая вам наладить более тесные отношения с вашей аудиторией.
Так зачем мешать посетителям общаться с вами в Facebook, Twitter, Instagram и на всех основных социальных сетях?
Многие темы WordPress поставляются со встроенными кнопками социальных сетей, но что если ваша любимая тема WordPress не обеспечивает эту важную функцию? Или, возможно, вы недовольны тем, как устроены встроенные кнопки социальных сетей, и хотите заменить их значками, которые не конфликтуют с остальным сайтом?
В этом уроке я покажу вам, как добавить основные функции социальных сетей на ваш сайт WordPress.
К концу этой статьи вы позволите посетителям легко следить за вами во всех основных социальных сетях, добавляя значки, которые ссылаются на профили социальных сетей вашего сайта.
В дополнение к тому, что вы следите за вами в социальных сетях, вы захотите побудить посетителей делиться вашим последним сообщением в блоге со своими друзьями и семьей, потенциально зарабатывая вам сотни дополнительных переходов и комментариев, а также вызывая этот важный гул в социальных сетях. Чтобы помочь вам воспользоваться преимуществами социального обмена, я также покажу вам, как добавить значки социального обмена на свой веб-сайт, включая плавающую полосу, которая отслеживает посетителей при их прокрутке вверх и вниз по экрану, гарантируя, что ваши кнопки социального обмена всегда будут в пределах легкой досягаемости.
Ваша тема уже обеспечивает социальное меню?
Есть ли какие-либо профили в социальных сетях, связанные с вашим сайтом? Возможно, вы создали Twitter или Instagram, где вы делитесь своими последними постами в блоге, или, возможно, вы хотите добавить ссылку на свой личный Twitter, чтобы ваша аудитория могла узнать человека, стоящего за сайтом?
В этом разделе я расскажу о различных способах ссылки на свои профили в социальных сетях на своем веб-сайте.
Эти ссылки на социальные сети обычно представлены в виде значков, например, на следующем снимке экрана я добавил ссылки на свои профили в Twitter, Facebook и Instagram.
Всякий раз, когда кто-то нажимает на любую из этих иконок, он попадает в соответствующий профиль в социальных сетях — идеально подходит для превращения разовых посетителей в лояльных подписчиков!
Есть несколько способов добавить социальные иконки на ваш сайт, но одним из самых простых является использование темы, которая предоставляет готовое меню социальных ссылок. Если вы не уверены, поддерживает ли ваша текущая тема WordPress функцию социальных ссылок, перейдите в раздел Themes Showcase , который отображает список тем WordPress, ориентированных на социальные медиа.
Хотя меню социальных ссылок является одним из самых простых способов продвижения ваших учетных записей в социальных сетях, каждая тема поддерживает определенный набор значков, который вы не можете настроить. Если вы не являетесь поклонником значков вашей темы, то вам нужно либо переключиться на другую тему, либо использовать один из альтернативных методов, описанных в этом руководстве.
Чтобы активировать меню социальных ссылок:
- Войдите в свою учетную запись WordPress, если вы еще этого не сделали.
- В левом меню WordPress выберите « Внешний вид»> «Настройка» .
- Выберите Меню> Создать новое меню .
- Дайте вашему меню описательное имя.
- Установите флажок « Меню социальных связей» и нажмите « Далее» .
Чтобы добавить первый значок в меню, нажмите « Добавить элементы» , а затем нажмите, чтобы развернуть раздел « Пользовательские ссылки ».
В поле URL введите адрес своего профиля в социальных сетях, например https://www.facebook.com/MyWebsite или https://twitter.com/JessicaThornsby .
Когда вы довольны введенной информацией, нажмите « Добавить в меню» . Промойте и повторите для каждого профиля социальной сети, который вы хотите включить в свое меню.
После того как вы добавили все свои профили в социальных сетях, вы можете запустить это меню, нажав кнопку « Опубликовать» .
Перейдите на любую страницу своего веб-сайта — все ваши профили в социальных сетях теперь должны отображаться как часть нового меню.
Как создать собственное меню социальных ссылок
Если ваша тема не предоставляет меню социальных ссылок, и изменение вашей темы не вариант, то одна из альтернатив — использовать плагин. В этом разделе я покажу вам, как использовать виджет Social Icons для добавления кнопок социальных сетей в любую область виджетов.
Чтобы установить этот бесплатный плагин WordPress:
- Войдите в свою учетную запись WordPress, если вы еще этого не сделали.
- В левом меню выберите « Плагины»> «Добавить новый» .
- В строке поиска начните вводить виджет социальных значков с помощью WPZOOM . Когда появится нужный плагин, нажмите соответствующую кнопку « Установить сейчас» .
- Когда появится кнопка « Активировать» , нажмите ее.
Ваш плагин готов к работе! Давайте использовать его для создания ссылок на наши профили в социальных сетях:
- В левом меню WordPress выберите « Внешний вид»> «Настройка» .
- В левом меню выберите Виджеты .
- Выберите область виджета, в которой вы хотите отобразить значки социальных сетей, например, « Боковая панель блога» или « Нижний колонтитул 1» .
- Выберите Добавить виджет .
В разделе « Виджеты поиска » начните вводить значки социальных сетей с помощью WPZoom, а затем выберите плагин, когда он появится. В поле «Заголовок» введите любой текст заголовка, который вы хотите отобразить жирным шрифтом над всеми значками социальных сетей , например, следуйте за нами в социальных сетях!
В тексте над значками В разделе можно добавить дополнительный текст, который будет отображаться над значками социальных сетей.
Это отображается в стиле подзаголовка, который будет отображаться под любым текстом заголовка, который вы добавляете в область виджета.
Теперь у вас есть возможность показать ярлыки значков . Если вы прокрутите раздел Значки в нижней части этого меню, вы найдете ярлык по умолчанию для каждой социальной сети и сможете настроить его, если это необходимо. Пока вы здесь, вы также можете решить, какие учетные записи социальных сетей вы хотите включить в свое меню.
Чтобы добавить социальную сеть, нажмите Добавить еще, а затем введите URL-адрес одной из ваших учетных записей социальных сетей, например https://www.instagram.com/mywebsite или https://www.pinterest.co.uk/example . Плагин должен идентифицировать сеть на основе URL и автоматически отображать правильный значок.
Выберите, следует ли щелкнуть по одной из ваших социальных иконок для запуска новой вкладки или ссылка будет открыта в текущей вкладке.
Теперь вы можете стилизовать ваши иконки.
Большинство из этих вариантов довольно очевидны. Например, вы можете использовать раскрывающийся список « Выравнивание значков», чтобы выбрать, где эти значки будут отображаться в выбранной области и должны ли ваши кнопки иметь цветной значок без фона или белый значок с цветным фоном. Стоит детально изучить эти настройки, так как вы можете создавать интересные и уникальные эффекты.
Когда вы будете довольны своей конфигурацией, нажмите Применить , и ссылки на все ваши профили в социальных сетях будут добавлены на ваш сайт.
Создание социальных сетей с помощью простого ресурса
Ваши учетные записи в социальных сетях являются мощным инструментом для продвижения вашего сайта. Однако вы можете охватить еще более широкую аудиторию, побуждая посетителей делиться вашим контентом через свои учетные записи в социальных сетях.
Социальный обмен может не только представить ваш сайт совершенно новой аудитории, но и люди с большей вероятностью будут обращать внимание на контент, который органически передается третьей стороной, а не лицом, создавшим этот контент.
Если вы легко делитесь своим контентом, вы можете обнаружить, что часть трафика вашего сайта поступает от третьих лиц!
Добавив кнопки социального обмена на ваш сайт, вы можете позволить посетителям делиться вашим контентом всего несколькими щелчками мыши. В этом разделе я добавлю эти быстрые и удобные кнопки общего доступа на свой веб-сайт с помощью средства добавления простых кнопок общего доступа .
Этот бесплатный плагин позволяет вам точно выбрать, где будут отображаться ваши кнопки обмена в социальных сетях. Например, вы можете ограничить эти кнопки определенными веб-страницами или встраивать их в середину своих сообщений в блоге, чтобы посетителям не приходилось прокручивать самые нижние части страницы, чтобы делиться вашим контентом.
Вы даже можете скрыть кнопки социальных сетей на определенных веб-страницах, что может быть удобно, если вы монетизировали свой веб-сайт путем создания партнерского магазина Amazon , но предпочли бы, чтобы посетители делились уникальным контентом вашего сайта, а не продуктами Amazon.
В этом разделе я покажу вам, как настроить Adder Simple Share Buttons, а затем использовать его для создания ряда кнопок социальных сетей.
После того, как мы создали эту простую строку, я буду исследовать некоторые другие способы отображения этих кнопок, такие как встраивание их в ваш контент с помощью шорткода или преобразование их в плавающую панель общего доступа.
Чтобы создать ряд кнопок обмена:
В левом меню WordPress выберите « Плагины»> «Добавить новый» . Найдите плагин Simple Share Buttons Adder и, когда он появится, выберите Install Now . При появлении запроса нажмите « Активировать» . В левом меню WordPress выберите « Настройки»> «Простые кнопки общего доступа» .
Теперь вы можете создать список всех ваших любимых социальных сетей, используя перетаскивание.
Теперь пришло время указать, где именно эти кнопки должны появляться на вашем сайте.
Вы можете использовать ползунки, чтобы ограничить эти кнопки определенными категориями контента, такими как страницы , сообщения и домашняя страница . В качестве альтернативы можно быстрее указать, где эти кнопки не должны появляться, введя имя каждой страницы в поле « Скрыть на этих страницах» .
Простые кнопки общего доступа Adder предоставляет множество различных способов стилизации кнопок общего доступа, поэтому щелкните, чтобы развернуть раздел « Стиль », и потратьте некоторое время на изучение доступных параметров. Когда вы экспериментируете с этими настройками, WordPress будет отображать предварительный просмотр в реальном времени, чтобы вы могли отслеживать, как эти кнопки в конечном итоге появятся на вашем веб-сайте.
На этом этапе вы также можете добавить счетчик в реальном времени, который будет отображать, сколько раз этот конкретный фрагмент контента передавался через социальные сети.
Чтобы добавить действующий счетчик, щелкните, чтобы развернуть раздел « Счетчики », а затем перетащите ползунок «Счетчик общего доступа» в положение « Вкл .».
Когда вы довольны своими настройками, щелкните значок ретро дискеты.
Выбранные вами кнопки обмена в социальных сетях теперь появятся на вашем сайте. Если вы нажмете любую из этих кнопок, то автоматически запустится всплывающее окно, содержащее всю информацию, необходимую для публикации этого контента на выбранной вами платформе социальных сетей.
Встроить кнопки социального обмена в любое место на свой веб-сайт
Кроме того, после того, как вы настроили свои кнопки общего доступа, вы можете встроить их в любое место, используя автоматически созданный шорткод. Например, вы можете предложить посетителям поделиться вашим сообщением в блоге, отображая кнопки совместного доступа сразу после самого привлекательного абзаца вашего блога.
Чтобы встроить кнопки совместного доступа в социальные сети в любое место на своем веб-сайте:
- В левом меню WordPress выберите « Настройки»> «Простые кнопки общего доступа» .
- Выделите раздел Shortcode и щелкните, чтобы развернуть. Это должно показать шорткод.
- Нажмите сопровождающую кнопку копирования шорткода.
- Перейдите на страницу, запись или любой другой элемент, где вы хотите отобразить свои кнопки общего доступа, и откройте этот элемент для редактирования.
- Найдите точное местоположение, где вы хотите отобразить эти кнопки, и вставьте шорткод в этот раздел.
Ваши кнопки общего доступа теперь будут отображаться именно в этом месте.
Создать плавающую панель обмена
Вы можете побуждать посетителей делиться вашим контентом, гарантируя, что кнопки социальных сетей всегда доступны. Используя этот плагин, можно создать плавающую панель обмена, которая будет следить за посетителями при прокрутке страницы.
Чтобы создать этот плавающий бар:
- Перейдите в « Настройки»> «Кнопки социальных сетей» .
- Выберите вкладку Share Bar .
- Найдите ползунок Share Bar и вставьте его в положение « Вкл .».
Теперь вы можете настроить панель общего доступа точно так же, как вы настраивали свои оригинальные кнопки социальных сетей.
Вывод
В этом руководстве я показал вам, как поощрять посетителей следовать за вами во всех основных социальных сетях и делиться вашим контентом через собственные учетные записи в социальных сетях. Я также рассказал о нескольких способах настройки кнопок социальных сетей по умолчанию в зависимости от внешнего вида вашего веб-сайта и способов изменения местоположения этих значков.
Есть ли у вас какие-либо хитрости или советы, чтобы побудить людей общаться с вами в социальных сетях? Или любимый плагин для социальных сетей, о котором мы не упомянули? Дайте нам знать в комментариях ниже!
Лучшие WordPress темы и плагины на рынке Envato
Исследуйте тысячи лучших тем WordPress, когда-либо созданных на ThemeForest, и ведущих плагинов WordPress на CodeCanyon .
Купите эти высококачественные темы и плагины для WordPress и улучшите работу своего сайта для себя и своих посетителей.
Вот несколько самых продаваемых и перспективных тем и плагинов для WordPress, доступных на 2020 год.
вдохновение
15+ лучших тем WordPress для портфолио
Бренда Баррон
WordPress
17 лучших плагинов WordPress для слайдеров и каруселей 2020 года
Даниэль Стронгин
WordPress
20 лучших плагинов и виджетов для WordPress Calendar
Даниэль Стронгин
Темы WordPress
23+ Лучшие отзывчивые темы WordPress (для сайтов в 2020 году)
Бренда Баррон
WordPress
24 лучших WPBakery Page Builder (Visual Composer) дополнений и плагинов 2020
Даниэль Стронгин
Темы WordPress
20+ лучших тем для коучинга и консалтинга WordPress (2020)
Бренда Баррон
бесплатных иконок социальных сетей (те, которые вам действительно разрешено использовать)
Ни один веб-сайт не обходится без значков социальных сетей. И в настоящее время все, от подписей в электронной почте и визитных карточек до плакатов и видеороликов, выигрывает от небольшой «иконографии».
Но прежде чем добавлять значки на каждый актив, которым владеет ваша компания, следует учесть несколько вещей, в том числе юридический. Несмотря на повсеместное распространение значков всех форм, цветов и размеров в Интернете, значков социальных сетей являются зарегистрированными товарными знаками .Они защищены авторским правом и обязательными правилами бренда .
Изображение предоставлено Fancycrave под CC0. Мы собрали ссылки для скачивания для всех основных значков социальных сетей, а также рекомендации по передовому опыту, которые позволят использовать ваши значки на должном уровне. А мы поможем вам избежать ошибок в дизайне, предложив советы о том, как адаптировать использование значков для каждого носителя.
Бонус: Прочтите пошаговое руководство по стратегии в социальных сетях с советами профессионалов о том, как расширить свое присутствие в социальных сетях.
Источники значков социальных сетей
Загрузите полный набор иконок.
Основные принципы бренда:
- Используйте только синий значок в Facebook или перевернутый белый и синий. Вернитесь к черно-белому, если столкнетесь с цветовыми ограничениями. Доступны синяя, серая, белая и черная версии.
- Значок Facebook всегда должен отображаться в контейнере со скругленными углами и квадратом.
- Убедитесь, что значок воспроизводится в удобочитаемом размере.Он должен быть такого же размера, как и все остальные значки.
- Не анимируйте и не представляйте логотип в виде физических объектов.
- Загрузите значки в соответствии с вашим носителем. Варианты значков Facebook, предназначенные для Интернета, печати, телевидения и кино.
Иконки для использования в Интернете (.png)
Твиттер
Загрузите полный набор иконок.
Основные принципы бренда:
- Используйте только синий или белый значок в Twitter.Когда применяются ограничения на расцветку печати, Twitter разрешает отображение логотипа черным цветом.
- Twitter предпочитает, чтобы его значок отображался без контейнера, но предлагает квадратные, закругленные квадратные и круглые контейнеры, если они лучше соответствуют вашим потребностям.
- При использовании логотипа поверх изображения всегда используйте белую версию.
- Не анимируйте логотип, не украшайте его пузырями со словами или другими существами.
- Свободное пространство вокруг логотипа должно составлять не менее 150% ширины значка.
- Иконки должны иметь минимальную ширину 32 пикселя.
Иконки для использования в Интернете (.png)
Загрузите полный набор иконок.
Основные принципы бренда:
- Для представления Instagram могут использоваться только значки из раздела «Активы» сайта ресурсов бренда Instagram. Эти значки доступны в цветном и черно-белом цвете.
- иконок Instagram должны быть представлены без контейнера.Квадрат, круг, скругленный квадрат и другие формы контейнеров недоступны.
- Не используйте этот значок с названием вашей компании, товарным знаком, другим языком или символом.
- При использовании значка для вещания, радио, наружной рекламы или печати размером более 8,5 x 11 дюймов вам необходимо запросить разрешение и включить макет того, как вы планируете использовать.
- Контент Instagram не должен составлять более 50% вашего дизайна или более 50% общей продолжительности вашего контента.
Иконки для использования в Интернете (.png)
Загрузите полный набор иконок.
Основные принципы бренда:
- LinkedIn предпочитает, чтобы сине-белый значок отображался на белом фоне. Значок всегда должен отображаться в цвете онлайн. Если это невозможно, используйте обратный бело-синий или черно-белый значок.
- Используйте сплошной белый значок на темном фоне или фотографиях, а сплошной черный значок — на светлом фоне или фотографиях или в приложениях для одноцветной печати.Убедитесь, что «вход» прозрачен.
- Значок LinkedIn никогда не должен быть кругом, квадратом, треугольником, трапецией или любой другой формой, кроме квадрата с закругленными углами.
- Иконки LinkedIn обычно используются в Интернете двух размеров: 24 и 36 пикселей. Минимальный размер — 21 пиксель в Интернете или 0,25 дюйма (6,35 мм) при печати. Значки размера для печати или большего размера должны ссылаться на сетку из 36 единиц, найденную здесь.
- Границы значка должны составлять примерно 50% от размера контейнера. Минимальные требования к свободному пространству определяют, что вокруг значка следует использовать отступы размером в два символа «i» в LinkedIn.
- Для использования на телевидении, в кино или других видеопродукциях требуется запрос разрешения.
- При использовании призывов к действию, таких как «Следуйте за нами», «Присоединяйтесь к нашей группе» или «Просмотрите мой профиль в LinkedIn» вместе со значком, используйте другой шрифт и цвет, предпочтительно черный.
Иконки для использования в Интернете (.png)
Загрузите значки.
Основные принципы бренда:
- Значок P Pinterest всегда должен отображаться красным цветом Pinterest, в печатном виде или на экране и никоим образом не изменяться.
- Чтобы использовать Pinterest в видео, телевидении или кино, компании должны отправить письменный запрос своему менеджеру по работе с партнерами в Pinterest.
- Всегда добавляйте призыв к действию после показа значка Pinterest. Убедитесь, что размер значка пропорционален тексту призыва к действию.
- Допустимые призывы к действию: популярные на Pinterest, Найдите нас на Pinterest, Следуйте за нами на Pinterest, Посетите нас, Найдите больше идей на Pinterest, Вдохновляйтесь на Pinterest. Не используйте фразы «Тенденции на Pinterest» или «Тенденции».
- Всегда отображайте или гиперссылку на URL-адрес Pinterest при использовании значка.
Иконки для использования в Интернете (.png)
YouTube
Загрузите полный набор иконок.
Основные принципы бренда:
- Значок YouTube доступен в красном цвете YouTube, почти черном монохромном и белом монохромном.
- Если фон не работает с красным значком YouTube или цвет не может быть использован по техническим причинам, выберите монохромный.Почти черный значок следует использовать для светлых разноцветных изображений. Белый значок следует использовать на темных разноцветных изображениях с прозрачным треугольником кнопки воспроизведения. Значки
- YouTube должны иметь высоту не менее 24 dp в Интернете и 0,125 дюйма (3,1 мм) в печатном виде.
- Свободное пространство для значка YouTube должно составлять половину ширины значка.
- Значок YouTube можно использовать только в том случае, если он ссылается на канал YouTube.
Иконки для использования в Интернете (.png)
Snapchat
Загрузите полный набор иконок.
Основные принципы бренда:
- Показывать только черный, белый и желтый значок Snapchat.
- Не окружайте логотип другими персонажами или существами.
- Минимальный размер значка «Призрак» — 18 пикселей в Интернете и 0,25 дюйма при печати.
- Значок доступен без контейнера в черном или белом цвете или с желтым скругленным квадратом.
- Свободное пространство вокруг логотипа должно составлять не менее 150% ширины логотипа.Другими словами, отступ должен быть такого же размера, как половина Призрака.
Иконки для использования в Интернете (.png)
Загрузите полный набор иконок.
Основные принципы бренда:
- Показывать значок WhatsApp только зеленым, белым (на зеленом фоне) и черно-белым (в материалах, которые в основном черно-белые).
- Обязательно пишите WhatsApp как одно слово с правильными заглавными буквами
- Используйте зеленый квадратный значок только при обращении к приложению iOS.
Иконки для использования в Интернете (.png)
Что такое значки социальных сетей и зачем их использовать?
Добавьте значки социальных сетей на свой веб-сайт, визитные карточки и другие цифровые и физические маркетинговые материалы, чтобы увеличить количество подписчиков в социальных сетях и связаться с клиентами по различным каналам.
Не путать с кнопками общего доступа или словесными знаками, значки социальных сетей — это сокращенные символы, которые ссылаются на профиль вашей компании в разных сетях (или, в случае печатных материалов, просто позволяют людям узнать, что ваш бизнес находится в этих сетях).
Чаще всего в значках социальных сетей используется первая буква или символический логотип компании, работающей в социальных сетях. Представьте себе Facebook F, птицу Twitter или камеру Instagram.
Некоторые логотипы доступны в «контейнерах». Контейнеры — это фигуры, заключающие в себе букву или символ. Очень часто значки окрашены в официальные цвета компании, но иногда они доступны и в монохромном исполнении.
Благодаря их широкому использованию предприятиями, большинство клиентов ожидают, что компании будут иметь ссылки на значки на своих веб-сайтах, и достаточно сообразительны, чтобы знать, где их искать.Аккуратные и единообразные по стилю значки — отличная альтернатива надоедливым всплывающим окнам с надписью «следуй за мной».
Как использовать значки социальных сетей в своих маркетинговых материалах (юридически)
В сети или офлайн значки социальных сетей могут служить ссылкой на социальные каналы вашей компании. Вот несколько советов по их эффективному использованию на разных носителях.
Сайты
Часто бренды помещают значки социальных сетей в верхний и / или нижний колонтитулы своих веб-сайтов. Но их также можно разместить на плавающей левой или правой боковой панели для большей заметности.
Как правило, значки, расположенные над сгибом, имеют больше шансов быть увиденными.
Изображение взято с домашней страницы Lenny.comЭлектронные письма и информационные бюллетени
Наличие значков социальных сетей в подписи электронной почты или информационных бюллетеней предлагает дополнительные способы связи с получателями. Если нетворкинг важен и ваша компания позволяет, вы также можете добавить значок LinkedIn в общедоступный профиль.
Чтобы добавить значки в подпись электронной почты, выполните следующие действия:
Подпись Outlook 1.В Outlook на вкладке «Главная» выберите «Новое электронное письмо».
2. На вкладке «Сообщение» в группе «Включить» выберите «Подпись», затем «Подписи».
3. На вкладке «Подпись электронной почты» в поле «Изменить подпись» выберите подпись, которую нужно изменить.
4. В текстовом поле «Изменить подпись» добавьте новую строку под текущей подписью.
5. Выберите Изображение, затем перейдите в папку, в которую вы загрузили значки, и выберите значок, который хотите добавить.
6. Выделите изображение и выберите «Вставить», затем «Гиперссылка».
7. В поле «Адрес» введите веб-адрес соответствующего профиля компании.
8. Нажмите OK, чтобы завершить изменение новой подписи.
9. На вкладке «Сообщение» в группе «Включить» выберите «Подпись», а затем выберите новую измененную подпись.
1. Откройте Gmail.
2. Щелкните значок настроек в правом верхнем углу.
3. В разделе «Подписи» щелкните символ «Вставить изображение», чтобы добавить загруженный значок.
4. Выделите изображение и щелкните символ ссылки.
5. Добавьте веб-адрес для профиля своей компании.
6. Прокрутите вниз и выберите Сохранить изменения.
Большинство издателей помещают значки социальных сетей в нижний колонтитул информационных бюллетеней, потому что часто цель информационных бюллетеней — продвигать продукты, услуги или контент веб-сайтов. .
Gmail может иногда обрезать длинные сообщения, поэтому, если одной из целей вашей рассылки является привлечение подписчиков в социальных сетях, поместите значки в заголовок или над сгибом и рассмотрите возможность использования призыва к действию.В качестве альтернативы, если целью вашего информационного бюллетеня является продвижение контента, вы можете рассмотреть возможность включения значков общего доступа и размещения значков подписки в нижнем колонтитуле.
Изображение из электронного бюллетеня Sephora РаспечататьИконки социальных сетей позволяют сэкономить место в печатных материалах, таких как брошюры, печатная реклама или визитные карточки. Но не забывайте, что гиперссылку на бумаге нельзя.
Хорошим обходным решением для автономных значков является использование только доменного имени и прямой ссылки на страницу вашей компании.Или вообще пропустите доменное имя.
Вариант 1: (F) facebook.com/Hootsuite
(T) twitter.com/Hootsuite
Вариант 2: (F) Hootsuite
(T) @Hootsuite
Вариант 3: (F) (T ) @Hootsuite
На визитных карточках, если вы не планируете включать URL-адрес или дескриптор, возможно, вы не захотите включать значок, особенно если дескриптор неочевиден. Но если ваша компания имеет высокий статус и ее легко найти в социальных сетях, отдельные значки могут стать элегантным способом обозначить присутствие вашего бренда в социальных сетях в печатных объявлениях и брошюрах.
Печатная реклама чая Дэвида, через журнал Escapism, One More Bake от Элизабет Новианти Сусанто на Behance. Cado от Кристи Стивенс на Behance. ТВ и видеоКак и в случае с печатью, если вы используете видео на носителе, который не позволяет зрителям нажимать на значок, вам следует указать URL. На YouTube вы можете добавлять интерактивные значки с помощью функции аннотаций. Чаще всего призыв к действию ставится в конце видео бренда. Убедитесь, что у зрителей достаточно времени, чтобы прочитать URL.
Многие бренды социальных сетей требуют запросов на разрешение, а иногда и макетов, прежде чем разрешать компаниям использовать их значки.
Лучшие практики использования значков социальных сетей
Благодаря широкому использованию измененных и измененных значков и сторонних сайтов, таких как Iconmonstr или Iconfinder, многие бренды и менеджеры социальных сетей не осознают, что использование измененных значков строго запрещено.
Вот несколько общих рекомендаций, с которыми вы должны ознакомиться, прежде чем добавлять значки социальных сетей в свои маркетинговые материалы.
Скачать из первоисточника
При поиске значков социальных сетей попробуйте сначала получить их с веб-сайтов социальных сетей. Мы также собрали ссылки для скачивания самых популярных значков социальных сетей, представленных ниже.
Без изменений
Все логотипы и значки социальных сетей являются товарными знаками. Это означает, что вращение, обводка, перекрашивание, анимация или редактирование любого рода не разрешены.
Размер равномерно
По возможности отображайте все значки социальных сетей одинакового размера, высоты и разрешения.Не размещайте значки социальных сетей больше, чем ваш собственный логотип или словесный знак. И не отображать какие-либо значки сети больше, чем значок другой сети (например, сделать значок Facebook больше, чем значок Instagram).
Равномерное пространство
Убедитесь, что значки расположены таким образом, чтобы соответствовать требованиям к «свободному пространству» каждой компании, занимающейся социальными сетями.
Выберите от трех до пяти
Очень часто значки используются как призыв к действию, и если вы используете слишком много, вы рискуете подавить посетителей усталостью от принятия решений.Не говоря уже о беспорядке, который слишком много значков создают на визитных карточках или ресурсах с ограниченным пространством. Определите от трех до пяти каналов, наиболее важных для вашего бренда и аудитории. Полный список может быть включен в раздел контактов на веб-сайте или в нижнем колонтитуле веб-сайта.
Упорядочить по приоритету
Если LinkedIn является более стратегической сетью для вашего бренда, чем, например, Instagram, убедитесь, что LinkedIn отображается первым в вашем списке значков.
Используйте последнюю версию
Компании социальных сетей требуют, чтобы бренды, использующие их значки, обеспечивали их актуальность.Но также использование старых логотипов будет заметным и может сигнализировать о том, что ваша компания «отстает от времени».
Не используйте слово
Большинство социальных сетей прямо заявляют, что вы никогда не должны использовать словесный знак вместо значка. Словесные знаки обычно предназначены только для корпоративного использования и представляют компанию, а не присутствие вашей компании в сети.
Сделайте свой бренд в центре внимания
Слишком заметное размещение значков может ошибочно подразумевать спонсорство, партнерство или поддержку и потенциально может привести к возникновению у вашей компании проблем с законом.Кроме того, ваш бренд в любом случае должен быть в центре внимания ваших маркетинговых материалов.
Ссылка на профиль вашей компании
Это может показаться очевидным, но не указывайте ссылку на страницу продукта, личный профиль или общую домашнюю страницу сайта. Обычно считается, ожидается, а в некоторых случаях и требуется, чтобы эти значки ссылались на страницу профиля вашей компании в указанной сети.
Запросить разрешение
Как правило, если вы планируете использовать значки не так, как указано в рекомендациях по использованию бренда, лучше дважды проверить.Некоторые бренды могут запретить использование значков на производимых товарах, таких как футболки или другие памятные вещи. В других случаях от вас могут потребовать отправить макет предполагаемого использования.
Теперь, когда вы знаете, как легально рекламировать присутствие вашего бренда во всех основных социальных сетях, легко управляйте всеми своими социальными каналами с одной панели управления с помощью Hootsuite. Планируйте и публикуйте сообщения, отвечайте подписчикам, отслеживайте свою эффективность и многое другое. Попробуйте бесплатно сегодня.
Начать
37 бесплатных высококачественных красивых наборов иконок социальных сетей для вашего веб-сайта
Правильно подобранные визуальные эффекты могут украсить ваш веб-сайт и аккаунты в социальных сетях и выделить их из толпы.Иконки — важный компонент общего внешнего вида веб-сайта или визитной карточки. Пользовательские иконки могут передать вашу индивидуальность и неповторимость.
Не многие пользователи сети знают, что они могут заменить стандартные значки социальных сетей на собственные. Еще меньше людей знают, что они могут бесплатно получить высококачественные пользовательские наборы значков социальных сетей. Но поиск правильного набора значков может съесть ваше продуктивное время.
Веб-сайты могут быть менее прозрачными в отношении условий и тарифных планов.Вы могли в конечном итоге дорого заплатить за то, что считали бесплатным на всю жизнь. Чтобы уберечь вас от неприятных сюрпризов, мы рассмотрели 37 популярных наборов иконок для социальных сетей. Мы перечислили их ключевые особенности и включили образцы их галерей. Проверь их.
37 бесплатных высококачественных иконок социальных сетей для вашего веб-сайта:
1. Набор черно-белых иконок от Iconmonstr
Iconmonstr — детище Александра Калкопфа, немецкого графического дизайнера с 15-летним профессиональным опытом.На платформе есть тонны иконок социальных сетей с открытым исходным кодом, которые вы можете скачать бесплатно.
Генератор значков позволяет создавать значки разных размеров, цветов и форм фона. Сжатые значки доступны в виде однострочных фрагментов, которые вы можете добавить в свой HTML.
Источник: iconmonstr.com
2. Набор векторных иконок с длинной тенью от Vecteezy
Набор «Вектор длинной тени» для социальных сетей — один из многих наборов значков, доступных на Vecteezy.Vecteezy — одно из крупнейших графических сообществ в мире, где миллионы художников и иллюстраторов вносят свой вклад и сотрудничают.
Вы можете загружать наборы иконок с платформы и свободно использовать их в личных или профессиональных проектах. Будучи векторами, вы можете изменять размер всех изображений по мере необходимости.
Источник: vecteezy.com
3. Набор 3D плоских иконок от GraphicsFuel
Этот набор из 20 иконок доступен в форматах PSD и PNG с разрешением 114 на 114 пикселей.Хотя набор иконок 3D Flat Social Media в основном предназначен для iPhone5, его можно использовать на других мобильных устройствах или в Интернете. Набор содержит яркую графику с высоким разрешением, которая оживит ваш веб-сайт и социальные сети.
Источник: graphicsfuel.com
4. Бесплатный набор иконок социальных сетей от Nucleo
Nucleo имеет богатый репозиторий, содержащий более 28 000 значков, которые вы можете экспортировать для коммерческого использования. Вы можете получить этот бесплатный набор иконок социальных сетей на Dribbble.Для получения дополнительных наборов значков вам нужно будет загрузить приложение Nucleo и подписаться за единовременную плату в размере 99 долларов США за пользователя. Иконки относятся к типу SVG и могут улучшить внешний вид вашего сайта.
Источник: dribbble.com
5. Плоский набор круглых иконок Retina-Ready из Land-of-Web
Этот набор из 24 цветных PNG-значков может добавить цвета вашим профилям Twitter, Facebook, Pinterest, Google+, Dribbble и Behance. Иконки бывают четырех разных размеров: 256 x 256 пикселей, 128 x 128 пикселей, 64 x 64 пикселей и 32 x 32 пикселей.Вы можете бесплатно скачать эти профессиональные значки в разделе Freebie на Land-of-web.com.
Источник: land-of-web.com
6. Набор наклеек со значками социальных сетей от Vecteezy
Изогнутые и красочные наклейки со значками социальных сетей действительно сделают ваш сайт популярным. Значки представляют собой векторные изображения, которые можно редактировать и изменять размер по мере необходимости.
Источник: vecteezy.com
7. Набор бесплатных векторных значков многоугольника от LunarPixel
Вы можете использовать эти модные многоугольные и квадратные значки социальных сетей для своих учетных записей в социальных сетях и на веб-сайтах.Набор из 160 наклеек доступен в форматах PSD и PNG и поставляется с тремя пустыми шаблонами.
Источник: deviantart.com
8. Набор иконок с градиентной заливкой от Zee Que
Если вы ищете уникальные значки или стикеры для социальных сетей, вы можете выбрать затененные значки, например, разработанные Zee Que. Вы можете использовать эти 40 веб-сайтов с затемненными наклейками на контрастном фоне. Возможные размеры: 48, 56, 72, 96, 128 и 256 пикселей. Обратите внимание, что эти значки бесплатны только для личного использования.
Источник: designbolts.com
9. Набор векторных иконок треугольника с помощью Vector4Free
Вы можете получить 20 значков социальных сетей, не заплатив ни копейки. Эти модные иконки оригинально выглядят благодаря своей треугольной форме. Их дизайн чистый, а разрешение идеально подходит для использования в социальных сетях.
Источник: vector4free.com
10. Бесплатный набор плоских иконок Аллана МакЭвоя
Если вы ищете обычные значки социальных сетей в свежем виде, вы можете выбрать плоский набор значков Аллана МакЭвоя.Вы можете скачать их бесплатно по ссылке в формате EPS на Dribbble.
Источник: dribbble.com
11. Набор иконок Simple Line от Ахмада Фироза
Минималистичный дизайн линий никогда не выйдет из моды. Вы можете скачать эти 20 стикеров, созданных Ахмадом Фирозом, на Dribbble. Вы можете получить расширенный набор простых, но стильных иконок, перейдя по ссылке, предоставленной дизайнером.
Источник: dribbble.com
12.Бесплатный круговой набор иконок от Michal Kulesza
Черно-белое — это классическая комбинация, которая почти никогда не ошибается. Если вам нужны черно-белые значки социальных сетей, вы можете бесплатно скачать круглые значки Михала Кулеша. Набор содержит 65 цветных и черно-белых иконок, с круглыми границами и без них.
Источник: dribbble.com
13. Набор анимированных плоских иконок Дани Перес
Вы можете добавить бесплатные анимированные плоские иконки на свой веб-сайт или в электронные письма.16 значков доступны в форматах GIF и различных размеров, например, 64, 128 и 256 пикселей. Вы можете загрузить и сохранить их для дальнейшего использования или подготовить их к публикации с помощью векторных форм.
Источник: behaviornce.net
14. Flat-Shadow, 3D Icon Set от Uiconstock
Эти 40 профессионально выглядящих значков социальных сетей повысят коэффициент стиля вашего веб-сайта. Их трехмерный вид самобытен. Вы можете загрузить значки в виде векторов Ai или файлов PNG с веб-сайта uiconstock.
Источник: uiconstock.com
15. Набор иконок в стиле iOS от Робертса Озолинса
Монохромные иконки вневременные и стильные. Вы можете загрузить 24 значка социальных сетей для iOS через Dribbble. Вы получите файлы EPS или Vector AI, которые можно легко встроить в ваш HTML-код.
Источник: dribbble.com
16. Плоский набор иконок пастельных тонов от PrintKEG
Яркие значки на фоне пастельных тонов могут добавить классности вашим веб-сайтам и блогам.Вы можете изменить цвет и форму фона по своему усмотрению. В галерее представлены значки большинства популярных социальных сетей.
Источник: blog.printkeg.com
17. Набор иконок с ультратонкой линией от MediaLoot
Используйте сверхтонкие значки социальных сетей, вдохновленные iOS 7. Этот набор из 24 значков доступен в форматах Ai, EPS и SVG. Вы можете свободно использовать их в личных и коммерческих проектах с соответствующей атрибуцией.
Источник: medialoot.com
18. Набор иконок для штампов FreeVectors
Набор иконок состоит из 20 оригинальных наклеек, сделанных вручную. Значки социальных сетей можно использовать на условиях бесплатной лицензии FreeVectors.
Источник: freevectors.net
19. Набор иконок для социальных сетей от Graphics Bay Team
Outline Social Icons — это набор из 27 значков на ярком синем фоне. Вы можете скачать значки в виде файлов PDF и Adobe Illustrator.
Источник: dribbble.com
20. Плоский набор иконок в стиле гранж от PrintKEG
Шероховатые иконки могут выглядеть круто и по-разному. Вы можете загрузить полный набор плоских иконок социальных сетей PSD в стиле гранж с сайта PrintKEG. При необходимости вы можете настроить цвета и прозрачность значка.
Источник: blog.printkeg.com
21. Набор плоских круглых значков от Publicons
Если вы предпочитаете чистый вид, мы рекомендуем иконки социальных сетей от Publicons.Эта графика имеет открытый исходный код и может использоваться повторно. Все иконки можно скачать в форматах SVG или PNG.
Источник: joshuasortino.com
22. Набор геометрических значков от Blogtacular
Геометрические значки социальных сетей предлагают кнопки социальных сетей в ярких, неоновых и пастельных тонах. Выберите цвет, соответствующий теме вашего веб-сайта или карточки контакта. Вы можете смешивать разные оттенки и создавать собственный цвет. Доступны значки разных размеров: 32, 64 и 128 пикселей.
Источник: blogtacular.com
23. Бесплатный набор стилизованных иконок от Tonicons
Вы получите семь стилизованных наборов иконок для всех основных социальных сетей. Все изображения являются векторными и многослойными, поэтому вы можете изменять их размер и редактировать несколькими щелчками мыши.
Источник: tonicons.com
24. Набор иконок Socialico от FontFabric
С подпиской Socialico вы можете получить 74 бесплатные кнопки социальных сетей для вашего веб-сайта и социальных сетей.Вы можете назначить своим любимым значкам быстрые клавиши быстрого доступа.
Источник: fontfabric.com
25. Набор 3D иконок Симеона Качикву
Этот набор значков предназначен для социальных сетей, таких как Medium и Vine, которые трудно найти в других наборах значков. 12 значков доступны в виде файлов PSD, которые вы можете легко встроить в код своего веб-сайта.
Источник: dribbble.com
26. PSD Flat Shadow Icon Set by Pixeden Набор
PSD Flat Shadow Icon Set содержит 16 распространенных социальных иконок, которые вы можете скачать и использовать бесплатно.Создатель использовал эффект длинной тени, чтобы придать иконкам приподнятый вид.
Источник: pixeden.com
27. Набор векторных иконок социальных сетей от Dreamstale
С 90 значками социальных сетей в девяти стилях значки Dreamstale являются одними из лучших на рынке. В набор значков входят также значки менее известных социальных каналов.
Вы можете выбирать из наборов стилей с закругленными краями, водяными каплями, листьями, прямоугольниками или цветами. 810 иконок созданы в Adobe Illustrator и доступны в различных форматах файлов.
Источник: dreamstale.com
28. Плоский набор социальных иконок от Designmodo
Плоские значки совпадают со всеми макетами. Если вы хотите сделать ставку на свой сайт, вы можете использовать 35 плоских значков социальных сетей от Designmodo. Иконки доступны в форматах PSD и PNG.
Источник: designmodo.com
29. Набор значков Adobe Muse
Значки Adobe Muse — это набор из 60 кнопок социальных сетей в черно-белой цветовой схеме.Вы можете скачать их, зарегистрировавшись на Behance бесплатно.
Источник: behaviornce.net
30. Плоский набор иконок Кристофа Керебеля
Этот изящный набор иконок разработан Кристофом Керебелем и доступен на Dribbble. Вы можете загрузить значки и использовать их для украшения своего веб-сайта или печатных материалов.
Источник: dribbble.com
31. Набор иконок, нарисованных вручную от Freepik
Если вы осмелитесь отличаться, эти нарисованные от руки значки социальных сетей вам понравятся.Набор иконок содержит 120 социальных кнопок, нарисованных карандашом.
Источник: fribly.com
32. Набор иконок старинных марок Джона Негоита
Если вы приверженец старой школы, вы оцените винтажную атмосферу этого значка, созданного Джоном Негойта. 15 иконок доступны в форматах PSD и PNG и размером 256 X 256 пикселей. Лицензия бесплатна для использования в соответствии с Условиями использования Freebie Files.
Источник: webfx.com
33.Somicro Free Icon Set от Тины Майлхот-Роберж
Маленький, но мощный набор бесплатных иконок Somicro имеет размер 32 X 32 пикселей. 45 компактных значков могут аккуратно разместиться в ограниченном пространстве на ваших веб-страницах и визитных карточках.
Источник: deviantart.com
34. Набор плоских круглых иконок, автор: Давид Дапсус
Эти 20 иконок социальных сетей разработаны Давидом Дапсусом и доступны на Dribbble. Иконки имеют чистый вид, основанный на минималистичном дизайне.Вы можете бесплатно загрузить набор значков в виде ZIP-файла и использовать его для улучшения своего веб-сайта и электронных писем.
Источник: dribbble.com
35. Набор иконок в виде ленты от Zee Que
Эти 18 значков социальных сетей привлекут внимание и заставят зрителей щелкнуть по ним. Вы можете получить их в диапазоне размеров от 48 до 256 пикселей.
Источник: designbolts.com
36. Набор иконок Geekly Flat, созданный Абдулрахимом Баджабером
Этот набор иконок состоит из 40 полностью настраиваемых плоских иконок социальных сетей.Современный дизайн хорошо сочетается с модными в наши дни минималистичными веб-сайтами.
Источник: behaviornce.net
37. Плоский набор социальных иконок от Specyboy
24 значка в этом наборе значков имеют плоский дизайн и бывают четырех форм (квадратные, круглые, а также темные и светлые закругленные углы). Они доступны в пяти размерах и различных форматах файлов (PNG и EPS).
Источник: speckyboy.com
Завершение
Как и было обещано, все проверенные нами наборы значков доступны бесплатно.Вы можете загрузить эти значки с помощью нескольких щелчков мышью и легко использовать их для улучшения вашего веб-сайта и печатных СМИ. Выберите тот, который соответствует уникальному стилю и индивидуальности вашего бренда. Правильный набор иконок может украсить ваш сайт и визитные карточки.
Как правильно использовать значки социальных сетей (и наши 13 любимых наборов)
Иконки социальных сетей — жизненно важная часть вашей маркетинговой стратегии.
Вам нужны значки для продвижения ваших социальных каналов в точках соприкосновения, таких как ваш веб-сайт, блог, рассылки по электронной почте и даже в местах IRL, таких как визитные карточки.
Но если вы думаете о том, чтобы придать логотипу Twitter шикарный вид, чтобы он соответствовал эстетике вашего бренда, возможно, вам стоит переосмыслить эту идею.
Платформы социальных сетей серьезно относятся к своему бренду. Что наиболее важно, они вкладывают кучу денег в борьбу с нарушениями товарных знаков и неправомерным использованием их логотипа.
Создание собственных значков — тоже не запрет. Вам просто нужно понимать уникальные правила каждой платформы.
Мы также включили несколько безопасных и привлекающих внимание наборов значков, которые вы можете скачать и сразу же использовать.
Да, важно, как вы используете значки социальных сетей
Имейте в виду, что ни одно из следующего не может считаться юридической консультацией. Это только для информационных целей.
На сайтах социальных сетей не продаются физические товары или услуги. Все их средства к существованию строятся на функциях приложения и связанном с ним бренде.
Брендинг, в частности логотипы и цвета, абсолютно необходим для каждой компании, занимающейся социальными сетями. Их логотип определяет, кто они и что они собой представляют.
Вы помните, как Twitter выглядел в 2006 году? Или я должен сказать Twttr.
Помимо ярких граффити и надписей «Что у вас в голове», сам логотип говорит о том, для кого и для чего предназначено приложение: оно модно, непринужденно и быстро.
Очевидно, что за последние годы Twitter претерпел некоторый ребрендинг. Сегодня вы даже не услышите слово «Твиттер» без того, чтобы сразу вспомнить эту культовую синюю птицу — и в этом весь смысл.
Только подумайте, как мы используем социальные сети. Мы не просматриваем список названий приложений на наших телефонах. Мы нажимаем на минималистичные значки социальных сетей на экране нашего приложения.
Я хочу сказать, что бренды социальных сетей, как и все бренды, серьезно относятся к своим логотипам. Каждый логотип защищен авторским правом, часто в нескольких странах, и применим в соответствии с соответствующими законами о товарных знаках.
И как одни из самых богатых компаний в мире, эти социальные сети имеют ресурсы, чтобы найти и отреагировать на неправомерное использование их логотипа.
Конечно, вас могут не сразу привлечь к суду или наложить штраф. Прекращение и воздержание, скорее всего, будет первым, но зачем рисковать?
Как правильно использовать значки социальных сетей для каждой платформы
При разработке значков социальных сетей совсем не обязательно торопиться, потому что каждый бренд публично излагает конкретные правила.
Twitter, Facebook, Instagram — все эти бренды хотят, чтобы вы использовали их логотип и даже добавили в него свой собственный стиль в разумных пределах.
Они просто хотят, чтобы ваше творение отражало их логотип так, как они задумали. Поэтому у каждого бренда свои правила.
Рекомендации для значков социальных сетей Facebook
Помните, Facebook и Messenger технически два разных приложения, поэтому у Facebook есть уникальные рекомендации для каждого из них. Согласно Facebook, использование любого логотипа, который вы нашли в Интернете, неуместно, если он не взят непосредственно из пакета ресурсов Facebook.
Вот общие правила, применимые к товарному знаку F:
- Используйте только фирменный логотип F — не словесный знак Facebook Inc — для продвижения своей страницы в Facebook.
- Сохраняйте форму, цвет и пропорции. Не растягивайте, не переворачивайте и не ослепляйте логотип.
- Оставьте достаточно места вокруг логотипа F, чтобы он был хорошо виден.
- Черно-белое изображение — это нормально, если официальный цвет Facebook недоступен.
Рекомендации для значков социальных сетей в Instagram
Instagram называет свой значок «глифом» и предпочитает использовать этот базовый значок вместо красочного значка приложения.
- Instagram рекомендует использовать глиф в черно-белом цвете.
- Однако Instagram также сообщает, что вам разрешено публиковать глиф любого цвета, который вам нравится, при условии, что форма и пропорции останутся прежними.
- Используйте правильные пробелы вокруг глифа.
- Не деформируйте и не искажайте глиф.
Согласно Instagram, вы должны использовать черно-белый контур глифа для продвижения своего бизнеса. Используйте красочный значок приложения только в том случае, если вы побуждаете кого-то скачать приложение.
Рекомендации для значков социальных сетей YouTube
Как и большинство брендов социальных сетей, YouTube имеет правила как в отношении того, как вы используете сам логотип, так и в отношении того, как вы упоминаете название бренда в предложении.
- Обеспечьте достаточное буферное пространство между значком логотипа и текстом.
- Не используйте для создания логотипа YouTube любые цвета, кроме черного, белого и красного.
- Черный или белый монохромный значок социальных сетей подходит для определенных фонов.
- Не добавляйте тени, анимацию или украшения.
- Не используйте логотип YouTube в составе предложения.
- Выберите черный или белый логотип YouTube в зависимости от цвета фона.
- Не добавляйте никаких рисунков к логотипу.
YouTube
Рекомендации для значков социальных сетей LinkedIn
LinkedIn предлагает удобные пакеты ресурсов на английском и китайском языках, чтобы гарантировать правильное использование их логотипа и значков в сети.
- LinkedIn предпочитает, чтобы вы использовали их фирменный синий цвет, но ничего страшного, если вы используете белый или черный, если ситуация потребует этого.
- Уникальный и важный момент: LinkedIn требует, чтобы вы использовали знак ® рядом с каждым приложением с логотипом, при условии, что он достаточно большой, чтобы его можно было увидеть.
- Как обычно, LinkedIn не хочет, чтобы вы меняли цвета, растягивали или искажали его логотип.
Профессиональная платформа социальных сетей также имеет особые строгие правила в отношении пробелов, окружающих различные части своего логотипа. Вместо того, чтобы перефразировать и ошибиться, проще разместить скриншот здесь:
Рекомендации для значков социальных сетей Twitter
Респект птице! Птицу не переделывать! Twitter имеет несколько другой логотип по сравнению с большинством социальных сетей, поэтому его рекомендации по правильному использованию логотипа довольно обширны.
Вот свод правил, касающихся одной только птицы:
Твиттер
Как и другие социальные сети, Twitter не хочет, чтобы вы искажали его значок или меняли цвета. Однако помните и об этих важных факторах, поскольку они связаны конкретно с птицей.
- Не анимируйте птицу.
- Не заставляйте птицу чирикать или летать.
- Не включайте никаких дополнительных животных.
- Не антропоморфизируйте (не добавляйте человеческие черты) птицу.
Twitter также содержит массу примеров неправильного использования. Думаю, птица просто умоляет измениться.
Твиттер
Рекомендации для значков социальных сетей Snapchat
Согласно Snapchat, логотип-призрак олицетворяет истинный дух и индивидуальность бренда. А именно: простота, непосредственность и чистый холст.
Snapchat также утверждает, что очарование призрака заключается в его простоте. Вот почему они не хотят, чтобы вы раскрашивали или оживляли призрака, если вы не связались с ними для получения разрешения.
В приложении социальной сети также есть четкий запрос на использование своего призрака на черном фоне. В логотипе «белые штрихи», как называет Snapchat, важно сохранить правильные пропорции:
Snapchat
Рекомендации для значков социальных сетей TikTok
На данный момент TikTok, похоже, не имеет общедоступного набора рекомендаций по активам бренда.
Так как сейчас мы не можем найти ничего конкретного, давайте посмотрим на общий логотип TikTok и сделаем некоторые выводы:
TikTok
Мы можем разумно предположить, что:
- TikTok хочет, чтобы вы использовали черный, белый и фирменный синий / розовый цвета.
- Убедитесь, что вы сохранили правильные пропорции вокруг основного логотипа и его теней.
- Оставьте достаточно пробелов между текстом «TikTok» и значком логотипа.
- Используйте стандартный черный или белый монохромный логотип, когда цвета недоступны.
Где найти и скачать нужные значки социальных сетей?
Практически любой веб-сайт с фотографиями, который предлагает векторную графику, будет иметь множество загружаемых значков социальных сетей для каждого сайта, который может вам понадобиться.
Имейте в виду, что у этих сайтов со стоковыми фотографиями может не быть времени и ресурсов, чтобы проверить, соответствует ли каждый набор значков требованиям к логотипам соответствующего бренда. Во многих случаях стандартный сайт может даже не знать о проблеме, пока Twitter или Facebook не свяжутся с ними для удаления.
Некоторые векторные сайты или сайты, созданные пользователями с уникальными значками социальных сетей, включают:
13 классных иконок, примеров и кнопок социальных сетей, которые мы любим
Пожалуйста, используйте их на свой страх и риск в своих маркетинговых материалах или в качестве вдохновения для создания собственных значков социальных сетей.
Всегда ссылайтесь на приведенные выше рекомендации по ссылкам для получения последних обновлений по правильному и неправильному использованию логотипа. Повеселись!
1. Иконки социальных сетей, выделенные жирным шрифтом DesignBolts
2. Иконки стикеров социальных сетей Vecteezy
3. Ультратонкие социальные иконки Medialoot
4. Плоские значки социальных сетей Printkeg
5. Социальные иконки в стиле iOS7
6. Расширенные плоские иконки социальных сетей
7.Социальные иконки Simple Line
8. Иконки социальных сетей на ленте
9. Рисованные иконки Freepik
10. Christophe Kerebel Наброски социальных иконок
11. Черно-белые иконки Adobe Muse
12. Blogtacular Иконки социальных сетей с геометрическим шестиугольником
13. Publicons Простые круглые большие значки социальных сетей
Почему бы не создать свои собственные значки социальных сетей?
Кто угодно может создавать свои собственные значки социальных сетей.Если у вас есть опыт в дизайне, попробуйте сами, чтобы создать что-то совершенно уникальное для вашего бренда. Помните, что ваши социальные иконки будут присутствовать в каждом маркетинговом сообщении, которое вы отправляете, поэтому старайтесь, чтобы они были последовательными.
Ваш полный путеводитель по иконам социальных сетей
Социальные сети настолько прочно вошли в нашу повседневную жизнь, что большинство значков социальных сетей становятся узнаваемыми. Вам не нужно видеть название платформы, чтобы связать синий значок «f» с Facebook или значок ретро-камеры с Instagram.Большинство людей также знают, что произойдет, если они нажмут на эти значки, когда увидят их на веб-сайте или по электронной почте.
Для маркетологов и владельцев бизнеса это прекрасная возможность внедрить значки социальных сетей в свои маркетинговые стратегии. Вы можете добавить их на свою домашнюю страницу, в сообщения в блогах, электронные письма или даже в маркетинговые материалы.
В то же время, прежде чем использовать эти логотипы в социальных сетях, вам следует учесть множество аспектов, включая передовой опыт и правовые условия.Важно помнить, что значки социальных сетей также являются зарегистрированными товарными знаками соответствующей компании. Это означает, что у них есть защита авторских прав, поэтому вы не можете делать с ними все, что хотите.
В этом посте мы обсудим передовые методы легального использования этих популярных значков социальных сетей и где их можно найти. Вы также получите некоторое представление о важности использования этих значков в вашей маркетинговой стратегии и о том, как их использовать.
Преимущества использования значков социальных сетейИконки социальных сетей облегчают людям поиск вашей компании в социальных сетях, помогают вам общаться со своими клиентами и увеличивать количество подписчиков.Вы можете добавить их на свой веб-сайт и в материалы цифрового маркетинга. Многие компании также используют их в своих визитных карточках и физических маркетинговых материалах, таких как плакаты и пригласительные билеты.
Когда люди увидят логотипы социальных сетей на ваших печатных материалах, они смогут узнать, что ваш бизнес находится на этих каналах. Обычно вы указываете соответствующий дескриптор социальной сети рядом со значком, чтобы люди могли вас легко найти. В случае цифровых логотипов они будут ссылаться на ваш профиль в социальной сети, и люди могут просто щелкнуть по одному из них, чтобы найти вас там.
Например, щелкнув любой из следующих значков социальных сетей на главной странице Sprout Social, вы перейдете на соответствующие каналы компании в социальных сетях.
Использование значков социальных сетей — отличный способ сохранить все аккуратно и единообразно. Поскольку они легко узнаваемы, люди точно знают, что происходит, когда они нажимают на определенный значок. Кроме того, вам не придется раздражать посетителей навязчивыми всплывающими окнами с просьбой подписаться на вас. Теперь, когда вы узнали о важности значков социальных сетей, давайте рассмотрим, где вы можете найти бесплатные значки социальных сетей, а также следовать руководящим принципам бренда:
Рекомендации по использованию значков социальных сетей и их местонахождение Иконки FacebookВы можете загрузить одобренные файлы с логотипом «f» из Центра ресурсов бренда Facebook.
- Рекомендации
- Используйте логотип «f» только правильного цвета и формы. Если есть какие-либо технические ограничения, мешающие вам использовать официальные цвета Facebook, выберите черный и белый.
- Он должен быть такого же размера, как и все остальные значки.
- Не анимируйте и не изображайте какие-либо физические объекты в виде логотипа «f».
- Не разбирайте логотип и не изменяйте его дизайн.
Источник: Facebook Brand Guidelines
Иконки InstagramВы можете загрузить утвержденные файлы значков Instagram из раздела Assets Центра ресурсов бренда Instagram.
- Рекомендации
- Используйте только значки из Центра ресурсов бренда Instagram. Вы можете скачать многоцветные или черно-белые версии.
- У вас есть возможность заменить цвет любым сплошным цветом.
- Все остальные аспекты дизайна должны остаться без изменений.
- Всегда сохраняйте пропорции значка и не делайте его меньше 29X29 пикселей.
- Вам нужно будет запросить разрешение, если вы собираетесь использовать значки размером более 8 для радио, радиовещания, наружной рекламы или печати.5 дюймов X 11 дюймов. Все запросы должны быть на английском языке и должны включать макет того, как вы собираетесь использовать значок.
Источник: Instagram Brand Guidelines
Иконки TwitterВы можете загрузить утвержденные файлы значков из ресурсов бренда Twitter вместе с полными инструкциями по их использованию.
- Рекомендации
- Использование значка без контейнера предпочтительно, но у вас есть возможность использовать его внутри круга, квадрата или квадрата с закругленными краями.
- Используйте только в Твиттере синего или белого цвета. В случае ограничений по цвету вы можете отобразить его черным цветом после получения разрешения от Twitter.
- Если вы размещаете его на изображении, всегда используйте белый логотип.
- Не изменяйте его ни в какой форме. Это включает в себя наклон или поворот, заполнение узорами и добавление элементов.
- Не оживляйте и не антропоморфизируйте его.
- Не окружайте его другими птицами или животными.
- Используйте только самую последнюю версию логотипа.
- Не подчеркивайте его слишком сильно, но убедитесь, что он имеет ширину не менее 32 пикселей.
Источник: Twitter Brand Resources
Значки LinkedInВы можете загрузить нужные файлы значков из ресурсов бренда LinkedIn вместе с полными правилами использования.
- Рекомендации
- «LinkedIn предпочитает, чтобы вы использовали сплошной белый фон для отображения своего логотипа. Если это невозможно, вы можете использовать сплошной светлый цвет.
- Вы всегда должны использовать онлайн-версию нужного цвета. Если в приложениях для печати есть ограничения по цвету, вы можете использовать сплошную черную версию.
- Значок всегда должен находиться в контейнере со скругленными углами.
- Он должен быть высотой не менее 21 пикселя для онлайн-приложений или не менее 0,25 дюйма в печатных приложениях.
- Не изменяйте и не искажайте какие-либо элементы, включая цвета.
- Для использования в фильмах, на телевидении или в других видеопродукциях вам потребуется запросить разрешение.
Источник: Политика бренда Linkedin
Иконки YouTubeВы можете загрузить утвержденные файлы значков со страницы ресурсов бренда YouTube.
- Рекомендации
- Оставьте свободное пространство вокруг логотипа YouTube не менее половины ширины значка.
- В цифровом контенте логотип должен быть высотой не менее 24dp. В печатном виде он должен быть высотой не менее 0,125 дюйма или 3,1 мм.
- Никогда не изменяйте логотип в любой форме.Это включает в себя изменение расстояния между буквами, замену шрифта, добавление визуальных эффектов и изменение формы.
- Вы можете выбрать один из двух вариантов полноцветного логотипа — белый и почти черный. Первый используйте на темном фоне, а второй — на светлом.
- Не используйте другие цвета, кроме красного, белого или почти черного.
- Он должен ссылаться только на канал YouTube.
Источник: Ресурсы по бренду YouTube
Значки SnapchatВы можете загрузить полные правила бренда и утвержденный логотип Ghost через Snap Inc.
- Рекомендации
- Используйте для логотипа только черный и белый цвета.
- Не изменяйте логотип в какой-либо форме или форме.
- Не добавляйте вокруг него других персонажей или существ.
- Используйте только версии из набора рекомендаций по бренду Snapchat.
- Убедитесь, что он такого же размера, как и все остальные логотипы.
- Он не должен быть более заметным, чем логотипы и знаки вашего собственного бренда.
- Он должен быть не менее 18 пикселей в высоту или 0,25 дюйма.
Источник: Руководство по бренду Snapchat
Значки PinterestВы можете загрузить утвержденный значок Pinterest со страницы Руководства по использованию бренда.
- Рекомендации
- Всегда используйте логотип Pinterest красного цвета без каких-либо изменений как в Интернете, так и в печати.
- Всегда используйте его с призывом к действию, размер которого пропорционален логотипу. Используйте такие фразы, как «Найдите нас на Pinterest», «Популярные на Pinterest», «Вдохновляйтесь на Pinterest», «Посетите нас» и «Найдите больше идей на Pinterest.»Никогда не используйте такие фразы, как« Трендовые пины »,« Тенденции на Pinterest »или любые фразы, в которых« пин »используется в качестве глагола.
- Всегда связывайте значок со своим URL-адресом Pinterest.
- Не используйте словесный знак вместо логотипа
Источник: Pinterest Brand Guidelines
Иконки WhatsAppВы можете загрузить утвержденные файлы логотипов на странице ресурсов бренда WhatsApp.
- Рекомендации
- По возможности используйте зелено-белый логотип.
- Используйте черно-белую версию, когда содержимое в основном черно-белое.
- Используйте зеленый квадратный логотип только при ссылке на версию приложения для iOS.
- Не модифицируйте логотип в какой-либо форме или форме, а также не меняйте его цвета.
Источник: Рекомендации по использованию бренда WhatsApp
Рекомендации по использованию значков социальных сетейПравильное использование этих логотипов в социальных сетях может помочь вам обеспечить сильное присутствие в социальных сетях.Вот несколько рекомендаций и передовых практик, которым следует следовать, прежде чем использовать их.
Никаких изменений не вноситьВот где отстают многие бренды и маркетологи. Вы не можете вносить какие-либо изменения в логотипы, потому что они являются зарегистрированными товарными знаками. Сюда входит их вращение, изменение цвета, анимация или добавление элементов. Даже если цвета логотипа не соответствуют цветовой схеме вашего веб-сайта, вы всегда можете использовать монохромные версии, такие как Calendly на скриншоте ниже.
Поддерживать единое пространство и размерЕсли вы используете несколько значков, убедитесь, что все они одного размера с точки зрения высоты, ширины и разрешения. Каждая компания предъявляет особые требования к сохранению определенного свободного пространства между иконкой и другими элементами. Убедитесь, что вы соблюдаете эти требования, чтобы каждый значок был хорошо виден.
Например, посмотрите, как Институт контент-маркетинга добавляет достаточно места между различными значками социальных сетей.
Выберите стратегическое местоположениеУбедитесь, что ваши значки социальных сетей хорошо видны, если вы хотите, чтобы они оказали желаемое воздействие. Тем не менее, они не должны затмевать ваш бренд. SparkToro, например, добавляет свои кнопки внизу страницы, а их кнопки социальных сетей размещаются на боковой панели. Эти местоположения позволяют пользователям легко находить и щелкать значки, чтобы поделиться ими, легко вписываясь в работу со страницей.
Используйте их не только на своем веб-сайтеПомимо своего веб-сайта, вы можете использовать эти логотипы социальных сетей в своих видеороликах, маркетинговых материалах, информационных бюллетенях и электронных письмах, чтобы усилить их влияние.Таким образом, вы можете быть уверены, что больше людей узнают о социальных сетях вашего бренда и, возможно, даже станут подписываться на вас. Например, посмотрите, как Sprout добавляет заметные значки социальных сетей в конце наших информационных бюллетеней по электронной почте:
Значки расположены на видном месте в нашем информационном бюллетене, но также содержат призыв к действию, чтобы побудить пользователя связаться с нами по дополнительным каналам.
ЗаключениеКаждая социальная сеть имеет уникальные правила и требования к использованию значков своего бренда.Хотя в этом посте мы рассмотрели основы, обязательно ознакомьтесь с особенностями на соответствующих страницах ресурсов каждой сети. Двигаясь вперед, самое важное правило, о котором следует помнить, — избегать внесения каких-либо изменений в значки и быть в курсе конкретных правил каждой сети.
Все еще разрабатываете свою контент-стратегию? Ознакомьтесь с нашим руководством по контент-маркетингу, чтобы составить правильный тип сочетания контента для достижения успеха как в социальных сетях, так и в Интернете.
Добавить значки социальных сетей в подписи электронной почты
Вы, вероятно, активны в различных социальных сетях.В настоящее время для бизнеса нечасто отсутствует какое-либо социальное присутствие, и независимо от того, используете ли вы что-то вроде Facebook, Twitter, LinkedIn или Instagram, вы хотите регулярно привлекать людей к своему социальному контенту.
Добавление значков социальных сетей в подписи электронной почты — отличный способ бесплатно привлечь множество новых поклонников!
Легко включить ссылки социальных сетей в подписи электронной почты, но добавление официальных значков социальных сетей выглядит намного профессиональнее.
Чтобы добавить значок социальной сети, выполните следующие простые шаги.
Использовать значки социальных сетей для подписей электронной почты
Чтобы упростить задачу, вы можете загрузить значки социальных сетей для таких платформ, как Facebook, Twitter и LinkedIn, указанные ниже. Или скопируйте URL-адреса значков ссылок, чтобы поместить их прямо в подпись электронной почты.
Добавить значки социальных сетей
Теперь вам нужно добавить значки социальных сетей в подпись электронной почты. Обычно это будет чуть ниже ваших контактных данных, но не стесняйтесь размещать их там, где считаете нужным.
Если вы используете редактор WYSIWYG (что вы видите, то и получаете) в Outlook, Gmail или G Suite, вы можете использовать кнопку «Вставить изображение» , чтобы добавить свои кнопки LinkedIn и / или другие значки.
Если вы используете Microsoft 365 (ранее Office 365) или Exchange, используйте HTML-тег , указывающий на расположение изображения в Интернете. Это будет выглядеть примерно так:
Добавить гиперссылку к значку социальной сети
Использовать редактор WYSIWYG в Outlook очень просто.Выберите значок социальной сети, нажмите кнопку «Добавить гиперссылку» в верхнем меню и введите URL-адрес, который ведет к соответствующему профилю. Гиперссылка должна быть полным URL профиля, например https://www.facebook.com/exclaimer или https://www.twitter.com/exclaimer.
Однако для добавления гиперссылок к изображениям в Gmail и G Suite вам необходимо сначала добавить гиперссылку в код HTML, а затем вставить дизайн подписи HTML в редактор WYSIWG.
Если вы работаете с необработанным HTML, найдите код изображения, как указано выше, затем вставьте теги HTML.Код должен быть похож на пример, показанный ниже:
Вот и все. Вы успешно добавили значки социальных сетей в подпись электронной почты. Чтобы добавить больше профилей, просто повторите процесс столько раз, сколько хотите.
Для более простого способа добавления значков социальных сетей в подписи электронной почты в Microsoft 365 (ранее Office 365), G Suite или Microsoft Exchange используйте специальное решение для подписи электронной почты от Exclaimer.Начните полнофункциональную бесплатную пробную версию прямо сейчас!
Чем может помочь Exclaimer:
Если вы ищете простой способ разрабатывать профессиональные подписи электронной почты и управлять ими во всей организации, мы здесь, чтобы помочь. Узнайте больше или начните бесплатную пробную версию сегодня!
Узнать больше Начать бесплатную пробную версию
Рекомендуемая литература
Получите больше от своих электронных подписей с бесплатной копией нашего официального руководства для чайников
Подробнее о программе для подписи электронной почты Exclaimer
30 красивых бесплатных наборов иконок социальных сетей
Поиск набора значков социальных сетей, который соответствует стилю вашего сайта (или приложения), может быть непростой задачей.Итак, мы собрали огромный выбор красиво оформленных и бесплатных наборов логотипов для социальных сетей, чтобы сделать ваш поиск немного проще.
Все они включают значки и логотипы всех основных социальных служб и многих менее известных, и представлены в различных популярных форматах (Icon Fonts, Figma, Adobe XD, PSD, AI, EPS, Sketch, PNG и SVG).
Вам также могут понравиться наши 50 лучших бесплатных наборов иконок для веб-дизайнеров или наша коллекция из 50 лучших бесплатных шрифтов для дизайна пользовательского интерфейса.
Набор инструментов для конструктора иконок и пользовательского интерфейса
Неограниченное количество скачиваний: более 1 000 000 наборов значков, пользовательских интерфейсов, шаблонов каркасов, тем, плагинов и многое другое!
Значки социальных сетей с символами и пиктограммами
Социальные логотипы в стиле Windows 10
Соцтограммы
(формат AI)Значки социальных сетей
(48 значков в форматах эскиза)48 бесплатных векторных иконок социальных сетей
(формат AI)Drawic
(24 значка в формате SVG)Плоские иконки социальных сетей
Социальные иконки в цветном, черно-белом форматах
(более 100 иконок в форматах Figma, Sketch, Adobe XD, SVG и PNG)Социальные иконки Insignificon
(Envato Elements)Цветные логотипы социальных сетей
Набор значков для значков социальных сетей
(20 значков в формате PSD)Social Flat Icon Set
(форматы AI, EPS и SVG)Плоский набор иконок социальных сетей
(32 иконки в формате EPS)Плоские социальные иконки
(14 иконок в формате PSD)Плоские социальные иконки
(16 иконок в формате PSD)Geekly
(40 иконок в форматах PSD и PNG)Нарисованные от руки иконки социальных сетей
Большой набор иконок социальных сетей
(Envato Elements)Социальные логотипы в цветном стиле от руки
Нарисованные от руки значки социальных сетей
(форматы AI, EPS, PDF и SVG)Иконки социальных сетей Long Shadow
Иконки социальных сетей Long Shadow
(8 иконок в формате JPG)Минимальные иконки социальных сетей
Иконки социальных сетей
(20 иконок в формате PNG)Набор тонких значков социальных сетей
(32 значка в формате AI)Наборы иконок для социальных сетей со шрифтами и иконками
Монохромный шрифт социальных иконок
(100 веб-шрифтов)Socialicious
(62 значка веб-шрифтов)Социальный значок шрифта
(48 значков веб-шрифта)И напоследок… все остальное…
Набор иконок социальных сетей WPZOOM
(50 иконок, PSD)Stampaxx — Коллекция марок социальных сетей
(100 иконок, PSD и EPS)Набор социальных сетей
(24 иконки в формате PNG)Old School Social Icon Set
(28 иконок в формате PSD)Социальные почтовые марки
(24 иконки в форматах AI, EPS и PNG)20 красивых бесплатных плоских иконок социальных сетей 2021
Полный список лучших бесплатных плоских наборов иконок социальных сетей для личного и коммерческого использования в макетах дизайна, на веб-сайтах и в других местах.
На этот раз я хотел бы помочь дизайнерам и веб-разработчикам собрать лучшие доступные наборы плоских значков. Некоторые из этих наборов имеют длинную тень, которая сочетается с принципами плоского дизайна.
Кроме того, вы можете изучить темы WordPress с плоским дизайном и примеры дизайна плоских логотипов. Так как длинная тень является частью этой дизайнерской тенденции, возможно, вам стоит заглянуть и в эту коллекцию.
Если вы ищете тему WordPress, которая будет хорошо сочетаться с перечисленными ниже значками социальных сетей, вы можете проверить эту коллекцию тем, в которой мы представили бесплатные и полностью адаптивные темы WordPress для различных типов веб-сайтов.Если это не то, что вам нужно, не стесняйтесь просматривать дальше, чтобы найти значки для своего веб-сайта или дизайн-проекта.
НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: 500 000+ иконок и элементов дизайна
Все необходимые иконки и многие другие элементы дизайна доступны для ежемесячной подписки, подписавшись на Envato Elements. Подписка стоит 29 долларов в месяц и дает вам неограниченный доступ к огромной и постоянно растущей библиотеке, состоящей из 500 000+ элементов, которые можно загружать сколько угодно раз (в том числе стоковые фотографии)!
СКАЧАТЬ
Минимальные иконки социальных сетей
Если вы хотите связать свой веб-сайт со своими профилями в социальных сетях, улучшите свое присутствие в Интернете с помощью изящных значков социальных сетей.Вместо того, чтобы создавать их самостоятельно, теперь вы можете сделать это одним щелчком пальца с помощью этой коллекции минималистичных иконок социальных сетей. Они очень привлекательны для глаз и охватывают все крупные компании и даже некоторые менее известные. Тем не менее, не смотрите дальше и начните внедрять эти удивительные современные творения на свою страницу и добиваться результатов. Instagram, Twitter, Facebook, Behance, что угодно, все в одном комплекте.
Автор: Wassim
Подробнее / СкачатьBlush Иконки социальных сетей
Если вы ищете что-то особенное, в вашем списке обязательно должен быть набор иконок для социальных сетей.Вместо того, чтобы сохранять традиционный образ, вы всегда можете оживить вещи изящными деталями. Разместите эти акварельные иконки социальных сетей на своем веб-сайте и выделите себя. Это может оказаться очень кстати, особенно если вы занимаетесь творчеством и создаете онлайн-портфолио. С другой стороны, подумайте о выдающейся коробке, идите против нормы, и вы можете использовать эти кнопки социальных сетей практически для любого проекта, над которым вы работаете.
Автор: Кэрри Кристанчо
Подробнее / СкачатьИконки социальных сетей
Огромная коллекция всех популярных и известных иконок социальных сетей, упакованных в один комплект.На Free Icons вы можете легко найти нужную кнопку или значок. Загрузите те, которые вам нужны, и вы уже можете использовать их на своем веб-сайте или в любом другом проекте, над которым вы работаете. Что еще круто, Free Icons — это платформа, которая гарантирует, что ее контент для вашего удобства часто обновляется новыми материалами. И последнее, но не менее важное: файлы представлены в трех разных форматах: AI, SVG и PNG. Получите значки социальных сетей для своей страницы прямо сейчас.
Автор: Мухаммад Хак
Подробнее / СкачатьКруглые значки с эффектом наведения
Всегда есть возможность вывести вещи на совершенно новый уровень.И даже когда дело доходит до чего-то столь же простого, как значки социальных сетей, есть возможность представить их таким образом, чтобы привлечь внимание каждого. Вместо того, чтобы просто нажимать кнопку, улучшите внешний вид с помощью эффекта наведения. Как круто это звучит? Теперь вы можете сделать что-то настолько простое, насколько это возможно. Вы также можете сначала проверить демонстрацию и просмотреть видеоурок, чтобы понять суть. Все это на расстоянии одного клика, все готово для вас, чтобы начать игру. Подробнее / Скачать
100 бесплатных иконок социальных сетей мира
Не один, не тогда, а пакет из ста бесплатных иконок социальных сетей для вашего удобства.Есть все, что нужно пользователю в процессе доработки веб-сайта, приложения или любого другого проекта. Вместо того, чтобы рыскать по сети в поисках нужных, вы можете просто нажать кнопку загрузки и получить весь пакет для себя прямо сейчас. Их также можно редактировать и настраивать, так что вы можете настраивать и изменять их в соответствии с вашими правилами брендинга или другими потребностями и требованиями. Тем не менее, используйте их такими, какие они есть, и вам тоже хорошо. Подробнее / Скачать
Flaticon Иконки социальных сетей
Flaticon — выдающаяся платформа, ориентированная в первую очередь на иконки.И если вы ищете бесплатные иконки социальных сетей, мальчик, вы их получите множество. Наряду с логотипами компаний и многим другим существует также огромная коллекция других дизайнов, которые вы можете использовать в своих интересах на небольшом ветру. Классические иконки и тому подобное в современной интерпретации, есть все и всевозможные решения для быстрой интеграции в ваш проект или веб-дизайн. Вы также можете фильтровать значки по одноцветным или многоцветным и находить нужные значки еще быстрее. Но вы всегда можете ввести ключевое слово в строку поиска и получить только то, что вам интересно.Подробнее / Скачать
Крутые логотипы социальных сетей
Если там написано «круто», значит, в этом что-то есть. Несомненно, если вы занимаетесь творческой работой и хотите, чтобы значки социальных сетей отличались от других, этот набор для вас. Пакет включает тридцать темных логотипов социальных сетей, которые вы можете использовать в одно мгновение. Кроме того, все кнопки бесплатны как для личного, так и для коммерческого использования. Вы, вероятно, услышите, как я повторю это еще несколько раз, но если вас ждет что-то еще, вам лучше не пропустить эти значки.
Автор: Арал Суфи
Подробнее / СкачатьСоциальный округ 2
Чистые современные и эффектные кнопки социальных сетей с закругленными краями. Это несколько традиционные и классические альтернативы, которые красиво украсят ваш блог, онлайн-портфолио, корпоративный веб-сайт или страницу электронной коммерции. Даже если вы планируете добавлять значки социальных сетей в другой веб-дизайн, вы также можете свободно использовать их в своих интересах. Воспользуйтесь всеми 24 векторными значками (SVG) и продемонстрируйте всем, насколько вы общительны.Имейте в виду, что когда дело доходит до бесплатных продуктов, вам нужно сначала понять лицензию и правила использования, чтобы избежать каких-либо неудобств. Теперь возьмите этот свежий набор вкусностей и соответствующим образом стилизуйте проект.
Автор: Амит Джайн
Подробнее / СкачатьТемные иконки социальных сетей
Если ваша чашка чая — черный (хм, получилось не так, как ожидалось), то вам следует подумать об этих значках социальных сетей. Они чистые, профессиональные и изысканные, с легкостью обогащая обстановку.В пакете одиннадцать доступных значков: Facebook, PayPal, Google, Instagram, Twitter и другие. Имейте в виду, что эти конкретные кнопки бесплатны только для личного использования. Итак, если вы работаете над своим собственным портфолио или делаете что-то для личного вдохновения, скачайте их бесплатно. Имейте в виду, что есть два формата каждого значка и девять дополнительных размеров: от 16 x 16 пикселей (для значка) до 512 x 512 пикселей.
Автор: Джагатиш Сараванан
Подробнее / СкачатьКоллекция логотипов социальной сети
Еще один творческий подход к бесплатным иконкам социальных сетей, который может принести вам большую пользу.Вы можете использовать 37 доступных кнопок / логотипов, все они доступны для личного и коммерческого использования. Если вы решили использовать их в каком-либо коммерческом проекте, вам нужно сделать обратную ссылку на сайт автора. Кроме того, вы можете начать их скачивать немедленно, и они мгновенно улучшат ваше присутствие в Интернете. Иногда больше всего важны детали, хотя общий дизайн привлекает их внимание и заинтриговывает. Подробнее / Скачать
Круглые кнопки социальных сетей
Так или иначе, все современное и мобильное кажется округленным.И если вы ищете бесплатные кнопки социальных сетей с закругленными краями, это именно тот набор, который вам нужен. Они потрясающие и яркие, поэтому презентация на вашем веб-сайте или в любом другом проекте будет интересной. Набор включает 25 различных значков, таких как Vimeo, Twitter, Skype, Pinterest, SoundCloud и YouTube, и многие другие. Загрузите и используйте версию SVG или PNG и воспользуйтесь преимуществами любого из девяти различных размеров. Вы на расстоянии одного клика от того, чтобы перенести значки на жесткий диск и использовать их в своих проектах.
Автор: Амит Джайн
Подробнее / СкачатьКрутые SVG-иконки социальных сетей
Когда вы хотите вывести презентацию своего веб-дизайна или веб-сайта на совершенно новый уровень, важны детали. Даже если вы стараетесь сохранять вещи как можно более чистыми и минималистичными, вам все равно нужно следить за тем, чтобы все было в идеальном порядке. То же самое и с иконками социальных сетей. Вместо того, чтобы использовать оригинальные, вы всегда можете сделать несколько шагов вперед и использовать набор классных кнопок SVG, которые вам ничего не стоят.От Snapchat и Reddit до Spotify, SoundCloud и многих других — пусть эти наборы станут вашими и сияют.
Автор: Никита Ландин
Подробнее / СкачатьСоциальные сети (твердые)
Огромный набор из 45 скользящих кнопок социальных сетей в черно-белом цвете. Если вы хотите, чтобы значки появлялись, теперь вы знаете, какой набор подойдет вам исключительно хорошо. В комплекте вы получаете все популярные значки социальных сетей, к которым вы можете получить доступ одним щелчком мыши. Тем не менее, вы можете выбирать между форматами SVG и PNG и переходить оттуда.Кроме того, вы также можете загрузить значок PNG девяти разных размеров. Тем не менее, вы можете загрузить самый большой и изменить его размер в соответствии с вашими потребностями позже. Кроме того, все кнопки имеют современный подход с закругленными краями, которые сейчас очень популярны. Наконец, каждая иконка бесплатна для личного и коммерческого использования.
Автор: Багус Куснандар
Подробнее / СкачатьКреативные иконки социальных сетей
Креативность не знает границ, как и замечательная коллекция бесплатных иконок социальных сетей, которую мы приготовили для вас.Одним словом, каждый найдет себе занятие по душе. Вы можете быстро и легко использовать и импортировать любой из наборов кнопок социальных сетей и использовать их в своих интересах. Это специальный набор из 31 значка SVG, который обогатит ваш веб-сайт, приложение или любой другой проект, над которым вы работаете. Что еще очень круто в этом наборе и в любом другом, что вы найдете в Iconfinder, так это возможность редактирования в браузере. Нажмите «Открыть в редакторе значков», и вы сможете более точно настроить и изменить каждый значок. Подробнее / Скачать
Бесплатные современные иконки социальных сетей
Прекрасные, современные, очаровательные, энергичные, что угодно, эти бесплатные иконки социальных сетей, за которые стоит умереть.И теперь они могут стать вашими одним нажатием кнопки. Набор из тридцати иконок охватывает все известные социальные сети и некоторые другие сайты. Благодаря простоте использования вы также можете настроить и настроить внешний вид каждого значка, чтобы он точно соответствовал вашим правилам брендинга. Оказавшись на веб-сайте Iconfinder, нажмите значок, который вы копаете, и переходите оттуда. Во-первых, вы можете скачать его в двух разных форматах и девяти разных размерах. Кроме того, вы также можете перейти в редактор в браузере и настроить его по своему вкусу.Подробнее / Скачать
Иконки социальных сетей PNG, SVG и PDF
К настоящему времени вы ищете только то, что осталось в списке, верно? Я уверен, что вы уже нашли множество потрясающих бесплатных иконок социальных сетей для использования на своем веб-сайте. Однако мы еще не закончили. Есть еще несколько различных наборов и наборов, которые вам следует изучить, прежде чем идти ва-банк и выбрать стиль кнопок, который вам больше всего нравится. Facebook, Medium, Pinterest, Twitter и многие другие — все они здесь, у вас под рукой.Подробнее / Скачать
Pixabay
Pixabay — это огромная платформа, на которой вы можете совершенно бесплатно найти всевозможный творческий контент. И если вы ищете бесплатные плоские иконки социальных сетей, вы тоже найдете их множество. Есть значок или логотип, которые вы можете использовать в своих интересах практически для любой популярной социальной сети. Некоторые выпускаются наборами, а другие — индивидуально. Выберите то, что вызывает у вас наибольший интерес, и приступайте к делу. Когда вы найдете нужный значок, вы также можете выбрать размер, а все остальное — история.Просто нажмите кнопку загрузки, чтобы показать, что вы не робот и у вас есть готовый контент. Подробнее / Скачать
Логотипы и бренды, нарисованные вручную
Бьюсь об заклад, вы не ожидали увидеть бесплатные иконки таких социальных сетей. Такое ощущение, что каждый логотип был нарисован от руки, что делает внешний вид очень уникальным и оригинальным. Имейте в виду, что для вас доступно 415 из них! Нет, это не опечатка. У вас есть практически все кнопки социальных сетей, о которых вы только можете подумать, для использования.Независимо от того, ведете ли вы сайт DIY, блог, черт возьми, даже интернет-магазин, если вы ищете что-то еще, выделите его с помощью этих значков.