Bag Heart Bold ikonu
solar:bag-heart-bold
Bag Heart Bold ikonu (solar:bag-heart-bold), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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
- Solar
- Yazar
- 480 Design
- Lisans
- CC-BY-4.0
- Boyut
- 24 × 24
- Kategori
- Alışveriş
- Etiketler
- bagheart, heartbold, bagheartbold
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.25014 6.01489C8.25005 6.00994 8.25 6.00498 8.25 6V5C8.25 2.92893 9.92893 1.25 12 1.25C14.0711 1.25 15.75 2.92893 15.75 5V6C15.75 6.00498 15.75 6.00994 15.7499 6.0149C17.0371 6.05353 17.8248 6.1924 18.4261 6.69147C19.2593 7.38295 19.4787 8.55339 19.9177 10.8943L20.6677 14.8943C21.2849 18.186 21.5934 19.8318 20.6937 20.9159C19.794 22 18.1195 22 14.7704 22H9.22954C5.88048 22 4.20595 22 3.30624 20.9159C2.40652 19.8318 2.71512 18.186 3.33231 14.8943L4.08231 10.8943C4.52122 8.55339 4.74068 7.38295 5.57386 6.69147C6.17521 6.19239 6.96288 6.05353 8.25014 6.01489ZM9.75 5C9.75 3.75736 10.7574 2.75 12 2.75C13.2426 2.75 14.25 3.75736 14.25 5V6C14.25 5.99999 14.25 6.00001 14.25 6C14.1747 5.99998 14.0982 6 14.0204 6H9.97954C9.90177 6 9.82526 6 9.75 6.00002C9.75 6.00002 9.75 6.00003 9.75 6.00002V5ZM8.99998 13.1967C8.99998 14.1812 10.1648 15.2213 11.0428 15.8656C11.4626 16.1736 11.6725 16.3276 12 16.3276C12.3275 16.3276 12.5374 16.1736 12.9571 15.8656C13.8351 15.2214 15 14.1812 15 13.1967C15 11.5235 13.3499 10.8988 12 12.1913C10.65 10.8988 8.99998 11.5235 8.99998 13.1967Z" clip-rule="evenodd"/></svg>
Bag Heart Bold ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bag-heart-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bag-heart-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bag-heart-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bag-heart-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bag-heart-bold"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bag-heart-bold"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/solar/bag-heart-bold.svg" alt="Bag Heart Bold ikonu" width="24" height="24">
Solar setindeki benzer ikonlar
Bag Heart Bold ikonu: sık sorulan sorular
Bag Heart Bold ikonu ticari kullanım için ücretsiz mi?
Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Bag Heart Bold ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="solar:bag-heart-bold" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Bag Heart 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/solar/bag-heart-bold.svg" alt="Bag Heart 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: Solar ikonları →
