7 дней бесплатно

Официальные значки популярных соцсетей: Инстаграм, Вконтакте, YouTube и другие

Ссылки для скачивания официальных иконок социальных сетей и правила их использования, которые помогут избежать грубых ошибок.
Время на чтение: 8 минут
6 июля 2020
Выбрать иконки для соцсетей не так просто, как может показаться на первый взгляд. Помимо того, что нужно задумываться о сочетании значков с дизайном сайта, необходимо еще знать и юридические нюансы. Расскажем, какие правила выдвигает каждая соцсеть к использованию своих значков и где можно бесплатно скачать официальные иконки.
Некоторые соцсети не рекомендуют, а другие и вовсе запрещают скачивать иконки со сторонних площадок и изменять их под дизайн вашего сайта. Каждая соцсеть имеет свой брендбук, где описаны правила по использованию логотипов, ссылки для скачивания иконок и рекомендации, которые помогут избежать грубых ошибок.

Иконки Инстаграм

По правилам соцсети использовать иконку Инстаграм на вашем сайте можно только ту, что представлена на официальном сайте. Все иные варианты логотипов являются незаконными. Разрешено использовать многоцветную версию и черный лого на белом фоне.
значок инстаграм
Минимальный размер иконки Инстаграм не должен быть менее 29x29 пикселей. Свободное пространство вокруг иконки должно составлять половину логотипа соцсети со всех сторон. Это позволит обеспечить четкость значка и изолировать его от иконок других соцсетей, размещенных рядом.
лого инстаграм
Иконку Инстаграм нельзя изменять, поворачивать и зеркально отображать. Например:
иконки социальных сетей
При скачивании укажите тип «Online», если планируете использовать значок на сайте. В иных случаях, например, печать логотипа на упаковке или использование его в ТВ или кино, необходимо запрашивать дополнительное разрешение у соцсети.

Иконки IGTV, Бумеранг, Hyperlapse и Layout

значок igtv
К производным продуктам соцсети применяются те же правила по размерам и свободному пространству, что и к логотипу Инстаграм.

Иконки Фейсбук

Стандартный цвет иконки, которую Фейсбук призывает использовать на сайтах — синий с белой буквой «f». Если по каким-то причинам вы не можете использовать стандартный цвет иконки, соцсеть позволяет использовать черно-белую и серую вариации.
 иконка фейсбук
У Фейсбука нет конкретных правил по минимальному размеру иконки. Но рекомендуют размещать логотип так, чтобы он был разборчивым и одинакового размера с соседними иконками. Свободное пространство должно составлять как минимум ¼ от логотипа.
иконка фб
По правилам Фейсбук логотип «f» изменять нельзя. Под запретом любые коррекции формы, пропорций, дизайна, не разрешается также анимировать иконку. Например:
значок facebook
Также соцсеть строго запрещает создавать любые модификации с логотипом. Например, соединять его с другими лого, создавать производные от формы и т.д. Например:
значок фб
Перед скачиванием поставьте галочку, что знаете все условия использования логотипа и готовы их соблюдать.

Иконки Вконтакте

Соцсеть рекомендует использовать логотип в фирменных цветах: белую монограмму VK на синей иконке. Допускается использование черно-белой вариации иконки и монохромной версии.
значок вк
Свободное пространство вокруг логотипа должно быть не менее половины ширины иконки. Минимальная высота логотипа, размещенного на сайте, должна быть 24 пикселя.
значок вконтакте
В иконке Вконтакте нельзя менять пропорции элементов, заменять фирменный цвет и форму. Также запрещается применять к значку визуальные эффекты, например, тени, свечение или градиент. Не рекомендуется использовать старые версии логотипа.
иконка вк
Цветовая гамма иконки:

  • HEX — #4680C2
  • RGB — 70 128 194
  • CMYK — 74 44 0 0
  • PANTONE — 660C / 285U

Характеристики по шрифту: TT Commons.Название соцсети по правилам нужно писать слитно и без кавычек, с двумя заглавными буквами «В» и «К» — ВКонтакте. Или использовать международный вариант — VK. Запрещается использовать текстовое написание вместо фирменного логотипа.

Иконки YouTube

Перед тем как использовать любые элементы бренда YouTube, соцсеть обязывает получить разрешение, заполнив специальную форму. Однако, как показывает практика, если вы выполняете все условия по использованию логотипа, компания не предъявляет претензии.

