Icône Confetti Line Duotone
solar:confetti-line-duotone
L'icône Confetti Line Duotone (solar:confetti-line-duotone) 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
- confettiline, lineduotone, confettilineduotone
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" opacity=".5"/><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.795 2.77881C9.45751 3.33087 9.5421 4.04225 9.99963 4.49978L10.0975 4.59766C10.4907 4.99082 10.6356 5.5684 10.4748 6.10063"/><path stroke-linejoin="round" d="M19.3617 7.71449C18.6914 8.38475 19.1724 10.3281 19.1724 10.3281C19.1724 10.3281 21.1158 10.8091 21.7861 10.1389C22.4959 9.42897 22.0943 8.49721 21.0004 8.50013C21.0033 7.40628 20.0716 7.0046 19.3617 7.71449Z"/><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" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.30664 4.32031H7.30674" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.4375 15.6929H19.4376" opacity=".5"/></g></svg>Comment utiliser l'icône Confetti Line Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:confetti-line-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:confetti-line-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:confetti-line-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--confetti-line-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:confetti-line-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:confetti-line-duotone"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/solar/confetti-line-duotone.svg" alt="Icône Confetti Line Duotone" width="24" height="24">Icônes similaires dans Solar
FAQ : Icône Confetti Line Duotone
L'icône Confetti Line Duotone 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 Line Duotone dans React ?
Installez @iconify/react et affichez <Icon icon="solar:confetti-line-duotone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Confetti Line Duotone à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/confetti-line-duotone.svg" alt="Icône Confetti Line Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.