Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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>

Результат:


Вас может еще заинтересовать список тем : #CSS | #FONT_AWESOME | #FONTSICON |
Последняя дата редактирования : 2020-02-26 12:24
https://dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
12/06/2020 10:07
Всегда пожалуйста! Приходите еще!!!
подробнее.
Александр :
04/06/2020 01:42
Спасибо
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.
admin :
21/05/2020 05:03
Я Вас помню! Вы частенько оставляли сообщения на сайте!Все никак не мог спросить!? У Вас есть сайт -> зачем это…
подробнее.

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