Иконка Facebook Messenger
fa7-brands:facebook-messenger
Иконка Facebook Messenger (fa7-brands:facebook-messenger) — бесплатная SVG-иконка из набора Font Awesome Brands от Dave Gandy. Она нарисована на сетке 640 × 640. Font Awesome Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome Brands
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 640 × 640
- Теги
- facebookmessenger
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M320.6 72C180.6 72 72 174.3 72 312.6c0 72.3 29.7 134.8 78.1 177.9c8.3 7.5 6.6 11.9 8 58.2c.1 3.2 1 6.4 2.6 9.2s3.9 5.2 6.7 6.9s5.9 2.8 9.1 3s6.5-.3 9.5-1.6c52.9-23.2 53.6-25 62.6-22.6c153.2 42.2 319.4-55.9 319.4-231C568 174.3 460.6 72 320.6 72m149.2 185.1l-73 115.6c-2.8 4.3-6.4 8.1-10.6 11s-9.1 4.8-14.1 5.8s-10.3.8-15.3-.4s-9.7-3.4-13.8-6.4l-58.1-43.5c-2.6-1.9-5.8-3-9-3s-6.4 1.1-9 3l-78.4 59.4c-10.5 7.9-24.2-4.6-17.1-15.7l73-115.6c2.8-4.3 6.4-8.1 10.6-11s9.1-4.8 14.1-5.8s10.3-.8 15.3.4s9.7 3.4 13.9 6.4l58.1 43.5c2.6 1.9 5.8 3 9 3s6.4-1.1 9-3l78.4-59.4c10.4-8 24.1 4.5 17.1 15.6z"/></svg>
Как использовать иконку Facebook Messenger
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:facebook-messenger" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:facebook-messenger" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:facebook-messenger" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--facebook-messenger]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:facebook-messenger"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:facebook-messenger"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa7-brands/facebook-messenger.svg" alt="Иконка Facebook Messenger" width="24" height="24">
Похожие иконки в наборе Font Awesome Brands
Иконка Facebook Messenger в других наборах
Вопросы и ответы: Иконка Facebook Messenger
Можно ли бесплатно использовать иконку Facebook Messenger в коммерческих проектах?
Да. Font Awesome Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Facebook Messenger в React?
Установите @iconify/react и выведите <Icon icon="fa7-brands:facebook-messenger" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Facebook Messenger на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa7-brands/facebook-messenger.svg" alt="Иконка Facebook Messenger">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Font Awesome Brands →
ICONYZ
