Icône Soup Filled
lucide-extended:soup-filled
L'icône Soup Filled (lucide-extended:soup-filled) est une icône SVG gratuite de la collection Lucide Extended par Applifted. Elle est dessinée sur une grille de 24 × 24. Les Lucide Extended icons sont publiées sous la licence ISC, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Lucide Extended
- Auteur
- Applifted
- Licence
- ISC
- Taille
- 24 × 24
- Mots-clés
- soupfilled
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.077 5.616a1 1 0 0 1 1.846.77L21 11l.099.005A1 1 0 0 1 22 12a10 10 0 0 1-2.929 7.072a10 10 0 0 1-1.417 1.172A.998.998 0 0 1 17 22H7a1 1 0 0 1-.655-1.756a10 10 0 0 1-1.416-1.172A10 10 0 0 1 2 12a1 1 0 0 1 1-1h15.833zM5.313 2.653a1 1 0 0 1 1.285-.59c.614.228 1.482 1.019 1.401 2.357v.012c-.056.761-.496 1.29-.707 1.559c-.256.327-.287.403-.294.47a.7.7 0 0 0 .082.402c.065.12.17.244.349.413a1 1 0 1 1-1.377 1.449c-.465-.442-1.128-1.175-1.05-2.408l.002-.022c.064-.751.508-1.275.713-1.537c.25-.319.278-.397.284-.465a.6.6 0 0 0-.018-.198a.35.35 0 0 0-.107-.166q-.016-.012-.008-.007a1 1 0 0 1-.556-1.27"/><path fill="currentColor" d="M10.313 2.653a1 1 0 0 1 1.187-.621l.098.03l.117.05c.6.279 1.357 1.052 1.272 2.307l.001.001c-.046.769-.492 1.302-.699 1.569c-.26.334-.278.397-.281.452l-.001.016a.7.7 0 0 0 .077.413c.064.119.167.243.344.415a1 1 0 0 1-1.396 1.431c-.447-.436-1.114-1.174-1.02-2.412c.052-.757.497-1.284.699-1.544c.257-.33.277-.398.281-.46v-.012a.6.6 0 0 0-.015-.2a.33.33 0 0 0-.102-.16l.027.01a1 1 0 0 1-.59-1.285m5.001 0a1 1 0 0 1 1.285-.59c.614.228 1.482 1.019 1.401 2.357l-.001.012c-.055.761-.495 1.29-.706 1.559c-.256.327-.287.403-.294.47a.73.73 0 0 0 .083.406c.066.121.172.246.348.418a1 1 0 0 1-1.397 1.431c-.448-.436-1.108-1.169-1.03-2.4l.002-.02c.064-.753.508-1.276.713-1.538c.25-.319.278-.397.284-.465a.6.6 0 0 0-.018-.198a.35.35 0 0 0-.107-.166q-.016-.012-.008-.007a1 1 0 0 1-.556-1.27"/></svg>Comment utiliser l'icône Soup Filled
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:soup-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:soup-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:soup-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--soup-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:soup-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:soup-filled"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/lucide-extended/soup-filled.svg" alt="Icône Soup Filled" width="24" height="24">Icônes similaires dans Lucide Extended
L'icône Soup Filled dans d'autres collections
FAQ : Icône Soup Filled
L'icône Soup Filled est-elle gratuite pour un usage commercial ?
Oui. Les Lucide Extended icons sont publiées sous la licence ISC, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Soup Filled dans React ?
Installez @iconify/react et affichez <Icon icon="lucide-extended:soup-filled" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Soup Filled à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/lucide-extended/soup-filled.svg" alt="Icône Soup Filled">, ou collez le code SVG directement dans la page pour le styliser en CSS.