Иконки соц: %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 и пнг для бесплатной загрузки

Опубликовано Автор Оставить комментарий

Содержание

%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 и пнг для бесплатной загрузки

  • схема бд электронный компонент технологии принципиальная схема технологическая линия

    2000*2000

  • дизайн плаката премьера фильма кино с белым вектором экрана ба

    1200*1200

  • green environmental protection pattern garbage can be recycled green clean

    2000*2000

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

    800*800

  • be careful to slip fall warning sign carefully

    2500*2775

  • чат комментарий образование синий значок на абстрактных облако сообщение

    5556*5556

  • prohibited use mobile phone illustration can not be used

    2048*2048

  • ценю хорошо как плоская цвет значок векторная icon замечания

    5556*5556

  • blue series frame color can be changed text box streamer

    1024*1369

  • ма дурга лицо индуистский праздник карта

    5000*5000

  • flowering in spring flower buds flowers to be placed plumeria

    2000*2000

  • малыш парень им значок на прозрачных ба новорожденного весы вес

    5556*5556

  • серые облака png элемент для вашего комикса bd

    5042*5042

  • Векторная иллюстрация мультфильм различных овощей на деревянном ба

    800*800

  • happy singing mai ba sing self indulgence happy singing

    2000*2000

  • Головной мозг гипноз психология синий значок на абстрактное облако ба

    5556*5556

  • ба конфеты шоколад

    800*800

  • logo design can be used for beauty cosmetics logo fashion

    1024*1369

  • церковь

    5556*5556

  • 81 год вектор дизайн шаблона примером передового опыта

    4083*4083

  • концепция образования в выпускном вечере баннер с цоколем и золотой ба

    6250*6250

  • black and white train icon daquan free download can be used separately can be used as decoration free of charge

    2000*2000

  • chinese wind distant mountain pine tree chinese style pine tree chinese style poster can be combined

    3600*2475

  • syafakallah la ba sa thohurun ​​in syaa allah арабская молитва для бесплатного скачивания

    2048*2048

  • Буква c с логотипом дизайн вдохновение изолированные на белом ба

    1200*1200

  • Крутая музыка вечеринка певца креативный постер музыка Я Май Ба концерт вечер К

    3240*4320

  • вектор поп арт иллюстрацией черная женщина шопинг

    800*800

  • в первоначальном письме bd шаблон векторный дизайн логотипа

    1200*1200

  • 99 имен аллаха вектор al baith асма husna

    2500*2500

  • be careful to fall prohibit sign slip careful

    2300*2600

  • pop be surprised female character

    2000*2000

  • простой ба дизайн логотипа вектор

    8542*8542

  • Счастливого Дивали традиционного индийского фестиваля карта с акварелью ба

    5041*5041

  • коробка и объектив камеры значок дизайн вдохновение изолирован на белом ба

    1200*1200

  • передача стороны идея перечень услуг значок на прозрачных ба решение

    5556*5556

  • студент отмечает что примечание образования плоский цветной значок вектора значок ба

    5556*5556

  • instagram компас навигационная линия и глиф сплошной значок синий ба

    5556*5556

  • облака комиксов

    5042*5042

  • чат пузыри комментарии разговоры переговоры аннотация круг ба

    5556*5556

  • bd письмо 3d круг логотип

    1200*1200

  • в первоначальном письме bd логотип шаблон

    1200*1200

  • стекло

    5556*5556

  • в первоначальном письме bd шаблон векторный дизайн логотипа

    1200*1200

  • гостиница алиф Бата хиджая

    2500*2500

  • номер 86 3d рендеринг

    2000*2000

  • be careful of electric shock safety icon caution

    2240*2856

  • вектор абстрактный баннер дизайн веб шаблон коллекции веб ба

    1200*1200

  • 3d числа 86 в круге на прозрачном фоне

    1200*1200

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

    5556*5556

  • чемпион по шоссейным гонкам 86 в исполнении экспертов: « Беги быстро или умри классика

    3000*3000

    • Иконки соц.

    сетей для сайта

    Вы здесь: Главная — CSS — CSS3 — Иконки соц. сетей для сайта

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

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

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


    Иконочный шрифт Font Awesome

    как нельзя кстати хорошо подходит для создания иконок соц. сетей на сайте.

    Давайте рассмотрим все преимущества:

    • легкость внедрения в проект
    • масштабируются без потери качества
    • не создают http-запросов к серверу
    • большой выбор векторных иконок
    • легко стилизовать под свой дизайн

    Сделаем HTML разметку

    Создадим контейнер div с классом box, внутри которого поместим пять пунктов списка ul. В каждый пункт списка li поместим блок dlv с классом icon, внутри которых теги i с классами нужных вам иконок.

    <div>
      <ul>
        <li>
          <div>
         <i></i>
         </div>
        </li>
        <li>
         <div>
          <i></i>
         </div>
        </li>
        <li>
         <div>
          <i></i>
         </div>
        </li>
        <li>
         <div>
          <i></i>
         </div>
        </li>
        <li>
         <div>
          <i></i>
         </div>
        </li>
      </ul>
    </div>

    На сайте fontawesome. com, находим нужные иконки и копируем код в свой HTML-файл.

    <i></i>

    Подключаем иконочный шрифт, путем копирования строки с кодом и вставки между тегами head.

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

    Иконки соц. сетей появились на странице, теперь предстоит их стилизация.


    CSS-код

    Разместим иконки в центре, для этого пропишем контейнеру с классом box код ниже.

    .box {
        text-align: center;

    Убираем у списков ul маркеры и задаем отступ сверху 60 пикселей.

    .box ul {
        list-style: none;
        margin-top: 60px;
    }

    Прорисовываем блоки списка с заданной шириной и высотой, белого цвета с рамкой под цвет фон.

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

    .box ul li {
        width: 40px;
        height: 40px;
        background: #fff;
        border: solid 4px #ea86c6;
    }

    Отобразим список в строку: display: inline-block;

    На картинке иконки стоят не по центру, маленького размера и неправильного цвета.


    Работа с классом icon

    Опускаем иконки на 15% вниз:

    .icon {
        margin-top: 15%;
    }

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

    color: #ea86c6;
    font-size: 1.7em;

    Можно было бы на этом остановиться, но тогда зачем мы делали рамку у пунктов списка?


    Hover эффект для иконок

    Создадим hover эффект, при котором при наведении курсора, у рамок меняться цвет.

    .box ul li:hover {
        border: solid 4px #b63a64;
    }

    У иконок изменится цвет и увеличится размер:

    .box ul li:hover .icon {
        font-size: 1.5em;
        color: #b63a64;
    }

    Плавность hover эффекта достигается свойству transition. На codepen вы можете посмотреть, каким элементам это свойство задано.

    See the Pen Social icons Font Awesome by porsake (@porsake) on CodePen.

    • Создано 20.06.2018 10:22:30
    • Михаил Русаков
    Предыдущая статья Следующая статья

    Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov. ru)!

    Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
    Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

    Если Вы не хотите пропустить новые материалы на сайте,
    то Вы можете подписаться на обновления: Подписаться на обновления

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

    Порекомендуйте эту статью друзьям:

    Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

    1. Кнопка:
      <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>

      Она выглядит вот так:

    2. Текстовая ссылка:
      <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

      Она выглядит вот так: Как создать свой сайт

    3. BB-код ссылки для форумов (например, можете поставить её в подписи):
      [URL=»https://myrusakov. ru»]Как создать свой сайт[/URL]

    Иконки социальных сетей на 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 = иконка с текстом

    Типы иконок

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

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


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

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

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


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

    По результатам анализа поведения сотен тысяч клиентов онлайн-магазинов порядка 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)

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

    Как использовать социальные сети в письме?

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

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

    1. Facebook — 2 млрд пользователей в месяц.
    2. YouTube — 1 млрд пользователей в месяц.
    3. Instagram — 500 млн пользователей в месяц.
    4. Twitter — 313 млн пользователей в месяц.
    5. Pinterest — 150 млн пользователей в месяц.
    6. LinkedIn — 106 млн пользователей в месяц.

    По результатам исследования GetResponse, CTR email рассылок, через которые можно перейти в профиль компании в соцсетях, выше на 158%, чем у писем, в которых такой возможности нет.

    Преимущества использования иконок соцсетей в email рассылке

    • Рост клиентской базы. Следить за новостями и активностью вашей компании интересно как лидам, так и лояльным клиентам. Для первых соцсети сделают знакомство проще и интереснее, а вторые будут в курсе всех ваших новостей, изменений и сюрпризов.
    • Дополнительные каналы коммуникации. Просто добавьте иконки социальных сетей в рассылку и вы сразу получаете больше возможностей для коммуникации. К тому же, если пользователь отпишется от вашей рассылки, он останется с вами в соцсетях.
    • Больше информации о продукте. В одном письме сложно продемонстрировать все преимущества использования вашего продукта или сервиса. С помощью ссылки на ваш YouTube канал, пользователи посмотрят видеообзоры, страница в Facebook будет держать в курсе всех новостей и клиенты смогут комментировать ваши посты, а в профиле Instagram можно детальнее рассмотреть ваш продукт или поучаствовать в розыгрыше.
    • Глубокая сегментация клиентской базы. С помощью email рассылки много информации об аудитории не получить, так как подписчики должны сами вам её предоставить. С социальными сетями всё гораздо проще: вы можете узнать не только данные для стандартных переменных, но и о предпочтениях и вкусах клиентов, просто пролистав их профиль.

    Как использовать социальные сети в email рассылках?

    Добавьте иконки в рассылку

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

    Предложите присоединиться в приветственной рассылке

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

    Мотивируйте подписчиков следить за соцсетями

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

     

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

     

    С помощью SendPulse, вы можете легко объеденить email маркетинг и социальные сети.

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

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

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

    Перетащите блок «Соц.сети» в письмо

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

    Отредактируйте иконки соцсетей

    Справа в конструкторе вы можете редактировать текущий элемент. 

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

    Готово! Интегрируйте ваш email маркетинг и соцсети прямо сейчас.

    Обновлено: 27.08.2019

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

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

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

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

    Заключение

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

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

    Виджет значков социальных сетей для WordPress от WPZOOM

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

    Основные характеристики

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

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

    100% совместимость с редактором блоков

    НОВИНКА

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

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

    • 7 стилей значков
    • Изменение полей и отступов значков
    • Изменение округлости значков

    Широкий набор значков

    Выбирайте из 100+ социальных сетей и 400+ значков в соответствии с вашими профилями в социальных сетях.Плагин поддерживает самые популярные шрифты-иконки, такие как Font Awesome, Socicons, Dashicons, Academicons, Genericons . Более того, вы можете просто добавить ссылку на профиль, и виджет автоматически обнаружит значок. Все, что осталось сделать, это персонализировать и опубликовать!

    Добавление значков в меню

    НОВИНКА

    Легко добавляйте значки в меню! Используя Social Icons Widget PRO, вы можете добавлять значки в свои меню. Иконки также могут сопровождаться текстом, чтобы выделить ваше меню.

    Шорткод социальных иконок

    НОВИНКА

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

    Превосходная производительность

    НОВИНКА

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

    Загрузите свои значки SVG

    НОВИНКА

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

    Как правильно использовать значки социальных сетей (и наши 13 любимых наборов)

    Значки социальных сетей являются жизненно важной частью вашей маркетинговой стратегии.

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

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

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

    Создание собственных значков — тоже не запрет. Вам просто нужно понимать уникальные правила каждой платформы.

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

    Да, имеет значение то, как вы используете значки социальных сетей

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

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

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

    Вы помните, как Twitter выглядел в 2006 году? Или я должен сказать Twttr.

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

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

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

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

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

    Конечно, вас могут не сразу привлечь к суду или наложить штраф. Прекращение и воздержание, скорее всего, будет первым, но зачем рисковать?

    Как правильно использовать значки социальных сетей для каждой платформы

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

    Twitter, Facebook, Instagram — все эти бренды хотят, чтобы вы использовали их логотип и даже добавили в него свой собственный логотип в разумных пределах.

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

    Рекомендации для значков социальных сетей Facebook

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

    Вот общие правила, применимые к товарному знаку F:

    • Используйте только фирменный логотип F, а не словесный знак Facebook Inc, для продвижения своей страницы в Facebook.
    • Сохраняйте форму, цвет и пропорции. Не растягивайте, не переворачивайте и не ослепляйте логотип.
    • Оставьте достаточно места вокруг логотипа F, чтобы он был хорошо виден.
    • Черно-белое изображение — это нормально, если официальный цвет Facebook недоступен.

    Facebook

    Рекомендации для значков социальных сетей в Instagram

    Instagram называет свой значок «глифом» и предпочитает использовать этот основной значок вместо красочного значка приложения.

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

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

    Рекомендации для значков социальных сетей YouTube

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

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

    YouTube

    Рекомендации для значков социальных сетей LinkedIn

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

    • LinkedIn предпочитает, чтобы вы использовали их фирменный синий цвет, но ничего страшного, если вы используете белый или черный, если ситуация потребует этого.
    • Уникальный и важный момент: LinkedIn требует, чтобы вы использовали знак ® рядом с каждым приложением с логотипом, при условии, что он достаточно большой, чтобы его можно было увидеть.
    • Как обычно, LinkedIn не хочет, чтобы вы меняли цвета, растягивали или искажали его логотип.

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

    LinkedIn

    Рекомендации для Twitter Иконки социальных сетей

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

    Вот краткое изложение правил, касающихся одной только птицы:

    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-Style Социальные иконки

    6. Расширенные плоские иконки социальных сетей

    7.Социальные иконки Simple Line

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

    9. Рисованные значки Freepik

    10. Социальные иконки Christophe Kerebel Outline

    11. Черно-белые иконки Adobe Muse

    12. Blogtacular Geometric Hexagon Social Media Icons

    13. Publicons Простые круглые большие значки социальных сетей

    Почему бы не создать свои собственные значки социальных сетей?

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

    Настройка и отображение значков социальных сетей — ThemeFusion

    Обзор

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

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

    Имущество Тип Требуется Описание
    url Строка № Созданный компонент будет ссылаться на этот URL и отображать значок социальной сети.
    сеть Строка № Переопределить, какой значок сети отображать (по умолчанию социальная сеть URL-адреса)
    bgColor Строка № Изменить цвет заливки фона (по умолчанию цвет социальной сети)
    fgColor Строка № Изменить цвет заливки значка (по умолчанию прозрачный)
    этикетка Строка № Установите атрибут aria-label для отображаемого тега привязки (по умолчанию используется имя социальной сети)
    класс Имя Строка № Укажите класс для присоединения к визуализированному тегу привязки
    по умолчанию SVG Объект № Заменить значок по умолчанию, если URL-адрес не соответствует социальной сети.Требуются свойства строки icon , mask и color . (по умолчанию сеть 'sharethis' )
    стиль Объект № Свойства стиля переопределения, переданные в визуализированный тег привязки