Иконки соцсетей на сайт: Как добавить иконки социальных сетей на сайт. Технологии — Программирование на Python и Objective-C в Mac OS

Содержание

Иконки социальных сетей на CSS

В этой статье я расскажу о эксперименте по созданию иконок социальных сетей на CSS. Они созданы не на «чистом CSS3» или «HTML5 canvas». При создании этих иконок используется традиционная техника с фоновым изображением. Цель эксперимента состоит в обеспечении кроссбраузерности, создании последовательного и универсального CSS-кода, который может быть применен в любом дизайне, приложении или теме. В принципе, это набор стилей, который позволяет отображать различные иконки, комбинируя CSS-классы.

Демонстрация

Реализация

Чтобы использовать эти CSS-иконки на вашем сайте, скачайте архив, который включает файл 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

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 = иконка с текстом

Типы иконок

twitter

facebook

heart

podcast

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 переопределяет фоновое изображение.

/* custom icon */
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

Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом

Где найти иконки социальных сетей для сайта

Хотите разместить иконки ВКонтакте, Одноклассников, Фейсбука, Инстаграма и других соцсетей на сайте? На 1С-UMI это не составит труда. Во все сайты на этом сервисе уже встроены стандартные иконки ― достаточно включить этот блок, и кнопки появятся на вашем сайте. Но если хочется чего-то более оригинального, то всегда можно заменить эти иконки на любые другие.

В интернете есть множество ресурсов, откуда можно скачать уже готовые иконки. Вот некоторые из них:

Скачиваете понравившиеся иконки и загружаете на свой сайт. Просто? Да. Но если есть время и желание нарисовать собственные уникальные иконки, мы покажем вам, как это делается.

Рисуем иконки при помощи Photoshop 2018

В первую очередь, скачиваем и устанавливаем сам графический редактор. Если нет желания приобретать лицензию на Photoshop ― воспользуйтесь его бесплатными аналогами, например, онлайн-сервисом pixlr.com. Мы рассмотрим этот процесс на примере Photoshop, но аналогичные действия можно сделать и в других программах.

Создаем файл нажатием кнопок Ctrl N или через меню «Файл-Создать».

Появляется окно, где нужно указать ширину и высоту документа в пикселях. Выставляем значения 512×512 с учетом запаса.

Все остальные значения оставляем по умолчанию, если они такие, как на скриншоте.

Теперь жмем на кнопку «Создать».

Открывается белый прямоугольник, в котором мы и будем рисовать нашу иконку.

Переходим на сайт flaticon.com и вбиваем в поисковую строку название той соцсети, иконку которой мы хотим создать. Допустим, Facebook. Кликаем по иконке без всяких рамок, квадратов и окружностей. Затем скачиваем бесплатно и сохраняем себе на компьютер в PSD-формате.

Открываем файл с помощью Photoshop сочетанием клавиш Ctrl O и выбором нужного документа или через меню “Файл – Открыть.

Рядом с созданными нами ранее файлом открывается другой – с иконкой Facebook. Выбираем инструмент «Перо» в боковой панели редактора, наводим его на иконку, зажимаем клавишу Ctrl и кликаем по изображению.

Теперь жмем на правую кнопку мыши и выбираем пункт «Определить произвольную фигуру».

Можем дать ей любое название. Например, Facebook.

Не забываем кликнуть по кнопке «ОК» после этого.

Переходим к первому файлу, который мы создали изначально. В боковой панели инструментов выбираем «Произвольная фигура». Для этого нужно щелкнуть по изображению с прямоугольником и выбрать соответствующий пункт.

Наводим мышку на белый квадрат внутри нашего документа и кликаем правой кнопкой. Среди появившихся фигур выбираем ту, которую мы определили ранее – Facebook.

Жмем на Shift и левую кнопку в пустой области белого квадрата и растягиваем фигуру иконки до нужного нам масштаба (определяется на глаз).

Если вас смутил цвет обводки или вы хотите залить фигуру любым другим цветом, обратите свое внимание на панель с опциями вверху, под основным меню редактора. Там можно поменять цвет обводки и заливки или вовсе убрать их.

Чтобы убрать обводку, нужно кликнуть по значку и выбрать белый прямоугольник с перечеркивающей его красной линией.

Для изменения цвета заливки кликните по соответствующему значку и затем по прямоугольнику с палитрой.

Появится окно, где можно указать нужный нам цвет. Если речь о фирменных цветах Facebook, то используйте значение 4065ae.

Вписываем его в поле «#» и жмем кнопку «ОК». Иконка меняет заливку на цвет, который хорошо знаком пользователям социальной сети Цукерберга.

Следующий шаг – это создание рамки в виде окружности или квадрата.

Меняем инструмент «Произвольная фигура» на «Эллипс» или «Прямоугольник».

Затем от верхнего левого угла документа растягиваем фигуру поверх нашей буквы F. При этом, не забываем удерживать кнопку Shift, чтобы получился идеально ровный круг или же квадрат, а не прямоугольник или эллипс.

Если мы не отключили заливку, то вторая фигура полностью перекроет первую. В этом случае просто убираем заливку и оставляем только обводку круга/квадрата.

