Gift Bold ikonu
glyphs:gift-bold
Gift Bold ikonu (glyphs:gift-bold), Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs 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
- Glyphs
- Yazar
- Goran Spasojevic
- Lisans
- MIT
- Boyut
- 80 × 80
- Etiketler
- giftbold
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M34 43H15v26h19zm12 26h19V43H46z" clip-rule="evenodd"/><path fill="currentColor" d="M15 43v-2a2 2 0 0 0-2 2zm19 0h2a2 2 0 0 0-2-2zM15 69h-2a2 2 0 0 0 2 2zm19 0v2a2 2 0 0 0 2-2zm31 0v2a2 2 0 0 0 2-2zm-19 0h-2a2 2 0 0 0 2 2zm19-26h2a2 2 0 0 0-2-2zm-19 0v-2a2 2 0 0 0-2 2zm-31 2h19v-4H15zm2-.96V43h-4v1.04zM17 69V44.04h-4V69zm17-2H15v4h19zm2 2V43h-4v26zm29-2H46v4h19zm-2-22.96V69h4V44.04zM63 43v1.04h4V43zm-17 2h19v-4H46zm-2-2v26h4V43z"/><path fill="currentColor" fill-rule="evenodd" d="M34 29H11v14h23zm12 0v14h23V29z" clip-rule="evenodd"/><path fill="currentColor" d="M11 29v-2a2 2 0 0 0-2 2zm23 0h2a2 2 0 0 0-2-2zM11 43H9a2 2 0 0 0 2 2zm23 0v2a2 2 0 0 0 2-2zm12-14v-2a2 2 0 0 0-2 2zm0 14h-2a2 2 0 0 0 2 2zm23 0v2a2 2 0 0 0 2-2zm0-14h2a2 2 0 0 0-2-2zm-58 2h23v-4H11zm2 12V29H9v14zm21-2H11v4h23zm2 2V29h-4v14zm8-14v14h4V29zm25 12H46v4h23zm-2-12v14h4V29zm-21 2h23v-4H46z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M46 29v40H34V29z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24.856 20.258c2.242-4.035 8.046-4.035 10.288 0l4.673 8.412a.222.222 0 0 1-.194.33v0H30c-4.486 0-7.322-4.82-5.144-8.742m30.288 0c-2.242-4.035-8.046-4.035-10.288 0l-4.673 8.412a.222.222 0 0 0 .194.33v0H50c4.486 0 7.322-4.82 5.144-8.742"/></g></svg>
Gift Bold ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:gift-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:gift-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:gift-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--gift-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:gift-bold"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:gift-bold"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs/gift-bold.svg" alt="Gift Bold ikonu" width="24" height="24">
Glyphs setindeki benzer ikonlar
Diğer ikon setlerinde Gift Bold ikonu
Gift Bold ikonu: sık sorulan sorular
Gift Bold ikonu ticari kullanım için ücretsiz mi?
Evet. Glyphs icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Gift Bold ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs:gift-bold" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Gift Bold 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/glyphs/gift-bold.svg" alt="Gift Bold ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Glyphs ikonları →
ICONYZ
