Icône Confetti Linear
solar:confetti-linear
L'icône Confetti Linear (solar:confetti-linear) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar 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
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Interface
- Mots-clés
- confettilinear
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-width="1.5" d="M4.01207 15.7618L5.70156 10.6933C6.46758 8.39525 6.85059 7.24623 7.75684 7.03229C8.6631 6.81835 9.51953 7.67478 11.2324 9.38764L14.6114 12.7666C16.3242 14.4795 17.1807 15.3359 16.9667 16.2422C16.7528 17.1484 15.6038 17.5314 13.3057 18.2975L8.23724 19.987C5.47183 20.9088 4.08912 21.3697 3.35924 20.6398C2.62936 19.9099 3.09026 18.5272 4.01207 15.7618Z"/><path stroke-linecap="round" stroke-width="1.5" d="M12.2351 18.3461C12.2351 18.3461 11.477 16.0649 11.477 14.5552C11.477 13.0454 12.2351 10.7643 12.2351 10.7643M8.06517 19.4833C8.06517 19.4833 7.42484 16.7314 7.307 14.9343C7.11229 11.965 8.06517 7.35254 8.06517 7.35254"/><path stroke-linecap="round" stroke-width="1.5" d="M14.5093 10.0061L14.6533 9.28614C14.7986 8.55924 15.3224 7.96597 16.0256 7.73155C16.7289 7.49714 17.2526 6.90387 17.398 6.17697L17.542 5.45703"/><path stroke-linecap="round" stroke-width="1.5" d="M17.5693 13.2533L17.7822 13.3762C18.4393 13.7556 19.2655 13.6719 19.8332 13.1685C20.3473 12.7126 21.0794 12.597 21.709 12.8723L22.0005 12.9997"/><path stroke-linecap="round" stroke-width="1.5" d="M9.79489 2.77903C9.4574 3.33109 9.54198 4.04247 9.99951 4.5L10.0974 4.59788C10.4906 4.99104 10.6355 5.56862 10.4746 6.10085"/><path stroke-linejoin="round" d="M19.3618 7.71436C18.6915 8.38463 19.1725 10.328 19.1725 10.328C19.1725 10.328 21.1158 10.809 21.7861 10.1387C22.496 9.42884 22.0943 8.49708 21.0005 8.5C21.0034 7.40615 20.0716 7.00447 19.3618 7.71436Z"/><path d="M15.1881 3.41748L15.1605 3.51459C15.1302 3.62126 15.1151 3.67459 15.1222 3.72695C15.1294 3.77931 15.1581 3.82476 15.2154 3.91567L15.2677 3.99844C15.4695 4.31836 15.5704 4.47831 15.5017 4.60915C15.4329 4.73998 15.24 4.75504 14.8542 4.78517L14.7543 4.79296C14.6447 4.80152 14.5899 4.8058 14.542 4.83099C14.494 4.85618 14.4584 4.89943 14.3872 4.98592L14.3224 5.06467C14.0718 5.36905 13.9465 5.52124 13.8035 5.50167C13.6606 5.4821 13.5947 5.30373 13.4629 4.94699L13.4288 4.85469C13.3914 4.75332 13.3726 4.70263 13.3358 4.66584C13.2991 4.62905 13.2484 4.61033 13.147 4.57287L13.0547 4.53878C12.698 4.40698 12.5196 4.34108 12.5 4.19815C12.4805 4.05522 12.6326 3.92992 12.937 3.67932L13.0158 3.61448C13.1023 3.54327 13.1455 3.50767 13.1707 3.45974C13.1959 3.41181 13.2002 3.35699 13.2087 3.24735L13.2165 3.14753C13.2466 2.76169 13.2617 2.56877 13.3925 2.50001C13.5234 2.43124 13.6833 2.53217 14.0033 2.73403L14.086 2.78626C14.1769 2.84362 14.2224 2.8723 14.2747 2.87947C14.3271 2.88664 14.3804 2.87148 14.4871 2.84117L14.5842 2.81358C14.9596 2.70692 15.1472 2.65359 15.2477 2.75402C15.3481 2.85445 15.2948 3.04213 15.1881 3.41748Z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.30664 4.32031H7.30674"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.4375 15.6929H19.4376"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.5693 10.5366H17.5694"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.5361 7.53662H12.5362"/></g></svg>
Comment utiliser l'icône Confetti Linear
React
import { Icon } from "@iconify/react";
<Icon icon="solar:confetti-linear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:confetti-linear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:confetti-linear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--confetti-linear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:confetti-linear"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:confetti-linear"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/solar/confetti-linear.svg" alt="Icône Confetti Linear" width="24" height="24">
Icônes similaires dans Solar
FAQ : Icône Confetti Linear
L'icône Confetti Linear est-elle gratuite pour un usage commercial ?
Oui. Les Solar 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 Confetti Linear dans React ?
Installez @iconify/react et affichez <Icon icon="solar:confetti-linear" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Confetti Linear à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/confetti-linear.svg" alt="Icône Confetti Linear">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Solar →
ICONYZ