При желании можно вместо белого фона сделать любой цвет или даже градиент. Для этого выделяем мышкой слой с нашей буквой F и перетаскиваем его выше, размещая над слоем с кругом или квадратом. Затем выделяем слой с одной из упомянутых ранее фигур, которые используются для обводки иконки и меняем цвет заливки на тот, который хотим.

Результат получается примерно такой, как на изображении ниже.

Для использования градиента в заливке нужно выбрать третий значок слева.

Чтобы поменять цвета в градиенте, кликните поочередно на каждый из нижних «карандашиков» и выберите нужный оттенок.

Менять можно и сам стиль градиента. На скриншоте выше видны различные типы. При желании можно создать и свой, но, чтобы лишние телодвижения не совершать, будет достаточно воспользоваться готовым вариантом.

Можно также наложить внешнюю или внутреннюю тень на нашу букву F. Для этой цели следует выделить мышкой слой с данной фигурой, кликнуть по нему правой кнопкой и выбрать пункт «Параметры наложения…».

В появившемся окне надо пометить галочками пункты «Внутренняя тень» и «Тень». Конечно, это делать не обязательно, либо можно активировать только один пункт. Настройки тени можно также регулировать. Попробуйте это сделать самостоятельно.

После добавления тени иконка будет выглядеть примерно так, как на изображении ниже.

Если первую фигуру, обозначающую Facebook, нужно пропорционально уменьшить, нажмите сочетание клавиш Ctrl T, затем зажмите Shift и Alt и левой кнопкой мышки стяните букву до нужного размера.

Если белый фон нам не нужен, а требуется прозрачный, берем инструмент «Волшебный ластик», выбираем фоновый слой и кликаем по белому пространству.

Белый цвет фона исчезает.

Квадратики, которые мы видим в Photoshop, означают прозрачность фонового слоя. В изображении, которое мы потом сохраним, они показываться не будут.

Теперь необходимо сохранить нарисованную нами иконку. Кликаем по кнопке «Файл» в меню и выбираем пункт «Экспортировать», затем «Экспортировать как».

Для сохранения прозрачности нужно указать PNG-формат, а для белого фона JPEG. После этого жмем на кнопку «Экспортировать все», выбираем путь для хранения и «Сохранить».

Вот и всё! Теперь можно загрузить наш шедевр на сайт. Аналогичным образом создаются иконки и для других социальных сетей.

Иконки соцсетей на сайте – опасный мусор, который нужно срочно вымести

Удивлены? Сейчас расскажем, почему так происходит.

Значки социальных сетей отвлекают внимание

По результатам анализа поведения сотен тысяч клиентов онлайн-магазинов порядка 91,6% людей, посещающих сайт, закрывают его, так и не добавив ни одного товара в свою корзину. Вот скряги! А 68,4% из тех, кто все-таки выбрал какой-то продукт, в итоге не покупают его. Что на этот раз? Может, всему виной синдром дефицита внимания?

Ваши шансы заставить клиента сделать покупку очень и очень малы. Потребитель должен сконцентрироваться на чем-то одном и непременно нажать кнопку «купить». А не значок социальной сети. Только после того как клиент заплатил за покупку, можете предложить ему подписаться на вашу группу в социальных медиа. Запомните этот порядок.

Попробуйте заменить значки социальных сетей намеками для клиента:

• Оставшийся запас товара на складе.

• Дата окончания распродажи.

• Срок доставки товара.

Социальные медиа отталкивают новых клиентов

Худшее, то вы можете сделать, – это попросить нового посетителя сайта поставить «лайк» или подписаться на вас в социальных сетях. Как человек может оценить ваш бренд, если встретился с ним впервые?

Рассматривайте первый заход на ваш сайт как первое свидание. Чтобы оно повторилось, необходимо произвести впечатление. Посмотрим на ситуацию следующим образом – вы принимаете запросы в друзья в Facebook от незнакомцев? Думаю, нет. Так почему вы должны ставить «лайк» незнакомому бренду? Кроме того, подобная стратегия отпугивает старых клиентов (которые потенциально могут купить много). Не стоит их расстраивать.

Отрицательная информация в социальных сетях убивает продажи

Бренды, которые размещают значки социальных медиа рядом с продукцией, играют с огнем, особенно если их товар не слишком популярен. Никто не захочет купить пару кроссовок за $300, у которых всего три «лайка» на Facebook’е или в Twitter’е. Большинство предпочтут модель с 1,5 тысячами «лайков». Та же ситуация происходит, если вы создаете новый социальный канал. Едва ли клиенты будут стремиться купить продукцию бренда со 100 «лайками» на Facebook’е.

Twitter как самый слабый маркетинговый инструмент

А вот и еще один маленький секрет. Ни один новый посетитель не станет размещать на своей странице в Twitter ссылку на ваш веб-сайт. Почему? Да просто не станет, и все. Так не делают. Не тот случай.

