ICONYZ
Español
Icono Sparkle Fill de Keyline Icons

Icono Sparkle Fill

keyline-icons:sparkle-fill

El icono Sparkle Fill (keyline-icons:sparkle-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Keyline Icons
Autor
Keyline Icons
Licencia
MIT
Tamaño
24 × 24
Etiquetas
sparklefill
Descargar SVG

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>

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en Keyline Icons

El icono Sparkle Fill en otras colecciones

Preguntas frecuentes sobre Icono Sparkle Fill

¿El icono Sparkle Fill es gratis para uso comercial?

Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Sparkle Fill en React?

Instala @iconify/react y renderiza <Icon icon="keyline-icons:sparkle-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Sparkle Fill a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/sparkle-fill.svg" alt="Icono Sparkle Fill">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →