Icono Circle Sparks
game-icons:circle-sparks
El icono Circle Sparks (game-icons:circle-sparks) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Game Icons
- Autor
- GameIcons
- Licencia
- CC-BY-3.0
- Tamaño
- 512 × 512
- Etiquetas
- circlesparks, spark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M20.78 26.78c64.677 55.957 77.348 94.384 60.564 122.876c7.63-3.893 15.673-6.72 24.094-8.375c-20.88 26.902-34.827 59.457-39.157 94.94c-14.255-1.084-27.752-2.986-39.874-5.782c14.74 7.424 27.45 15.042 38.563 23.125c-.068 2.083-.126 4.18-.126 6.28c0 68.626 35.813 128.96 89.75 163.344c-4.345 10.808-11.01 21.467-20.438 32.813c11.536-7.713 26.68-14.666 43.313-20.313c24.644 11.384 52.065 17.75 80.968 17.75c16.69 0 32.885-2.11 48.343-6.093c.406 14.503-.08 31.072-1.436 50.125c36.338-88.305 101.418-88.803 181-30.25c-64.756-68.336-59.635-134.57-4.75-218.845c-10.708 5.996-20.526 11.01-29.563 15.094q.034-1.81.033-3.626c0-43.22-14.223-83.164-38.22-115.406c18.41-29.47 40.28-49.624 65.5-65.125c-53.525 15.19-87.8 7.226-130.312-22.75c16.446 15.918 26.668 33.556 32.47 53.874c-33.47-27.61-76.354-44.218-123.063-44.218c-23.376 0-45.805 4.134-66.562 11.75c1.722-13.855 6.552-27.61 14.438-41.75C156.097 67.09 98.216 75.61 20.78 26.78m104.095 48.782C137.17 75.62 152 81.5 162.313 91.22c13.75 12.957 14.257 27.825 1.156 33.218c-13.103 5.392-34.876-.73-48.626-13.688s-14.257-27.827-1.156-33.22c3.275-1.347 7.09-1.987 11.187-1.968zm133.563 9.344c50.846 0 96.557 21.633 128.5 56.188c1.667 19.017.924 40.15-1.282 63.97c5.51-15.935 11.532-30.1 18.063-42.783c18.732 27.863 29.655 61.414 29.655 97.564c0 3.784-.14 7.526-.375 11.25c-80.95 27.872-84.574-38.09-98.344-141.625c-23.972 143.895-73.68 188.616-175.375 185.5c91.03 29.217 138.164 30.064 146.345 113.342a175.5 175.5 0 0 1-47.188 6.438c-17.69 0-34.758-2.634-50.843-7.5c15.95-3.575 32.116-5.82 46.906-6.375c-51.752-8.56-83.084-24.313-96.906-62.97c3.475 17.54 4.497 32.484 2.25 46.47c-43.702-29.84-73.13-78.987-76.063-135.25c22.45 21.294 36.885 46.538 49 80.188c-11.563-57.488 17.535-92.766 79.064-127.97C175.184 232.57 127.964 238.29 85 237.19c4.827-37.463 21.455-71.18 46.063-97.313c34.22 2.712 73.92 23.22 119.03 67.22c-36.212-42.28-55.61-76.564-58.53-108.97c20.597-8.515 43.173-13.22 66.875-13.22zm66.906 197.813c30.63 0 68.568 26.42 84.72 59c16.15 32.58 4.408 59-26.22 59c-30.63 0-68.568-26.42-84.72-59c-16.15-32.58-4.41-59 26.22-59"/></svg>Cómo usar el icono Circle Sparks
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:circle-sparks" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:circle-sparks" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:circle-sparks" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--circle-sparks]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:circle-sparks"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:circle-sparks"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/game-icons/circle-sparks.svg" alt="Icono Circle Sparks" width="24" height="24">Iconos relacionados en Game Icons
Preguntas frecuentes sobre Icono Circle Sparks
¿El icono Circle Sparks es gratis para uso comercial?
Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Circle Sparks en React?
Instala @iconify/react y renderiza <Icon icon="game-icons:circle-sparks" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Circle Sparks a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/circle-sparks.svg" alt="Icono Circle Sparks">, o pega el código SVG en línea para darle estilo con CSS.