По данным Bounce Exchange, такое положение вещей доказывает объем продаж в $1 млрд на розничных сайтах. Запомните, ссылка на Twitter – это всего лишь ссылка, она не побуждает людей сделать покупку в вашем онлайн-магазине. Пока Twitter не решит усовершенствовать свои рекламные инструменты, советую использовать эту социальную сеть только для общения с лояльными клиентами и размещения новостей, но ни в коем случае не как входящий канал.

Социальные медиа не так уж и плохи

Бренды, которые используют платные социальные медиа для повышения трафика на своем сайте, как правило, получают хорошие результаты, это, например Facebook в секторе B2C и LinkedIn в секторе B2B. Почему так происходит? Правильная аудитория и правильное сообщение образуют настоящую «золотую жилу», в частности, если вы используете ретаргетинг.

Теперь, когда вы уволили половину отдела, ответственного за социальные медиа, пора переходить на новый этап. Сконцентрируйтесь на двух ключевых моментах: используйте сильные каналы для привлечения трафика в ваш интернет-магазин и распределяйте пространство на сайте таким образом, чтобы получить максимальный уровень конверсии.

Используйте электронную почту, платный поиск, платную рекламу в Facebook’е и даже прямую почтовую рассылку, чтобы привлечь правильных посетителей на свой сайт. Регулярно тестируйте трафик и относитесь к новым клиентам совершенно иначе, чем к постоянным покупателям.

Модифицируйте главную страницу и страницы с информацией о товаре, убрав с них надоедливые значки социальных сетей. Обратите внимание на то, что действительно нужно пользователям. Размещайте на главной данные о самых популярных товарах, последних продажах и новых поступлениях.

Автор Райан Урбан (Ryan Urban)

Перевод Ирины Зайончковской

Топ 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 — бит

Скачать

Как я могу добавить на свой сайт иконки социальных сетей?

Вы можете добавить на свой сайт иконки социальных сетей, чтобы обеспечить быстрый доступ и привлечь больше посетителей.

Как добавить иконки социальных сетей?

В редакторе конструктора сайтов нажмите кнопку Элементы.

Переместите элемент Соцсети в содержимое своей страницы. Обратите внимание, что редактор выделит места, куда вы можете его поместить.

Как редактировать иконки социальных сетей?

Кликните на иконку соцсети, чтобы открыть панель настроек.

Платформы

Действие
Выберите, хотите ли вы, чтобы подписались на ваши социальные сети, или публиковали ваш сайт в ленте посетителей.
Ссылки на соцсети
Для действия Подписаться предоставьте ссылки на социальные сети. Вы можете добавить альтернативный текст, который появляется, если иконка не загружается и читается вслух программами чтения с экрана.
Для действия Поделиться укажите текст, с помощью которого вы хотите побудить людей поделиться вашим сайтом, например, «поделитесь этой страницей с друзьями».
Добавить платформы
Используйте эту кнопку, чтобы добавить больше платформ. Вы можете удалить любую платформу, кликнув на кнопку x справа от нее.

Настройки иконки

Стиль
Выберите визуальный стиль иконок. Вы можете выбрать одну из иконок, предназначенных для яркого и темного фона или созданных с использованием цветов по умолчанию для платформ.
Расположение
Выберите между горизонтальным и вертикальным расположением иконок.
Выравнивание
Выровняйте иконки внутри блока иконок социальных сетей по левому, центру или правому краю.
Цвет
Выберите цвет заливки иконок.
Размер
Выберите один из трех предопределенных размеров или нажмите кнопку…, чтобы ввести размер вручную.
Интервал
Установите интервал между иконками с помощью ползунка.

Настройки блока

Блок соцсетей – это рабочее пространство в рамке вокруг ваших иконок с названием Соцсети слева. Вы можете увидеть рамку только после нажатия на объект. Его не будет видно на вашем сайте.

Вы можете настроить его цвет, отступ, границу, радиус и тень.

Абсолютное позиционирование

Включите эту опцию, чтобы переместить иконки в любое место на вашем сайте.

Примечание. Мы рекомендуем использовать этот вариант только в том случае, если у вас необычный дизайн, который невозможно создать другим способом. Использование объектов с абсолютным позиционированием может сделать вашу страницу менее отзывчивой на мобильных устройствах.

Скрывать на мобильных

Включите этот параметр, чтобы скрыть иконки при открытии страницы на мобильном устройстве, чтобы сделать ее проще и быстрее.

Иконки соцсетей — виджет Elementor

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

Иконка соцсети на вашем сайте выступает в качестве интересного элемент дизайна, так как такие иконки продуманные и узнаваемы. А еще это ссылка на вашу страницу в социальной сети, т.е по сути обратная связь между клиентом и вами. Особенно это действует на определенную соц-зависимую группу людей, которые то и дело сидят в соц сетях и им просто удобно находится в группе соцсети, чем на самом сайте.

А для того, чтобы было удобно вам размешать социальные иконки на своем сайте (простой сайт, сайт визитка, бизнес или корпоративный сайт, landing page, посадочная страница ), в конструкторе сайтов разработан специальный виджет «Иконки соцсетей». Данный виджет только называется соцсети, но включает в себя иконки не только социальных сетей, но и других сервисов и служб, например WhatsApp, Telegram, YouToube, Skype итд.

