Map marker fa: fa-map-marker: Font Awesome Icons

Содержание

fa-map-marker используется 4766 сайтами

9 лучших веб-сайтов, использующих FA-MAP-MARKER

910 МОНСТР.КОМ

Международные вакансии, Глобальные вакансии, Работа за рубежом | Monster.com

1581 FLIGHTRADAR24.COM

Flightradar24.com — Отслеживание полетов в реальном времени!

2201 UIUC.EDU

Главная | Университет Иллинойса Урбана-Шампейн

2749 POSTSEEK.COM

Единая поисковая система, 10 миллионов технических постов, 150 миллионов технических ответов

3632 DAILYPAKISTAN.COM.PK

Daily Пакистан — Последние новости урду и ежедневная газета — Рознама Пакистан — روزنامہ پاکستان

4110 REDFLAGDEALS. COM

Предложения канадских магазинов, купоны и акции — RedFlagDeals.com

4682 DJI.COM

DJI — мировой лидер в производстве дронов/квадрокоптеров для аэрофотосъемки

5337 AFTABIR.COM

آفتاب

5642 AMARILLASINTERNET.COM

AiYellow Английский

Различные примеры значков Font Awesome и исходный код с использованием

fa-map-marker

Встроенные значки

fa-карта-маркер

Разместите значки Font Awesome практически в любом месте с помощью тега .

  fa-map-marker

Классы значков отображаются через CSS :before.

Большие значки

маркер fa-map
маркер fa-map
маркер fa-map
маркер fa-map
маркер fa-map 90 005
Чтобы увеличить размеры значков относительно их контейнера, используйте fa-lg (увеличение на 33%), fa-2x , fa-3x , fa-4x или fa-5x классов.

fa-map-marker

fa-map-marker

fa-map-marker

fa-map-marker

fa-map-marker

Если ваши значки обрезаются сверху и снизу, убедитесь, что у вас есть достаточная высота строки.
Значки фиксированной ширины
Используйте fa-fw для установки значков фиксированной ширины. Отлично подходит для использования, когда переменная ширина значков нарушает выравнивание. Особенно полезно в таких вещах, как навигационные списки.

<ул>
Главная страница

Библиотека

Значки списка
Можно использовать значок Font Awesome
для легкой замены списков
Используйте fa-ul и fa-li , чтобы легко заменить маркеры по умолчанию в ненумерованных списках.
<ул>
Можно использовать значок Font Awesome

для легкой замены списков

Значки с рамками и вытянутыми линиями
Используйте несколько стилей вместе, и у вас будут простые цитаты или отличный значок вводной статьи.
Используйте fa-border и pull-right или pull-left для удобного вытягивания котировок или графика статьи.
Используйте несколько стилей вместе, и у вас будут простые цитаты или отличный значок вводной статьи.

Повернуто и перевернуто
обычный
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
fa-flip-vert классический
Для произвольного поворота и отражения значков используйте классы fa-rotate-* и fa-flip-* .
нормальный
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
fa-flip-vertical
Вращающиеся иконки
Используйте класс fa-spin , чтобы заставить любую иконку вращаться. Хорошо работает с fa-spinner , fa-refresh и fa-cog .
<я> <я>
Анимации CSS3 не поддерживаются в IE8–IE9.

Иконки в стопке
fa-map-marker на fa-square-o
fa-map-marker на fa-circle
fa-map-markerl на fa-square
fa-ban на fa-map-marker
Чтобы сложить несколько значков, используйте класс fa-stack для родителя, fa-stack-1x . для значка обычного размера и fa-stack-2x для значка большего размера. fa-инверсия можно использовать в качестве альтернативного цвета значка. Вы даже можете набрасывать более крупные классы значков на родителя для дальнейшего контроля размеров.
<диапазон> <я> <я> fa-map-marker на fa-square-o
<диапазон> <я> <я> fa-map-marker на fa-circle
<диапазон> <я> <я> fa-map-marker на fa-square
<диапазон>
<я> <я> fa-ban на fa-map-marker
Начальная загрузка 3 примера
fa-карта-маркер fa-карта-маркер
Font Awesome
fa-map-marker
Font Awesome отлично работает со всеми компонентами Bootstrap.
fa-map-marker <а href="#"> fa-map-marker <а href="#"> Font Awesome
fa-map-marker <дел>