Icône Fireworks 2
streamline-freehand-color:fireworks-2
L'icône Fireworks 2 (streamline-freehand-color:fireworks-2) est une icône SVG gratuite de la collection Freehand color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Freehand color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Musique, vidéo et divertissement
- Mots-clés
- firework
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M12.45 16.709q-.255-.722-.598-1.407a17.5 17.5 0 0 0-1.996-2.994a.29.29 0 0 0-.409-.07a.3.3 0 0 0-.07.41c.57.977 1.06 1.998 1.467 3.053c.18.459.36.898.53 1.357c.169.459.328.898.488 1.357c.36 1.057.688 2.135.998 3.292a.33.33 0 0 0 .389.26a.34.34 0 0 0 .27-.39a31 31 0 0 0-.63-3.462a14 14 0 0 0-.438-1.406m2.913-4.56a12.4 12.4 0 0 0-1.716-1.287a8 8 0 0 0-.808-.43a6 6 0 0 0-.848-.339a18 18 0 0 0-2.056-.488a.29.29 0 0 0-.369.19a.29.29 0 0 0 .18.368c.728.33 1.397.709 2.105.998c.34.17.698.32.998.479c.3.16.698.29 1.048.459q.514.24.997.539a.34.34 0 0 0 .574-.17a.34.34 0 0 0-.175-.37zM9.946 7.35c.729-.31 1.437-.53 2.136-.799l.997-.409c.34-.13.669-.28.998-.389q.525-.173 1.068-.28a.34.34 0 0 0-.06-.668a9 9 0 0 0-2.056.24q-.438.105-.858.27a5.5 5.5 0 0 0-.818.378q-.88.528-1.696 1.148a.3.3 0 1 0 .28.519zm-.628-5.299a.34.34 0 0 0-.44.18q-.398.706-.708 1.457a5 5 0 0 0-.2.668q-.09.34-.119.689a12 12 0 0 0 0 1.606a.3.3 0 0 0 .26.39a.29.29 0 0 0 .319-.26c.16-.589.379-1.118.529-1.686c.09-.33.15-.669.219-.998c.11-.509.18-.998.32-1.537a.33.33 0 0 0-.18-.509M2.353 6.042q1.021.387 1.996.879c.21.11.419.2.629.289c.21.09.429.17.648.28c.22.109.519.269.788.438a.293.293 0 1 0 .39-.439a7 7 0 0 0-1.258-1.197a4 4 0 0 0-.658-.35a4.5 4.5 0 0 0-.699-.249a13 13 0 0 0-1.656-.3a.34.34 0 0 0-.18.65m3.922 3.671a.292.292 0 0 0-.07-.578a11 11 0 0 0-2.315.2a5 5 0 0 0-.998.298a6 6 0 0 0-.918.45A9 9 0 0 0 .178 11.56a.33.33 0 1 0 .43.47a10.4 10.4 0 0 1 2.164-1.168c.44-.19.888-.36 1.357-.52q1.051-.384 2.146-.628m.768 1.377a9 9 0 0 0-1.736 1.457a6 6 0 0 0-.599.788a8 8 0 0 0-.469.858a9.8 9.8 0 0 0-.678 2.175a.33.33 0 0 0 .476.38a.34.34 0 0 0 .162-.2q.345-.834.808-1.607c.28-.478.6-.927.908-1.386q.667-1.064 1.507-1.996a.29.29 0 0 0 0-.409a.29.29 0 0 0-.38-.06m10.877-.578a11.8 11.8 0 0 0-1.407 2.424c-.15.37-.29.748-.41 1.128q-.169.566-.279 1.147c-.18.908-.25 1.816-.339 2.724a.29.29 0 1 0 .539.08c.3-.998.648-2.046.998-3.083c.2-.669.379-1.347.598-1.996q.354-1.071.868-2.075a.331.331 0 1 0-.558-.36z"/><path fill="#0c6fff" d="M21.55 12.03q-.045-.195-.12-.38a3 3 0 0 0-.189-.36a4.4 4.4 0 0 0-.668-.698a.29.29 0 0 0-.4-.1a.31.31 0 0 0-.1.41c.1.299.12.568.2.858q.05.176.13.339c.05.11.11.22.17.33c.16.259.329.488.508.748a.332.332 0 0 0 .619-.24c-.05-.3-.08-.589-.15-.908m2.195-3.472a3.4 3.4 0 0 0-.908-.32q-.21-.03-.419 0q-.21.01-.409.08q-.452.17-.838.46a.29.29 0 0 0-.132.47a.3.3 0 0 0 .322.088q.463-.023.928 0l.498-.05q.402-.07.809-.09a.34.34 0 0 0 .399-.259a.33.33 0 0 0-.25-.38M21.012 7.48c.389-.29.768-.48 1.127-.72c.36-.239.4-.298.599-.438q.468-.371.997-.649a.32.32 0 0 0 .21-.409a.33.33 0 0 0-.479-.22c-.433.06-.856.177-1.257.35a2.4 2.4 0 0 0-.49.28a3 3 0 0 0-.428.359q-.4.472-.728.997a.3.3 0 0 0 0 .42a.29.29 0 0 0 .449.03m-2.325-1.118a1.8 1.8 0 0 0-.22-.32a2 2 0 0 0-.27-.249a5.4 5.4 0 0 0-.738-.449a.32.32 0 0 0-.468 0a.34.34 0 0 0 0 .469c.16.23.269.449.419.679c.15.229.11.17.18.259q.1.122.219.23c.19.179.399.299.608.498a.292.292 0 1 0 .51-.29a3.8 3.8 0 0 0-.24-.827m-3.862 1.945a.33.33 0 0 0 .32.35c.23.08.419.18.638.25l.27.069q.139.015.279 0q.346-.015.688-.07a.28.28 0 0 0 .35-.22a.29.29 0 0 0-.21-.349q-.305-.225-.649-.389a1.1 1.1 0 0 0-.299-.08a1.7 1.7 0 0 0-.32 0q-.371.045-.737.13a.35.35 0 0 0-.33.31"/></g></svg>Comment utiliser l'icône Fireworks 2
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:fireworks-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:fireworks-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:fireworks-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--fireworks-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:fireworks-2"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:fireworks-2"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/fireworks-2.svg" alt="Icône Fireworks 2" width="24" height="24">L'icône Fireworks 2 dans d'autres collections
FAQ : Icône Fireworks 2
L'icône Fireworks 2 est-elle gratuite pour un usage commercial ?
Oui. Les Freehand color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Fireworks 2 dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-freehand-color:fireworks-2" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Fireworks 2 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/fireworks-2.svg" alt="Icône Fireworks 2">, ou collez le code SVG directement dans la page pour le styliser en CSS.