Виджет достаточно универсальный, ведь помимо выбора любой иконки, можно задать любую ссылку для иконки, а так же изменить отображение иконок, произвольный цвет, размер и положение. Посмотрим на настройки и свойства подробнее.

Содержимое

— Иконки соцсетей

Иконки соцсетей — элементы настроек в которых можно выбрать необходимую иконку и назначить ссылку.
Форма — тип формы обрамления иконки. Выбрать можно из трех вариантов это Скругление, Квадрат и Круг.
Выравнивание — выравнивание блока виджетов относительно колонки секции.

Стиль

— Иконка
Для иконок можно выбрать как цвета по умолчанию т.е официальные, так и свой общий цвет. Так же доступно к изменению размер иконки, внутренние и наружные отступы. Что касается границ, то можно установить тип границы, ее цвет и размер. Так же доступно изменение скругление углов формы.

— Иконка при наведении
Цвет границы и тип анимации при наведении, это все что доступно в данной группе свойств. Выбор анимации из стандартного списка анимаций (Grow, Shrink, Pulse итд)

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты

Гайдлайн по использованию иконок социальных сетей

Автор:

Елизавета Гуменюк

Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

Социальные медиа означают целый мир для сегодняшних популярных веб-сайтов, и он несет ответственность за возникновение наиболее интересного психологического явление под названием «социальное доказательство». Владельцы веб-сайтов извлекают выгода из этого явления, а именно, возможность обмениваться контентом с более широкой аудиторией, с целью добраться до различных потенциальных читателей, которые так же обмениваются контентом друг с другом.

Вот почему так трудно сегодня найти сайт, который не включает в себя набор векторных иконок социальных медиа. А скоро это станет совершенно немыслимо!

Иконки социальных медиа, привлекают трафик на ваш сайт более чем любой другой инструмент, учтенный вами для этих целей, и это причина, почему дизайнеры не перестают их включать в свои проекты. Цель сегодняшней статьи рассказать вам о том, как правильно использовать такие иконки, а также предложить вам несколько удивительно творческих и бесплатных наборов иконок, которые пригодятся вашему блогу или сайту.

Правда в том, что даже самое подробное изучение иконок социальных медиа будет ошеломлять вас фантастическими идеями и предложениями, что сделает выбор правильного набора значительно сложнее, чем вы могли себе представить. Когда вы будете искать подходящей новый набор или обновление для уже существующей коллекции, то найдете сотни иконок в форматах PSD, AI и EPS. И все они гарантируют высококачественный результат.

Положительной стороной такого широкого выбора является то, что вы всегда сможете найти иконки, идеально подходящие для вашего проекта. А теперь давайте рассмотрим вопрос о правильном их использовании.

СТАНДАРТИЗИРОВАННЫЙ ГАЙДЛАЙН ПО ИСПОЛЬЗОВАНИЮ ИКОНОК СОЦИАЛЬНЫХ МЕДИА

Facebook

Facebook не разрешает изменение цвета их логотипа, а также использование любых изображений или значков для представления Facebook, кроме двух имеющихся логотипов для онлайн-использования, которые вы можете найти на их ресурсном центре.

Сине-белый или просто белый. Детские варианты! Любое другое использование должно быть одобрено Facebook. Конечно, некоторые сайты пошли на такой шаг, как использование нелегальных иконок, но большинство ресурсов все же придерживается рекомендованных иконок.

Для гарантии точного и последовательного использования, никогда не изменяйте, не вращайте, не приукрашайте и не пытайтесь переделать лого «f». Кроме того не изменяйте округлую форму коробки и не добавляйте к лого украшений.

Twitter

Способом, подобным Facebook, Twitter не допускает изменение цвета иконки с их торговой маркой. Поместите птицу на него, но удостоверьтесь, что это модный светло-голубой цвет.

Также нельзя:

Использовать речевые пузыри или слова вокруг логотипа
Вращать или изменять направление логотипа
Анимировать логотип
Окружать логотип другими птицами или существами
Менять цвет логотипа
Очеловечивать логотип
Добавлять спецэффекты к логотипу
Использовать более старые версии логотипа, предыдущие логотипы или любые другие значки, которые могут быть перепутаны с брендом

Pinterest

Нельзя:

Вращать значок
Изменять пропорции или цвета
Добавлять посторонние эффекты

Можно:

Использовать значок в удобочитаемом размере
Поддерживать пустое место, равное, по крайней мере, половине высоты логотипа по всем сторонам
Использовать красный логотип на светлом фоне
Использовать белый логотип на темном фоне

YouTube

Система идентификации этого сервиса не должна меняться, а логотип всегда должен быть виден полностью. Кроме того существует ряд вещей, которые не разрешается делать со значком YouTube.

Нельзя:

Изменять или частично прикрывать логотип
Менять пропорции, положение или расстояние между буквами
Растягивать, сжимать, искажать или отделять элементы логотипа
Изменить цвет или добавлять эффекты (тень, свечение и т. д.)
Заменить шрифт логотипа на другой
Размещать картинку внутри логотипа
Поворачивать логотип по вертикали, горизонтали или диагонали