По правилам соцсети можно использовать два варианта логотипа: полный – с надписью YouTube и сокращенный – только значок. Позволяются 4 вариации с цветом: стандартный логотип на белом и черном фоне. И два монохромных варианта: в белом и черном исполнении.
Минимальная высота иконки YouTube на сайте не должна быть менее 24 пикселей (для обоих вариантов: полного логотипа и значка). Свободное пространство вокруг логотипа должно составлять минимум половину ширину значка.
логотип ютуб
Иконку YouTube нельзя изменять: использовать другой шрифт, менять форму и размер, заменять фирменную цветовую гамму. Нельзя зеркально отражать значок. Межбуквенный интервал в слове «YouTube» менять запрещается, так же как и расстояние между словом «YouTube» и значком. Любые визуальные эффекты также под запретом, например, градиент, тень или добавление объема. Запрещено совмещать логотип YouTube с другими иконками и лого, надписями и узорами. Примеры, как нельзя изменять иконку YouTube:
иконка ютуб
Цветовая гамма иконки:

  • Красный: HEX — #FF0000; RGB — 255.0.0; CMYK — 0.95.100.0
  • Белый: HEX — #FFFFFF; RGB — 255.255.255; CMYK — 0.0.0.0
  • Черный: HEX — #282828; RGB — 40.40.40; CMYK — 0.0.0.100

Иконки Twitter

Twitter является более гибкой соцсетью, которая позволяет менять иконку в нужных для вас вариациях. Например, можно использовать как лого с птичкой отдельно, так и в контейнере. Причем вариации контейнера также могут быть различны: в круге, квадрате или в квадрате с закругленными углами. А вот цвета можно использовать только фирменные: синий или белый. Черный цвет запрещается (Twitter может сделать исключение и разрешить черную вариацию, но для этого необходимо запросить разрешение у соцсети).
значок твиттер
Иконку Twitter можно комбинировать с названием учетной записи или хэштегом. При этом цвет иконки должен быть синий или белый, а вот надпись соцсеть рекомендует сделать черной. Размер надписи должен быть аналогичен размеру иконки.
иконка твиттер
Минимальный размер значка Twitter не должен быть менее 16 пикселей. А свободное пространство вокруг логотипа должно составлять минимум половину ширины значка.
логотип твиттер
Соцсеть не разрешает менять форму иконки, анимировать, отражать зеркально и иным образом менять логотип. Нельзя добавлять к значку другие элементы, например, птиц или облачко с речью. Примеры, как запрещено использовать значок Twitter:
 лого твиттер
Цветовая гамма иконки:

  • Синий: HEX — #1DA1F2; RGB — 29 161 242; CMYK — 69 26 0 0; PANTONE — 2382 C.
  • Белый: HEX — #FFFFFF; RGB — 255 255 255; CMYK — 0 0 0 0

Характеристики шрифта:

  • Для имени пользователя — Helvetica Neue Regular.
  • Для хештега — Helvectica Neue Bold.
  • Соцсеть также позволяет использовать шрифт по своему усмотрению и исходя из дизайна сайта.

Общие рекомендации по использованию иконок соцсетей

1
Чтобы все значки соцсетей смотрелись в одном стиле, рекомендуется выбрать один вариант исполнения: цветной или монохромный. Все иконки должны быть одного размера и с одинаковым отступом друг от друга.
2
Выбирайте оптимальное количество иконок соцсетей, которые вы разместите у себя на сайте. Не гонитесь за количеством, выберите только те, где вы поддерживаете контентное наполнение и где есть ваша целевая аудитория.
3
Располагайте логотипы соцсетей по иерархии от самой важной, до наименее значимой справа налево.
4
Всегда следите, чтобы иконки соцсетей были актуальны. Это позволит не нарушать правила и не создавать впечатление у клиентов, что вы «отстали от времени».
5
Большинство соцсетей позволяют использовать свой логотип на сайте без дополнительных разрешений. Но если вы хотите печатать иконку или использовать его в ролике на телевидение, по правилам вы должны согласовать это с социальной сетью.
Если эта статья была вам полезна — поделитесь ею с друзьями.
Дайджест статей из блога
2 раза в месяц подборка простых и понятных статей о том, как продвигаться в соцсетях.

Похожие статьи