Ícone Message Sparkle Fill

keyline-icons:message-sparkle-fill

O ícone Message Sparkle Fill (keyline-icons:message-sparkle-fill) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: messagesparkle, sparklefill, messagesparklefill

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C17.8553 2 23 5.8327 23 11C23 16.1673 17.8553 20 12 20C11.2351 20 10.4723 19.9337 9.7236 19.8047L5.4385 21.8984C5.1434 22.0425 4.7961 22.0329 4.5098 21.8721C4.2235 21.7112 4.0344 21.4197 4.0039 21.0928L3.6084 16.8252C1.9521 15.2269 1 13.1718 1 11C1 5.8327 6.1447 2 12 2ZM13.3787 6.9184C13.1423 6.3669 12.6 6.0093 12 6.0093C11.4 6.0093 10.8577 6.3669 10.6213 6.9184L9.8104 8.8104L7.9184 9.6213C7.3669 9.8577 7.0093 10.4 7.0093 11C7.0093 11.6 7.3669 12.1423 7.9184 12.3787L9.8104 13.1896L10.6213 15.0816C10.8577 15.6331 11.4 15.9907 12 15.9907C12.6 15.9907 13.1423 15.6331 13.3787 15.0816L14.1896 13.1896L16.0816 12.3787C16.6331 12.1423 16.9907 11.6 16.9907 11C16.9907 10.4 16.6331 9.8577 16.0816 9.6213L14.1896 8.8104L13.3787 6.9184Z" clip-rule="evenodd"/></svg>

Como usar o ícone Message Sparkle Fill

React

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

<Icon icon="keyline-icons:message-sparkle-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:message-sparkle-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:message-sparkle-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--message-sparkle-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:message-sparkle-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:message-sparkle-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/message-sparkle-fill.svg" alt="Ícone Message Sparkle Fill" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Message Sparkle Fill

O ícone Message Sparkle Fill é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Message Sparkle Fill no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:message-sparkle-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Message Sparkle Fill a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/message-sparkle-fill.svg" alt="Ícone Message Sparkle Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →