Scallion ikonu
icon-park:scallion
Scallion ikonu (icon-park:scallion), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- IconPark
- Yazar
- ByteDance
- Lisans
- Apache-2.0
- Boyut
- 48 × 48
- Kategori
- Gıdalar
SVG kodu
<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>Scallion ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:scallion"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/scallion.svg" alt="Scallion ikonu" width="24" height="24">Diğer ikon setlerinde Scallion ikonu
Scallion ikonu: sık sorulan sorular
Scallion ikonu ticari kullanım için ücretsiz mi?
Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Scallion ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:scallion" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Scallion ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/icon-park/scallion.svg" alt="Scallion ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.