Логотип YouTube не может быть использован в качестве части предложения. Правильным способом будет использование текста в заголовке, а сам логотип разместить в другом месте на странице.

С другой стороны, не следует создавать так называемые пользовательские кнопки, которые отходят от этих признанных и лучших правил в дизайне кнопок. Всегда есть соблазн сделать элементы сайта с дополнительной фантазией, чтобы произвести впечатление на клиентов или выделиться в качестве дизайнера, но это очень не эффективно, по причинам, изложенным выше. Наихудший сценарием станет то, что пользователи не поймут, как взаимодействовать с кнопками, если они слишком индивидуальные.

ОПРЕДЕЛЕНИЕ ЛУЧШЕГО МЕСТА ДЛЯ ИКОНОК СОЦИАЛЬНЫХ МЕДИА

Сколько сайтов, на которых вы были, заставляли вас искать кнопки социальных медиа и вы просто не могли их найти. Тогда вы просто прокручивали страницу до самого низа и находили их удобно расположенными в футере.

Расположение социальных иконок может означать разницу между созданием социальной активности и упущенными возможностями. На самом деле существует лишь немного мест, которые считаются главными местоположениями:

Хедер: он привлекает внимание посетителей сайта в первую очередь. Наряду с названием сайта и главной навигацией, значки социальных сетей придутся к месту.

Сайдбар: расположение социальных иконок в верхней части боковой панели еще один способ, чтобы посетители смогли их быстро увидеть.

Выше или ниже сообщений: если ваши клиенты хотят обеспечить социальное взаимодействие, размещение кнопок для возможности поделиться выше или ниже поста является хорошим способом для достижения этой цели. Это также самый популярный способ отображения кнопок для расшаривания. Примеры этого вы найдете на многих технических или новостных сайтах.

Плавающие бары: чтобы обеспечить свой сайт максимальным количеством расшариваний, установите плагин, который дает возможность создать плавающий бар, что станет хорошем решением. Идея плавающей панели заключается в том, что она всегда остается в видимой области экрана, в то время как посетитель прокручивает страницу вверх или вниз.

Секрет заключается в том, чтобы сохранить линки социального взаимодействия в поле зрения посетителя сайта и в непосредственной близости, как можно больше. Если контент слишком длинный, то иконок только в хедере и футере будет недостаточно.

Ищите что-то интереснее? Как насчет эффекта усиления изображения, возникающего ниоткуда? Это дает иконкам исключительную видимость, и они буквально прыгают на тебя. Когда посетитель прокручивает страницу вниз, появляется баннер сквозь заголовок, предлагающий ему поделиться странице на Facebook. Существует несколько плагинов, которые вы можете использовать, чтобы реализовать это.

Чтобы создать хороший призыв к действию иконками социальных медиа, нужно думать об их позиционирование, цвете, подходе, стиле, размере, обо всем. Вы также должны помнить, что вы хотите привлечь внимание ваших пользователей к социальной стороне вашего сайта, не отвлекая от того, что важно, например, контента.

Для того чтобы увеличить базу фанатов и фоловеров, большое значение должно быть уделено дизайну и позиционированию иконок социальных медиа на страницах вашего сайта. Вот некоторые полезные советы по веб-дизайну, чтобы помочь вам разработать и подобрать правильные иконки социальных медиа для вашего сайта.

ВЫБИРАЙТЕ ПРАВИЛЬНЫЙ РАЗМЕР

Размер иконки социальных медиа может существенно повлиять на впечатление пользователей о дизайне сайта. Крошечные иконки чаще всего не доносят свои цели до пользователей. Необходимо создавать или подбирать иконки, чтобы они были визуально привлекательными для пользователей.

Четкие и привлекательные иконки обязательно направят пользователей туда, куда вы хотите их отправить. Кроме того крошечные иконки не подходят для мобильных телефонов, которые требуют использование большого пальца для навигации на маленьком экране.

ПЕРСОНАЛИЗИРУЙТЕ ВАШИ ИКОНКИ

Иконки социальных медиа, которые являются уникальными и интересными, безусловно, привлекут внимание пользователей, как только они зайдут на ваш сайт. Вы можете сделать так, чтобы ваши иконки выглядели интересно, настроив их в соответствие с вашим брендом. Например, если ваш сайт имеет отношение к отелям, то вы можете добавить милый символ с привлекательной едой, чтобы сделать его более впечатляющим.

ПЕРЕДАВАЙТЕ ЦЕЛИ ИКОНКИ

Люди могут не понимать, почему иконки социальных медиа находятся там. Они также могут не знать реальной цели их размещения на сайте. Кроме того, некоторые могут не знать, как связать иконки с правильными социальными сетями.

Например, вы знаете, что «f» обозначает Facebook, но многие люди этого не знают. Так что лучше располагать название соцсети рядом с соответствующей кнопкой. Например, для кнопки «t», указать слово «Твиттер» рядом с ним.

ЗАКЛЮЧЕНИЕ

На сегодняшний день социальные сети сейчас присутствуют повсюду, изменяя способ человеческого взаимодействия. Таким образом, спрос на иконки социальных сетей довольно высок.

