Icône Scallion
icon-park:scallion
L'icône Scallion (icon-park:scallion) est une icône SVG gratuite de la collection IconPark par ByteDance. Elle est dessinée sur une grille de 48 × 48. Les IconPark icons sont publiées sous la licence Apache 2.0, 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
- IconPark
- Auteur
- ByteDance
- Licence
- Apache-2.0
- Taille
- 48 × 48
- Catégorie
- Aliments
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M20.0001 23.9999C20.0001 23.9999 22.4996 19.4999 22.9996 14.9999C23.4996 10.4999 21.9997 6.99993 21.9997 6.99993L27 3.99992C27 3.99992 27.9992 9.99993 27.9992 12.9999"/><path fill="#2F88FF" d="M5.99994 42.9999C3.9995 41.4999 4.00123 36.0894 8.00047 32.9999C11.9997 29.9104 12.1858 30.7172 17 26.9999C21.8142 23.2826 34 3.99991 34 3.99991L38.5001 7.49992L26.3104 23.7401C23.3258 27.7165 22.5516 33.0528 20.0508 37.3501C18.1011 40.7002 15.9999 41.9999 13.9999 42.9999C11.9999 43.9999 8.00037 44.4999 5.99994 42.9999Z"/><path d="M23.0001 30C23.0001 30 25.9999 28 29.9998 26C33.9998 24 43 24 43 24L40 17C40 17 31.9996 17 29.0001 20"/></g></svg>Comment utiliser l'icône Scallion
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:scallion" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:scallion" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:scallion" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--scallion]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:scallion"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:scallion"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/icon-park/scallion.svg" alt="Icône Scallion" width="24" height="24">L'icône Scallion dans d'autres collections
FAQ : Icône Scallion
L'icône Scallion est-elle gratuite pour un usage commercial ?
Oui. Les IconPark icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Scallion dans React ?
Installez @iconify/react et affichez <Icon icon="icon-park:scallion" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Scallion à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/icon-park/scallion.svg" alt="Icône Scallion">, ou collez le code SVG directement dans la page pour le styliser en CSS.