ICONYZ
Bahasa Indonesia
Ikon Content Heart dari Streamline Block

Ikon Content Heart

streamline-block:content-heart

Ikon Content Heart (streamline-block:content-heart) adalah ikon SVG gratis dari set Streamline Block karya Streamline. Ikon ini digambar pada grid 24 × 24. Streamline Block icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Streamline Block
Pembuat
Streamline
Lisensi
CC-BY-4.0
Ukuran
24 × 24
Kategori
Antarmuka esensial
Tag
contentheart
Download SVG

Kode SVG

<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>

Cara memakai ikon Content Heart

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 component

<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>

Gambar HTML

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

Ikon terkait di Streamline Block

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

FAQ Ikon Content Heart

Apakah ikon Content Heart gratis untuk penggunaan komersial?

Ya. Streamline Block icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Content Heart di React?

Pasang @iconify/react lalu render <Icon icon="streamline-block:content-heart" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Content Heart ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-block/content-heart.svg" alt="Ikon Content Heart">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Streamline Block →