Социальные медиа слишком важны, чтобы оставлять их значки на самом низу вашего сайта. Кнопки социальных сетей достойны того, чтобы находится где-то на видном месте. Не обязательно ставить их прямо перед глазами, но иконки должны быть привлекательными и легко находимыми.

Больше всего, пользователи должны понимать, на какой социальной медиа-платформе они делятся контентом и сколько людей уже поделились им перед ними. И чтобы достичь этого, каждый символ платформы или логотип должны быть четко видимыми для пользователей, а также их отличительные цвета.

Источник

бесплатных иконок социальных сетей (те, которые вам действительно разрешено использовать)

Ни один веб-сайт не обходится без значков социальных сетей. И в настоящее время все, от подписей в электронной почте и визитных карточек до плакатов и видеороликов, выигрывает от небольшой «иконографии».

Но прежде чем добавлять значки на каждый актив, которым владеет ваша компания, следует учесть несколько вещей, в том числе юридический. Несмотря на повсеместное распространение значков всех форм, цветов и размеров в Интернете, значков социальных сетей являются зарегистрированными товарными знаками .Они защищены авторским правом и обязательными правилами бренда .

Изображение предоставлено Fancycrave под CC0

. Мы собрали ссылки для скачивания для всех основных значков социальных сетей, а также рекомендации по передовому опыту, которые позволят использовать ваши значки на должном уровне. А мы поможем вам избежать ошибок в дизайне, предоставив советы о том, как адаптировать использование значков для каждого носителя.

Бонус: Прочтите пошаговое руководство по стратегии в социальных сетях с профессиональными советами о том, как расширить свое присутствие в социальных сетях.

Источники значков социальных сетей

Facebook

Загрузите полный набор иконок.

Основные принципы бренда:

Используйте только синий значок в Facebook или перевернутый белый и синий. Вернитесь к черно-белому, если столкнетесь с цветовыми ограничениями. Доступны синяя, серая, белая и черная версии.
Значок Facebook всегда должен отображаться в контейнере со скругленными углами и квадратом.
Убедитесь, что значок воспроизводится в удобочитаемом размере.Он должен быть такого же размера, как и все остальные значки.
Не анимируйте и не представляйте логотип в виде физических объектов.
Загрузите значки в соответствии с вашим носителем. Варианты значков Facebook, предназначенные для Интернета, печати, телевидения и кино.

Иконки для использования в Интернете (.png)

Твиттер

Загрузите полный набор иконок.

Основные принципы бренда:

Используйте только синий или белый значок в Twitter.Когда применяются ограничения на расцветку печати, Twitter разрешает отображение логотипа черным цветом.
Twitter предпочитает, чтобы его значок отображался без контейнера, но предлагает квадратные, закругленные квадратные и круглые контейнеры, если они лучше соответствуют вашим потребностям.
При использовании логотипа поверх изображения всегда используйте белую версию.
Не анимируйте логотип, не украшайте его пузырями со словами или другими существами.
Свободное пространство вокруг логотипа должно составлять не менее 150% ширины значка.
Иконки должны иметь минимальную ширину 32 пикселя.

Иконки для использования в Интернете (.png)

Instagram

Загрузите полный набор иконок.

Основные принципы бренда:

Для представления 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. На вкладке «Сообщение» в группе «Включить» выберите «Подпись», а затем выберите новую измененную подпись.

Подпись Gmail

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. Планируйте и публикуйте сообщения, отвечайте подписчикам, отслеживайте свою эффективность и многое другое. Попробуйте бесплатно сегодня.

Начать

иконок социальных сетей на вашем сайте

После месяцев ворчания мы в конце концов убедили Дэниела, нашего доктора медицины, встать перед камерой и поделиться своими мудрыми словами!

На этой неделе он расскажет о размещении значков социальных сетей на вашем сайте.

Иконки социальных сетей. Где их разместить на своем сайте?

Есть люди, которые считают, что они должны быть громкими и гордыми в шапке вашего сайта. Итак, следует ли вам пойти с большинством?

Дэниел не думает, что они НИКОГДА должны быть наверху, и вот почему:

Если посетитель попадает на ваш сайт и сразу получает ссылки на социальные сети, у него есть возможность покинуть сайт.Сразу — не оглядываясь!

Если они нажмут на них, конечно, они перейдут на вашу страницу в Facebook, но они уже отвлекаются. Их привлекают различные типы контента, новости, обновления, последние видеоролики о кошках, изображения лучших веганских лазань, которые можно купить за деньги — список можно продолжить.

Внезапно появится уведомление с приглашением на мероприятие! Сейчас середина ноября, так что, допустим, рождественская вечеринка. Ваш потенциальный клиент (всего несколько минут назад) начинает обсуждать вечеринку, беспокоясь о пирогах с фаршем и о том, есть ли у них бутылка хереса.

Что надеть? Что принести? «Клиент» теперь потенциально забыл о вашем сайте, а также о ваших продуктах и услугах, и они исчезли навсегда. Вся тяжелая работа, которую вы потратили, чтобы разместить их на своем сайте, растворилась в социальном воздухе!

