Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ 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
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
23/10/2020 01:15
Посмотрел... количество возможных знаков 3... почему у вас не получилось увидеть 2...…
подробнее.
Марат :
23/10/2020 01:05
Да! Тоже исправим...А с ссылкой... вроде бы исправлял... совсем недавно...сейчас проверю в чем там…
подробнее.
Марат :
23/10/2020 01:03
Спасибо за внимательность!1). Исправлено!2). Что-то я сразу не понял, о каком подтверждении идет речь!?О любых…
подробнее.
Станислав :
23/10/2020 08:04
В Ранее отправленном комментарии о скрипте № 85.1 пункт 2 уже выяснен:Скорее всего комментарий не будет…
подробнее.
Станислав :
23/10/2020 07:39
1.Скрипт № 85.1имеется описка в слове: Ссылка на скачив-е-ние:2. Можно ли предусмотреть, чтобы после отправки…
подробнее.