Heart Empty ikonu
el:heart-empty
Heart Empty ikonu (el:heart-empty), Elusive Icons setinden ücretsiz bir SVG ikondur (yapımcı: Team Redux). 1200 × 1200 ızgara üzerinde çizilmiştir. Elusive Icons, Open Font License 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
- Elusive Icons
- Yazar
- Team Redux
- Lisans
- OFL-1.1
- Boyut
- 1200 × 1200
- Etiketler
- heartempty
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M832.486 46.17c-48.316.497-97.873 9.932-146.357 29.285l-2.201.934l-2.201 1.134c-30.735 15.652-58.748 35.232-83.651 58.436c-134.023-115.917-347.394-124.33-493.37 7.271l-1.468 1.334l-1.334 1.401C-26.152 279.721-23.153 485.712 53.607 648.474l.667 1.268l.667 1.334c90.404 167.407 259.216 309.652 413.054 426.596l.4.333l.333.268c9.897 7.256 26.915 22.257 46.562 37.022c19.646 14.766 41.839 30.948 74.312 37.156l7.271 1.4l7.338-.601c34.082-2.939 47.452-15.523 69.843-29.617s47.177-31.986 72.645-51.565c50.202-38.595 102.147-83.079 136.351-114.804c.44-.409 1.166-.997 1.601-1.401c.071-.06.13-.14.2-.2c72.052-61.482 143.423-132.361 203.926-215.732c.019-.025.048-.041.065-.066c.114-.153.22-.313.334-.467c95.955-129.193 142.502-303.295 86.987-474.825l-1.001-3.069l-1.334-2.869C1111.497 123.881 977.435 44.681 832.486 46.17m1.735 105.532c104.434-2.402 195.973 53.518 241.415 149.158c41.99 133.897 5.693 270.32-72.512 375.364l-.2.267l-.199.268c-54.48 75.18-120.459 140.988-188.85 199.189l-.867.801l-.867.8c-30.797 28.667-82.925 73.323-130.547 109.935c-23.812 18.306-46.64 34.665-64.373 45.828c-6.668 4.197-13.008 7.059-18.212 9.272c-5.469-2.988-12.41-7.196-19.611-12.607c-14.5-10.897-29.94-24.809-46.763-37.224c-.262-.199-.538-.4-.8-.601c-149.294-113.553-306.55-251.435-382.169-390.44c-61.391-131.153-58.712-288.132 28.017-380.368c117.926-104.852 293.123-82.057 380.5 25.549l42.56 52.366l41.159-53.433c23.682-30.723 51.943-54.21 86.253-72.044c35.963-14.049 71.694-21.29 106.066-22.08"/></svg>Heart Empty ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="el:heart-empty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:heart-empty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:heart-empty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--heart-empty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:heart-empty"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:heart-empty"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/el/heart-empty.svg" alt="Heart Empty ikonu" width="24" height="24">Elusive Icons setindeki benzer ikonlar
Diğer ikon setlerinde Heart Empty ikonu
Heart Empty ikonu: sık sorulan sorular
Heart Empty ikonu ticari kullanım için ücretsiz mi?
Evet. Elusive Icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Heart Empty ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="el:heart-empty" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Heart Empty 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/el/heart-empty.svg" alt="Heart Empty ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.