Heart Circle Xmark ikonu
fa7-solid:heart-circle-xmark
Heart Circle Xmark ikonu (fa7-solid:heart-circle-xmark), Font Awesome Solid setinden ücretsiz bir SVG ikondur (yapımcı: Dave Gandy). 640 × 640 ızgara üzerinde çizilmiştir. Font Awesome Solid 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
- Font Awesome Solid
- Yazar
- Dave Gandy
- Lisans
- CC-BY-4.0
- Boyut
- 640 × 640
- Etiketler
- heartcircle, circlexmark, heartcirclexmark
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="m273 151.1l15 20.7l15-20.7C328 116.5 368.2 96 410.9 96C484.4 96 544 155.6 544 229.1v2.6c0 17.6-3.4 35.6-9.5 53.7c-21.8-8.6-45.6-13.4-70.5-13.4c-106 0-192 86-192 192c0 28.5 6.2 55.6 17.4 80H288c-15.5 0-30.8-4.6-43.1-14.1c-73-55.7-212.9-186-212.9-298.2v-2.6C32 155.6 91.6 96 165.1 96c42.7 0 82.9 20.5 107.9 55.1M464 320c79.5 0 144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144s64.5-144 144-144m59.3 107.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L464 441.4l-36.7-36.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l36.7 36.7l-36.7 36.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l36.7-36.7l36.7 36.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L486.6 464z"/></svg>
Heart Circle Xmark ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:heart-circle-xmark" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:heart-circle-xmark" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:heart-circle-xmark" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--heart-circle-xmark]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:heart-circle-xmark"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:heart-circle-xmark"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fa7-solid/heart-circle-xmark.svg" alt="Heart Circle Xmark ikonu" width="24" height="24">
Font Awesome Solid setindeki benzer ikonlar
Diğer ikon setlerinde Heart Circle Xmark ikonu
Heart Circle Xmark ikonu: sık sorulan sorular
Heart Circle Xmark ikonu ticari kullanım için ücretsiz mi?
Evet. Font Awesome Solid 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.
Heart Circle Xmark ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fa7-solid:heart-circle-xmark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Heart Circle Xmark 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/fa7-solid/heart-circle-xmark.svg" alt="Heart Circle Xmark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Font Awesome Solid ikonları →
ICONYZ
