Ikon Comment Heart

uil:comment-heart

Ikon Comment Heart (uil:comment-heart) adalah ikon SVG gratis dari set Unicons karya Iconscout. Ikon ini digambar pada grid 24 × 24. Unicons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Unicons
Pembuat: Iconscout
Lisensi: Apache-2.0
Ukuran: 24 × 24
Kategori: Obrolan
Tag: commentheart

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="M12 8.35a3.07 3.07 0 0 0-3.54.53a3 3 0 0 0 0 4.24L11.29 16a1 1 0 0 0 1.42 0l2.83-2.83a3 3 0 0 0 0-4.24A3.07 3.07 0 0 0 12 8.35m2.12 3.36L12 13.83l-2.12-2.12a1 1 0 0 1 0-1.42a1 1 0 0 1 1.41 0a1 1 0 0 0 1.42 0a1 1 0 0 1 1.41 0a1 1 0 0 1 0 1.42M12 2A10 10 0 0 0 2 12a9.9 9.9 0 0 0 2.26 6.33l-2 2a1 1 0 0 0-.21 1.09A1 1 0 0 0 3 22h9a10 10 0 0 0 0-20m0 18H5.41l.93-.93a1 1 0 0 0 0-1.41A8 8 0 1 1 12 20"/></svg>

Cara memakai ikon Comment Heart

React

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

<Icon icon="uil:comment-heart" width="24" />

Vue

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

<template>
  <Icon icon="uil:comment-heart" width="24" />
</template>

Svelte

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

<Icon icon="uil:comment-heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[uil--comment-heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:comment-heart"></div>

Web component

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

<iconify-icon icon="uil:comment-heart"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/uil/comment-heart.svg" alt="Ikon Comment Heart" width="24" height="24">

Ikon terkait di Unicons

Ikon Comment Heart di set ikon lain

FAQ Ikon Comment Heart

Apakah ikon Comment Heart gratis untuk penggunaan komersial?

Ya. Unicons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Comment Heart di React?

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

Bagaimana cara menambahkan ikon Comment Heart ke halaman web?

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

Lihat semua Unicons →