Soup Fill ikonu
keyline-icons:soup-fill
Soup Fill ikonu (keyline-icons:soup-fill), Keyline Icons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Keyline Icons, MIT 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
- Keyline Icons
- Yazar
- Keyline Icons
- Lisans
- MIT
- Boyut
- 24 × 24
- Etiketler
- soupfill
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M2 11L22 11C22.5523 11 23 11.4477 23 12C23 12.0738 22.9918 12.1475 22.9756 12.2195C21.8206 17.3529 17.2617 21 12 21C6.7383 21 2.1794 17.3529 1.0244 12.2195C1.0082 12.1475 1 12.0738 1 12C1 11.4477 1.4477 11 2 11Z" stroke="none"/><path d="M5 20L19 20M5 8C5 7.2131 5.3705 6.4721 6 6C6.6295 5.5279 7 4.7869 7 4M11 8C11 7.2131 11.3705 6.4721 12 6C12.6295 5.5279 13 4.7869 13 4M17 8C17 7.2131 17.3705 6.4721 18 6C18.6295 5.5279 19 4.7869 19 4"/></g></svg>
Soup Fill ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:soup-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:soup-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:soup-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--soup-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:soup-fill"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:soup-fill"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/keyline-icons/soup-fill.svg" alt="Soup Fill ikonu" width="24" height="24">
Keyline Icons setindeki benzer ikonlar
Soup Fill ikonu: sık sorulan sorular
Soup Fill ikonu ticari kullanım için ücretsiz mi?
Evet. Keyline Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Soup Fill ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="keyline-icons:soup-fill" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Soup Fill 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/keyline-icons/soup-fill.svg" alt="Soup Fill ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Keyline Icons →
ICONYZ
