Ícone Brand Messenger Filled
tabler:brand-messenger-filled
O ícone Brand Messenger Filled (tabler:brand-messenger-filled) é um ícone SVG gratuito da coleção Tabler Icons de Paweł Kuna. Ele é desenhado em uma grade de 24 × 24. Tabler Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Tabler Icons
- Autor
- Paweł Kuna
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- logo, app, application, communication, text, messages, communicator, photos, images, videos, giphy, brand, brandmessenger, messengerfilled, brandmessengerfilled
Código 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>
Como usar o ícone 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>
Web component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/tabler/brand-messenger-filled.svg" alt="Ícone Brand Messenger Filled" width="24" height="24">
Ícones relacionados em Tabler Icons
Perguntas frequentes sobre Ícone Brand Messenger Filled
O ícone Brand Messenger Filled é grátis para uso comercial?
Sim. Tabler Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Brand Messenger Filled no React?
Instale @iconify/react e renderize <Icon icon="tabler:brand-messenger-filled" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Brand Messenger Filled a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/tabler/brand-messenger-filled.svg" alt="Ícone Brand Messenger Filled">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Tabler Icons →
