ICONYZ
Bahasa Indonesia
Ikon Comment Alt Heart dari Unicons

Ikon Comment Alt Heart

uil:comment-alt-heart

Ikon Comment Alt Heart (uil:comment-alt-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
commentalt, altheart, commentaltheart
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 6.35a3.07 3.07 0 0 0-3.54.53a3 3 0 0 0 0 4.24L11.29 14a1 1 0 0 0 1.42 0l2.83-2.83a3 3 0 0 0 0-4.24A3.07 3.07 0 0 0 12 6.35m2.12 3.36L12 11.83L9.88 9.71a1 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.42M19 2H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11.59l3.7 3.71A1 1 0 0 0 21 22a.84.84 0 0 0 .38-.08A1 1 0 0 0 22 21V5a3 3 0 0 0-3-3m1 16.59l-2.29-2.3A1 1 0 0 0 17 16H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1Z"/></svg>

Cara memakai ikon Comment Alt Heart

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:comment-alt-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-alt-heart"></iconify-icon>

Gambar HTML

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

Ikon terkait di Unicons

FAQ Ikon Comment Alt Heart

Apakah ikon Comment Alt 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 Alt Heart di React?

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

Bagaimana cara menambahkan ikon Comment Alt Heart ke halaman web?

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

Lihat semua Unicons →