Иконки Font Awesome для префиксов

Мануал Иконки Font Awesome для префиксов

Нет прав для скачивания
Совместимость версий
  1. 2.1
  2. 2.2
Скачиваем архив, распаковываем и с помощью плагина https://svgzone.su/resources/mmo-export-import-tms.75/
импортируем модификацию.
Для начала укажу для копирования все классы дефолтных префиксов:
  • Префикс - label label--red
  • Префикс - label label--green
  • Префикс - label label--olive
  • Префикс - label label--lightGreen
  • Префикс - label label--blue
  • Префикс - label label--primary
  • Префикс - label label--skyBlue
  • Префикс - label label--gray
  • Префикс - label label--silver
  • Префикс - label label--yellow
  • Префикс - label label--orange
Для отображения иконки в поле Другое: Свое имя CSS-класса добавляем ее класс к классу дефолтного префикса:
  • Префикс - label label--red far fa-exclamation-circle
  • Префикс - label label--green far fa-info-circle
  • Префикс - label label--blue fad fa-question-circle
  • Префикс - label label--gray fas fa-check-circle
  • Префикс - label label--orange fad fa-user-circle
Иконки ищем здесь:
Для тех кому сложно установить плагин и импортировать модификацию, код модификации extra.less:
Less:
.label {
    padding: 1px 0.35em 2px;
    vertical-align: middle;
    &.far, &.fal, &.fas, &.fab, &.fad {
        font-family: inherit;
        font-weight: inherit;
        position: relative;
        text-indent: 1.2em;
    }
    &.far:before, &.fal:before, &.fas:before {
        .m-faBase();
    }
    &.fab:before {
        .m-faBase(Brands);
    }
    &.fad:before, &.fad:after {
        .m-faBase(Duotone);
    }
    &.fad:after {
        opacity: .45;
    }  
    &:before, &:after {
        position: absolute;
        left: -.9em;
    }
}
Верх Низ