Иконка Brand Messenger Filled

tabler:brand-messenger-filled

Иконка Brand Messenger Filled (tabler:brand-messenger-filled) — бесплатная SVG-иконка из набора Tabler Icons от Paweł Kuna. Она нарисована на сетке 24 × 24. Tabler Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Tabler Icons
Автор: Paweł Kuna
Лицензия: MIT
Размер: 24 × 24
Теги: logo, app, application, communication, text, messages, communicator, photos, images, videos, giphy, brand, brandmessenger, messengerfilled, brandmessengerfilled

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.894 5.446c3.667 3.127 4.168 8.238 1.152 11.897c-2.842 3.447-7.965 4.583-12.231 2.805l-.233-.101l-4.374.931l-.033.005l-.042.008l-.031.002l-.01.003h-.018L3.022 21l-.024-.001l-.02.001l-.033-.003H2.91l-.022-.004l-.022-.002l-.035-.007l-.034-.005l-.016-.004l-.024-.005l-.049-.016l-.024-.005l-.011-.005l-.022-.007l-.045-.02l-.03-.012l-.011-.006l-.014-.006l-.031-.018l-.045-.024l-.016-.011l-.037-.026l-.04-.027l-.015-.013l-.043-.04l-.025-.02l-.062-.07l-.013-.013l-.011-.014l-.027-.04l-.026-.035a1 1 0 0 1-.054-.095l-.006-.013l-.019-.045l-.02-.042l-.004-.016l-.004-.01l-.011-.04l-.013-.04l-.002-.014l-.005-.019l-.005-.033l-.008-.042l-.002-.031l-.003-.026L2 20.022l.001-.036l.001-.023l.002-.053l.004-.025v-.019l.008-.036l.005-.033l.004-.017l.005-.023l.018-.06l.003-.013l1.15-3.45l-.022-.037C.969 12.45 1.97 7.805 5.59 5.079l.23-.168c3.898-2.766 9.469-2.54 13.073.535m-2.062 5a1 1 0 0 0-1.387-.278l-2.318 1.544l-1.42-1.42a1 1 0 0 0-1.262-.124l-3 2a1 1 0 0 0-.277 1.387l.07.093a1 1 0 0 0 1.317.184l2.317-1.545l1.42 1.42a1 1 0 0 0 1.263.125l3-2a1 1 0 0 0 .277-1.387"/></svg>

Как использовать иконку Brand Messenger Filled

React

import { Icon } from "@iconify/react";

<Icon icon="tabler:brand-messenger-filled" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="tabler:brand-messenger-filled" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="tabler:brand-messenger-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--brand-messenger-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:brand-messenger-filled"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="tabler:brand-messenger-filled"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/tabler/brand-messenger-filled.svg" alt="Иконка Brand Messenger Filled" width="24" height="24">

Вопросы и ответы: Иконка Brand Messenger Filled

Можно ли бесплатно использовать иконку Brand Messenger Filled в коммерческих проектах?

Да. Tabler Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Brand Messenger Filled в React?

Установите @iconify/react и выведите <Icon icon="tabler:brand-messenger-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Brand Messenger Filled на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/tabler/brand-messenger-filled.svg" alt="Иконка Brand Messenger Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Tabler Icons →