Tea ikonu
icon-park:tea
Tea ikonu (icon-park:tea), 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-width="4"><path fill="#2F88FF" stroke-linejoin="round" d="M11 18.1672C11 18.0749 11.0749 18 11.1672 18H34.8328C34.9251 18 35 18.0749 35 18.1672V30C35 36.6274 29.6274 42 23 42C16.3726 42 11 36.6274 11 30V18.1672Z"/><path d="M35 30C38.3137 30 41 27.3137 41 24C41 20.6863 38.3137 18 35 18"/><line x1="11" x2="11" y1="8" y2="11" stroke-linejoin="round"/><line x1="35" x2="35" y1="8" y2="11" stroke-linejoin="round"/><line x1="23" x2="23" y1="5" y2="11" stroke-linejoin="round"/></g></svg>Tea ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:tea" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:tea" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:tea" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--tea]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:tea"></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:tea"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/tea.svg" alt="Tea ikonu" width="24" height="24">IconPark setindeki benzer ikonlar
Diğer ikon setlerinde Tea ikonu
Tea ikonu: sık sorulan sorular
Tea 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.
Tea ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:tea" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Tea 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/tea.svg" alt="Tea ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.