DWWEB.RU

Font Awesome выводим иконки соцсетей

Как с помощью шрифта Font Awesome вывести иконки социальных сетей.

Для отображения соц сететй в виде иконок. нужно:

1. Сегодня уже не нужно искать иконки по всему интернету – достаточно подключить шрифт Font Awesome
2. В местие вывода иконки нужно поставить код данной иконки.

Font Awesome иконка Вконтакте код:

<i class="fa fa-vk" aria-hidden="true"></i>

Результат:

Font Awesome иконка Facebook код:

<i class="fa fa-facebook" aria-hidden="true"></i>

Результат:

Font Awesome иконка twitter код:

<i class="fa fa-twitter" aria-hidden="true"></i>

Результат:

Font Awesome иконка instagram код:

<i class="fa fa-instagram" aria-hidden="true"></i>

Результат:

Font Awesome иконка youtube код:

<i class="fa fa-youtube" aria-hidden="true"></i>

Результат:

Font Awesome иконка odnoklassniki код:

<i class="fa fa-odnoklassniki" aria-hidden="true"></i>

Результат:

Font Awesome иконка telegram код:

<i class="fa fa-telegram" aria-hidden="true"></i>

Результат:

Font Awesome иконка whatsapp код:

<i class="fa fa-whatsapp" aria-hidden="true"></i>

Результат:

Font Awesome иконка reddit код:

<i class="fa fa-reddit" aria-hidden="true"></i>

Результат:

Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:
Font wesome и соц сети

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019