Ikon User Heart Duotone

reicon:user-heart-duotone

Ikon User Heart Duotone (reicon:user-heart-duotone) adalah ikon SVG gratis dari set Reicon. Ikon ini digambar pada grid 24 × 24. Reicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Reicon
Pembuat: REICON
Lisensi: MIT
Ukuran: 24 × 24
Kategori: Pengguna
Tag: userheart, heartduotone, userheartduotone

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="11" cy="6" r="4"/><path fill-rule="evenodd" d="M14.513 21.487C15.025 22 15.85 22 17.5 22s2.475 0 2.987-.513C21 20.975 21 20.15 21 18.5s0-2.475-.513-2.987C19.975 15 19.15 15 17.5 15s-2.475 0-2.987.513C14 16.025 14 16.85 14 18.5s0 2.475.513 2.987m2.014-1.51C15.824 19.474 15 18.883 15 17.86c0-1.13 1.375-1.931 2.5-.845c1.125-1.087 2.5-.285 2.5.845c0 1.023-.825 1.614-1.527 2.117l-.213.154c-.26.19-.51.369-.76.369s-.5-.18-.76-.37z" clip-rule="evenodd"/><path d="M14.594 21.563a1 1 0 0 1-.081-.076C14 20.975 14 20.15 14 18.5s0-2.475.513-2.987C15.025 15 15.85 15 17.5 15h.43c-1.383-1.345-3.969-2.25-6.93-2.25c-4.418 0-8 2.015-8 4.5s0 4.5 8 4.5c1.443 0 2.625-.066 3.594-.187" opacity=".5"/></g></svg>

Cara memakai ikon User Heart Duotone

React

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

<Icon icon="reicon:user-heart-duotone" width="24" />

Vue

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

<template>
  <Icon icon="reicon:user-heart-duotone" width="24" />
</template>

Svelte

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

<Icon icon="reicon:user-heart-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--user-heart-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:user-heart-duotone"></div>

Web component

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

<iconify-icon icon="reicon:user-heart-duotone"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/reicon/user-heart-duotone.svg" alt="Ikon User Heart Duotone" width="24" height="24">

Ikon terkait di Reicon

Ikon User Heart Duotone di set ikon lain

FAQ Ikon User Heart Duotone

Apakah ikon User Heart Duotone gratis untuk penggunaan komersial?

Ya. Reicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon User Heart Duotone di React?

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

Bagaimana cara menambahkan ikon User Heart Duotone ke halaman web?

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

Lihat semua Ikon Reicon →