Ícone Sparkle Fill
keyline-icons:sparkle-fill
O ícone Sparkle Fill (keyline-icons: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
- sparklefill
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.3954 2.9497L15.4809 8.2374C15.5317 8.3663 15.6337 8.4683 15.7626 8.5191L21.0503 10.6046C21.6234 10.8306 22 11.384 22 12C22 12.616 21.6234 13.1694 21.0503 13.3954L15.7626 15.4809C15.6337 15.5317 15.5317 15.6337 15.4809 15.7626L13.3954 21.0503C13.1694 21.6234 12.616 22 12 22C11.384 22 10.8306 21.6234 10.6046 21.0503L8.5191 15.7626C8.4683 15.6337 8.3663 15.5317 8.2374 15.4809L2.9497 13.3954C2.3766 13.1694 2 12.616 2 12C2 11.384 2.3766 10.8306 2.9497 10.6046L8.2374 8.5191C8.3663 8.4683 8.4683 8.3663 8.5191 8.2374L10.6046 2.9497C10.8306 2.3766 11.384 2 12 2C12.616 2 13.1694 2.3766 13.3954 2.9497Z"/></svg>
Como usar o ícone Sparkle Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:sparkle-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:sparkle-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:sparkle-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--sparkle-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons: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:sparkle-fill"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/sparkle-fill.svg" alt="Ícone Sparkle Fill" width="24" height="24">
Ícones relacionados em Keyline Icons
O ícone Sparkle Fill em outras coleções
Perguntas frequentes sobre Ícone Sparkle Fill
O ícone 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 Sparkle Fill no React?
Instale @iconify/react e renderize <Icon icon="keyline-icons:sparkle-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone 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/sparkle-fill.svg" alt="Ícone Sparkle Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Keyline Icons →
ICONYZ
