Иконки можно экспортировать
- Файлом SVG
- HTML кодом (
<i class="..."></i>) - CSS кодом (
content: "...";) - CSS кодом (
background-image: url("...");) - SVG кодом (
<svg>...</svg>)
Варианты установки:
-
Скачиваем архив и подключаем стиль
Скачать с Atuin Скачать с FontAwesomeall.cssилиall.min.css -
Подключаем стиль иконок c сайта разработчкиа через
link:1<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" />или
import1@import url('https://use.fontawesome.com/releases/v5.15.3/css/all.css') -
Устанавливаем только нужные иконки в SVG формате (файлом, в CSS или в HTML коде)
Использование:
- Клик по иконке — скачает её файлом
.svg. - Клик по названию — скопирует код
<i class="fa..."></i>. - Кнопка Unicode — скопирует CSS-правило с
content: "\f...";. - Кнопка SVG — скопирует чистый код
<svg>...</svg>. - Кнопка CSS — скопирует правило с
background-image.
Поиск и сортировка:
Скопировано в буфер
Смотрите также:
7 разных вариантов перехода гамбургер иконки в крестик
3 варианта реализации изображения Свинки Пеппы на CSS
Massive Storage выполненный на SVG с CSS анимацией.
Добавить комментарий:
Ваш комментарий отправлен!
Автор напишите, dzen и rutube чем лучше заменить. Их же нет в библиотеке, вроде, как в новой версии тоже нет Font Awesome 7.
Font Awesome нужен для удобства быстро воткнуть какую-нибудь иконку почты или домика. А если ставить что то уникальное, то лучше искать на сайтах
Подскажите, иконку дзена как прописать, если иконки с CDN fontawesome показываются? fa fa-dzen? Или как?
А в [i]fontawesome [/i]разве есть [i]dzen [/i]?
Спасибо большое! Очень полезный сайт!
Добрый день есть икона rutube