ICONYZ
Türkçe
Streamline Block setinden Content Heart ikonu

Content Heart ikonu

streamline-block:content-heart

Content Heart ikonu (streamline-block:content-heart), Streamline Block setinden ücretsiz bir SVG ikondur (yapımcı: Streamline). 24 × 24 ızgara üzerinde çizilmiştir. Streamline Block 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
Streamline Block
Yazar
Streamline
Lisans
CC-BY-4.0
Boyut
24 × 24
Kategori
Temel arayüz
Etiketler
contentheart
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 5a4 4 0 0 0-8 0a4 4 0 1 0-8 0c0 6.5 8 10 8 10s8-3.5 8-10"/></svg>

Content Heart ikonu nasıl kullanılır

React

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

<Icon icon="streamline-block:content-heart" width="24" />

Vue

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

<template>
  <Icon icon="streamline-block:content-heart" width="24" />
</template>

Svelte

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

<Icon icon="streamline-block:content-heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-block--content-heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-block -->
<div class="i-streamline-block:content-heart"></div>

Web bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-block:content-heart"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/streamline-block/content-heart.svg" alt="Content Heart ikonu" width="24" height="24">

Streamline Block setindeki benzer ikonlar

content-add-file ikonu
content-add-file
 content-add-folder ikonu
content-add-folder
 content-bookmark ikonu
content-bookmark
 content-box ikonu
content-box
 content-calendar ikonu
content-calendar
 content-clip ikonu
content-clip
 content-clipboard ikonu
content-clipboard
 content-confirm-file ikonu
content-confirm-file
 content-confirm-folder ikonu
content-confirm-folder
 content-copy ikonu
content-copy
 content-crop ikonu
content-crop
 content-cut ikonu
content-cut
 content-delete-file ikonu
content-delete-file
 content-delete-folder ikonu
content-delete-folder
 content-dislike ikonu
content-dislike
 content-edit ikonu
content-edit
 content-file ikonu
content-file
 content-folder ikonu
content-folder
 content-glasses ikonu
content-glasses
 content-image ikonu
content-image
 content-like ikonu
content-like
 content-mute ikonu
content-mute
 content-pin ikonu
content-pin
 content-pin-2 ikonu
content-pin-2

Content Heart ikonu: sık sorulan sorular

Content Heart ikonu ticari kullanım için ücretsiz mi?

Evet. Streamline Block 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.

Content Heart ikonunu React'te nasıl kullanırım?

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

Content Heart 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/streamline-block/content-heart.svg" alt="Content Heart ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Streamline Block ikonları →