Мы не говорим об отсутствии значков социальных сетей. Вы должны иметь их на 100% для любых социальных сайтов, на которых у вас есть активные учетные записи, поскольку они являются очень мощным маркетинговым инструментом.

НО, имейте их в нужном месте.Всегда думайте о пути к покупке: это путешествие не должно вовлекать вас в побуждение посетителя (и потенциального клиента) покинуть ваш сайт.

В идеале, вы должны размещать значки социальных сетей в нижнем колонтитуле и / или на странице контактов.

По умолчанию предполагается, что контактная информация должна быть в нижнем колонтитуле, то есть там они должны быть. Убедитесь, что вы также добавили их в конец сообщений в блоге, чтобы читатели могли делиться вашим качественным контентом.

Вы много работали, чтобы привлечь на свой сайт клик и посетителя — не потеряет их в социальной сети!

Надеемся, вам понравилась первая из нашей новой серии VLOG.Мы будем делать их каждую неделю в дальнейшем.

Не стесняйтесь оставлять комментарии на YouTube, и мы постараемся ответить на любые ваши вопросы.

Ваш полный путеводитель по иконам социальных сетей

Социальные сети настолько прочно вошли в нашу повседневную жизнь, что большинство значков социальных сетей становятся узнаваемыми. Вам не нужно видеть название платформы, чтобы связать синий значок «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
Instagram
Twitter
LinkedIn

Игра с выделенными значками Instagram

Источники бесплатных значков социальных сетей

Использование значков социальных сетей в брендинге и маркетинге

Во-первых, давайте посмотрим на потенциал этих значков социальных сетей и на то, в какой степени вы можете использовать их для своего бизнеса.Эти значки играют решающую роль в брендинге социальных сетей, поскольку они помогают направить вашу целевую аудиторию на страницы вашего бренда в социальных сетях.

Другими словами, вы обращаете внимание на социальные сети вашего бренда и привлекаете новых подписчиков.

Самое приятное то, что вы можете использовать логотипы социальных сетей как для онлайн, так и для офлайн-маркетинга. Вот краткий обзор различных вариантов использования значков социальных сетей в брендинге и маркетинге:

Добавление их на свой веб-сайт

Отображение значков социальных сетей на вашем веб-сайте и помощь посетителям в поиске новых способов связи с вашим брендом.

Поощрение обмена контентом с помощью кнопок социальных сетей

Значки упрощают добавление кнопок социальных сетей к вашему контенту и поощряют большее количество делений контента. Каждая кнопка будет иметь значок соответствующей платформы социальных сетей, чтобы ваша аудитория точно знала, где они могут поделиться фрагментом контента.

Эти кнопки позволяют людям легко делиться контентом в социальных сетях всего несколькими щелчками мыши, вместо того, чтобы открывать новую вкладку в браузере и вставлять URL-адрес контента вручную.

Это увеличивает вероятность того, что ими будут делиться, что еще больше повысит вашу видимость и улучшит вашу общую контент-стратегию.

В свой блог вы можете просто добавить кнопки социальных сетей в конце каждой части или на левой панели. На YouTube вы также можете использовать функцию аннотаций, чтобы добавить интерактивный значок социальной сети, побуждающий людей подписаться на вас.

Включение их в ваши информационные бюллетени и подписи электронной почты

Предоставьте получателям электронной почты другие способы связи с вами, включив значки социальных сетей в свою подпись электронной почты.Это может быть отличным вариантом для представителей бренда, которые работают напрямую как с покупателями, так и с поставщиками.

В информационные бюллетени бренда вы можете добавить значки социальных сетей, ссылающиеся на страницы вашего бренда в социальных сетях.

Использование их в сопроводительных материалах для печати

Использование значков социальных сетей не ограничивается только онлайн-использованием; вы даже можете использовать их в своих печатных материалах, таких как визитные карточки, печатные объявления и брошюры. Добавление значков вместо текста, где это возможно, поможет дизайну выглядеть великолепно, потому что вы сэкономите место и сведете к минимуму беспорядок.

Поскольку гиперссылка на бумаге невозможна, необходимо указать URL-адрес или дескриптор, который будет направлять людей на вашу страницу в социальной сети. Например — facebook.com/keyholeco или @ keyhole.co.

Правила использования значков социальных сетей

Как упоминалось ранее, значки социальных сетей по-прежнему являются зарегистрированными товарными знаками, поэтому существуют ограничения на то, как вы можете их изменять. Это означает, что вы не можете использовать набор розовых и оранжевых значков только потому, что эти цвета соответствуют визуальной идентичности вашего бренда.Вы также должны помнить о руководящих принципах бренда для каждого значка социальных сетей:

Facebook

Основные принципы бренда для Facebook:

Убедитесь, что логотип «f» синего или белого цвета. Если это невозможно из-за технических ограничений, придерживайтесь черно-белого изображения.
Не разбирайте и не модифицируйте логотип «f», изменяя цвет, дизайн или масштаб.
Значок должен быть похож по размеру на соседние значки.
Избегайте анимации или представления логотипа в физической форме.

