Icono Spark
logos:spark
El icono Spark (logos:spark) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 258. SVG Logos icons se publican bajo la licencia CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 258
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="258" viewBox="0 0 256 258"><g fill="#ffa64d"><path d="M13.222 183.045C30.007 165.978 244.278 4.782 247.936 8.44c2.813 2.813-156.507 219.616-173.387 236.589s-44.26 16.785-61.14-.282c-16.972-17.066-16.972-44.73-.187-61.702" opacity=".5"/><path d="M22.693 175.45c20.63-12.098 230.119-95.18 232.65-90.68c1.97 3.47-168.79 154.538-189.514 166.541c-20.63 12.003-46.98 4.783-58.89-16.222c-11.909-20.818-4.876-47.543 15.754-59.64" opacity=".3"/><path d="M82.051 235.276C94.054 214.46 176.387 3.47 171.98.938C168.51-1.032 18.661 171.042 6.658 191.859c-11.91 20.818-4.689 47.356 16.129 59.265C43.51 263.127 70.048 256 82.05 235.276" opacity=".3"/><path d="M32.727 171.042c23.068-6.283 216.521-30.195 217.928-25.225c1.031 3.845-172.73 103.431-195.798 109.714s-46.699-7.595-52.794-30.945s7.69-47.261 30.664-53.544" opacity=".2"/><path d="M32.727 171.042c23.068-6.283 179.387 29.07 180.7 33.946c1.032 3.844-135.595 44.167-158.664 50.45c-23.068 6.282-46.699-7.596-52.794-30.946c-6.001-23.255 7.783-47.167 30.758-53.45" opacity=".1"/><path d="M86.459 225.055c6.282-23.256-28.882-180.7-33.852-182.013C48.762 42.01 8.815 179.575 2.626 202.83c-6.19 23.255 7.595 47.074 30.757 53.075c23.068 6.19 46.887-7.595 53.076-30.851" opacity=".1"/><path d="M86.459 225.055C92.74 201.799 116.372 6.939 111.496 5.626C107.651 4.595 8.908 179.576 2.626 202.925C-3.564 226.18 10.22 249.999 33.383 256c23.068 6.189 46.887-7.69 53.076-30.945" opacity=".2"/></g></svg>Cómo usar el icono Spark
React
import { Icon } from "@iconify/react";
<Icon icon="logos:spark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:spark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:spark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--spark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:spark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:spark"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/spark.svg" alt="Icono Spark" width="24" height="24">Iconos relacionados en SVG Logos
El icono Spark en otras colecciones
Preguntas frecuentes sobre Icono Spark
¿El icono Spark es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Spark en React?
Instala @iconify/react y renderiza <Icon icon="logos:spark" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Spark a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/spark.svg" alt="Icono Spark">, o pega el código SVG en línea para darle estilo con CSS.