Bag Heart Broken ikonu

solar:bag-heart-broken

Bag Heart Broken ikonu (solar:bag-heart-broken), 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, heartbroken, bagheartbroken

SVG indir

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-width="1.5"><path d="M9 13.1967C9 14.1812 10.1649 15.2213 11.0429 15.8656C11.4626 16.1736 11.6725 16.3276 12 16.3276C12.3275 16.3276 12.5374 16.1736 12.9571 15.8656C13.8352 15.2214 15 14.1812 15 13.1967C15 11.5235 13.35 10.8988 12 12.1913C10.65 10.8988 9 11.5235 9 13.1967Z"/><path d="M9 6V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V6"/><path d="M20.2235 12.5257C19.6382 9.40452 19.3456 7.84393 18.2347 6.92196C17.1238 6 15.5361 6 12.3605 6H11.6393C8.46374 6 6.87596 6 5.76506 6.92196C4.65416 7.84393 4.36155 9.40452 3.77633 12.5257C2.9534 16.9146 2.54194 19.1091 3.74157 20.5545C4.94119 22 7.17389 22 11.6393 22H12.3605C16.8259 22 19.0586 22 20.2582 20.5545C20.9542 19.7159 21.1079 18.6252 20.9536 17"/></g></svg>

Bag Heart Broken ikonu nasıl kullanılır

React

import { Icon } from "@iconify/react";

<Icon icon="solar:bag-heart-broken" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:bag-heart-broken" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:bag-heart-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bag-heart-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bag-heart-broken"></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-broken"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/solar/bag-heart-broken.svg" alt="Bag Heart Broken ikonu" width="24" height="24">

Solar setindeki benzer ikonlar

Bag Heart Broken ikonu: sık sorulan sorular

Bag Heart Broken 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 Broken ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="solar:bag-heart-broken" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Bag Heart Broken 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-broken.svg" alt="Bag Heart Broken 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ı →