Ícone Comment Discussion Sparkle
codicon:comment-discussion-sparkle
O ícone Comment Discussion Sparkle (codicon:comment-discussion-sparkle) é um ícone SVG gratuito da coleção Codicons de Microsoft Corporation. Ele é desenhado em uma grade de 24 × 24. Codicons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Codicons
- Autor
- Microsoft Corporation
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Tags
- commentdiscussion, discussionsparkle, commentdiscussionsparkle
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.053 2.672a.3.3 0 0 1 0-.349a.3.3 0 0 1 .146-.111l.172-.055h.002l.595-.193a1.57 1.57 0 0 0 .984-.998l.249-.765A.3.3 0 0 1 11.486 0h.015a.3.3 0 0 1 .27.201l.249.765a1.58 1.58 0 0 0 .999.998l.765.249l.015.004q.09.031.146.109a.3.3 0 0 1 0 .35a.3.3 0 0 1-.146.11l-.765.249a1.57 1.57 0 0 0-.999.998l-.249.765a.3.3 0 0 1-.111.146a.3.3 0 0 1-.171.056H11.5a.3.3 0 0 1-.286-.202l-.249-.765l-.029-.081a1.55 1.55 0 0 0-.352-.539a1.6 1.6 0 0 0-.535-.352l-.083-.03l-.767-.249a.3.3 0 0 1-.146-.11m5.722 6.047c.14.228.225.494.225.781v3c0 .827-.673 1.5-1.5 1.5H13v1.5a.5.5 0 0 1-.854.354L10.292 14H8.499c-.827 0-1.5-.673-1.5-1.5v-3c0-.827.673-1.5 1.5-1.5h4.27l.054.165a1.24 1.24 0 0 0 1.17.836H14c.261 0 .511-.08.722-.23c.02-.014.033-.036.052-.051zM14 9.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h2c.133 0 .26.053.354.146L12 14.292v-.793a.5.5 0 0 1 .5-.5h1a.5.5 0 0 0 .5-.5zM3 9H2c-.551 0-1-.448-1-1V4c0-.552.449-1 1-1h6.112a1.3 1.3 0 0 1-.115-.502c0-.174.046-.34.113-.498H2C.897 2 0 2.897 0 4v4c0 1.103.897 2 2 2v2c0 .552.449 1 1 1c.198 0 .389-.058.612-.213L6 10.626V9.499c0-.083.017-.162.025-.243L3 11.999zm12.956-3.138a.25.25 0 0 0-.117-.088l-.012-.003l-.612-.199v.002a1.26 1.26 0 0 1-.799-.799l-.199-.612a.24.24 0 0 0-.228-.161a.24.24 0 0 0-.228.161l-.199.612a1.27 1.27 0 0 1-.787.798l-.612.199a.23.23 0 0 0-.117.088a.242.242 0 0 0 .117.368l.583.189v.003l.024.008a1.26 1.26 0 0 1 .8.8l.2.612a.24.24 0 0 0 .224.161h.007a.24.24 0 0 0 .228-.161l.199-.612a1.26 1.26 0 0 1 .799-.799l.612-.199a.23.23 0 0 0 .117-.088a.24.24 0 0 0 0-.28"/></svg>Como usar o ícone Comment Discussion Sparkle
React
import { Icon } from "@iconify/react";
<Icon icon="codicon:comment-discussion-sparkle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="codicon:comment-discussion-sparkle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="codicon:comment-discussion-sparkle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--comment-discussion-sparkle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:comment-discussion-sparkle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="codicon:comment-discussion-sparkle"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/codicon/comment-discussion-sparkle.svg" alt="Ícone Comment Discussion Sparkle" width="24" height="24">Ícones relacionados em Codicons
Perguntas frequentes sobre Ícone Comment Discussion Sparkle
O ícone Comment Discussion Sparkle é grátis para uso comercial?
Sim. Codicons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Comment Discussion Sparkle no React?
Instale @iconify/react e renderize <Icon icon="codicon:comment-discussion-sparkle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Comment Discussion Sparkle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/codicon/comment-discussion-sparkle.svg" alt="Ícone Comment Discussion Sparkle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.