Instagram

Основные принципы бренда для Instagram:

Используйте только значки, представленные в Центре ресурсов бренда. Вы можете получить разноцветную или черно-белую версию глифа Instagram.
Хотя Instagram рекомендует отображать глиф в черном или белом цвете, вы можете изменить его на любой сплошной цвет. Но вы не можете изменять другие аспекты дизайна.
Всегда сохраняйте заданные пропорции значка и убедитесь, что он не меньше 29 × 29 пикселей.
Оставьте вокруг глифа свободное пространство, равное как минимум половине его размера, чтобы он не конкурировал с другими визуальными или текстовыми элементами.

Twitter

Основные принципы бренда для Twitter:

Вы можете отображать значок в Twitter только синим или белым. В случае ограничений печати вы можете получить разрешение от Twitter на отображение значка черным цветом.
Не изменяйте цвет каким-либо образом, например, используя другой цвет, добавляя градиент и другие специальные эффекты или заполняя его узорами.
Не вносите никаких изменений в значок, таких как изменение его ориентации, наклон, поворот или растяжение, добавление других элементов и т. Д.
Хотя Twitter рекомендует использовать значок без контейнера, у вас есть разрешение на его использование с круг, квадрат или квадрат со скругленными краями.
Не анимируйте и не антропоморфизируйте логотип.

Основные принципы бренда для LinkedIn:

Всегда отображайте значок LinkedIn на сплошном белом фоне.Если это невозможно, вы можете использовать сплошной светлый фон.
Значок всегда должен отображаться в цвете на цифровых носителях. В случае технических и печатных ограничений вы можете использовать сплошной черный значок.
Не вносите никаких изменений в значок, предоставленный LinkedIn. Вы не можете изменять какие-либо аспекты значка, включая его цвет, форму и пропорции. Таким образом, вы не можете изменять, искажать или удалять какие-либо элементы дизайна.
Значок должен иметь высоту не менее 21 пикселя на экране или 0.25 дюймов в высоту для приложений печати.

Игра с выделенными значками Instagram

С учетом всех этих рекомендаций по бренду у вас есть ограниченное пространство, чтобы поиграть с официальными значками для платформ социальных сетей. Последнее, что вы хотите сделать, — это поднять некоторые юридические проблемы, потому что вы решили использовать некоторые измененные значки социальных сетей на своем веб-сайте.

И если вы видели некоторые из бесплатных пакетов значков, доступных в Интернете, вы могли заметить, что многие из них не соответствуют этим требованиям.

С другой стороны, у вас есть другие возможности для раскрытия вашего творчества и демонстрации индивидуальности вашего бренда через социальные сети. Например, вы можете сколько угодно экспериментировать со значками для обложек Instagram Highlight.

Добавление значков на обложки Instagram Highlight позволит вам следовать единой теме на вашей странице Instagram. Это упрощает поддержание эстетики вашего Feed и визуальной идентичности бренда.

Вот как ваши «Лучшие моменты» будут выглядеть без тематической обложки.Это не обязательно плохо, но может получиться немного запутанным, особенно если вы хотите сохранить единообразный внешний вид своей ленты. Эти случайные изображения, без сомнения, будут раздражать глаза по сравнению с остальной частью вашей ленты.

Вот как будут выглядеть обложки Highlight, если вы используете значки, соответствующие определенной теме. Вы можете увидеть огромную разницу в визуальной привлекательности между ними. И у каждой обложки есть значок, относящийся к категории Highlight. Например, в разделе «Советы по продаже подарков» есть значок, представляющий подарок, а в разделе «Свяжитесь с нами» — значок, представляющий машущую руку.

Источники бесплатных значков социальных сетей

Как упоминалось выше, при использовании значков социальных сетей для своего бизнеса вам необходимо следовать определенным правилам бренда. А это накладывает ограничения на цвета, формы и общую эстетику. Поэтому, несмотря на то, что в Интернете доступно множество бесплатных значков социальных сетей, безопаснее всего загружать их напрямую от бренда.

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

1.Центр ресурсов бренда Facebook

Получите разрешенный логотип Facebook прямо из Центра ресурсов бренда компании.

2. Центр ресурсов бренда Instagram

Получите официальные значки символов Instagram прямо из Центра ресурсов бренда компании.

3. Ресурсы по бренду в Twitter

Официальный значок Twitter можно бесплатно загрузить с ресурсов бренда компании.

4. Руководство по использованию бренда LinkedIn Страница

На странице рекомендаций по использованию бренда LinkedIn можно бесплатно загрузить официальные значки социальных сетей.

Что касается значков на обложках Instagram Highlight, вы найдете несколько мест, где их можно бесплатно скачать. Вы также можете создать свой собственный, используя инструменты для создания мультимедийного контента, такие как Canva и Visme. Ознакомьтесь с лучшими пакетами значков, которые вы можете скачать бесплатно:

1. 20 значков Instagram Highlight от Дениса

Художник Денис поделился набором значков, представляющих элементы, которые могут вписываться в разные категории. Он поддерживает последовательный и минималистичный черно-белый эскиз на бледно-голубом фоне.