ICONYZ
Bahasa Indonesia
Ikon Growing Heart dari Fluent Emoji High Contrast

Ikon Growing Heart

fluent-emoji-high-contrast:growing-heart

Ikon Growing Heart (fluent-emoji-high-contrast:growing-heart) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast 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
Fluent Emoji High Contrast
Pembuat
Microsoft Corporation
Lisensi
MIT
Ukuran
32 × 32
Kategori
Smiley dan emosi
Tag
growingheart
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19.94 7.121c-2.23.38-3.938 2.927-3.938 2.927s-1.709-2.556-3.94-2.927c-5.506-.936-7.787 3.747-6.862 7.24c1.26 4.78 6.974 9.686 9.543 11.694c.746.584 1.77.584 2.516 0c2.57-2.011 8.284-6.92 9.544-11.694c.915-3.493-1.356-8.176-6.863-7.24m-1.445 3.963c3.502-.645 4.954 2.56 4.385 4.947c-.744 3.014-3.89 5.76-5.657 7.103a2 2 0 0 1-2.44 0c-1.769-1.342-4.918-4.088-5.656-7.103c-.588-2.386.864-5.592 4.365-4.947c1.413.266 2.502 2.008 2.502 2.008s1.079-1.752 2.501-2.008"/><path d="M9.43 2C6.126 2 3.98 3.733 2.702 5.766C1.453 7.755 1 10.07 1 11.5c0 2.432.96 4.86 2.307 7.081c1.352 2.232 3.142 4.334 4.912 6.134a56 56 0 0 0 4.894 4.4c.672.537 1.24.963 1.649 1.258q.308.221.497.348q.093.061.171.109a2 2 0 0 0 .2.1h.001c.015.006.169.07.369.07s.354-.064.369-.07h.001a1 1 0 0 0 .2-.1q.078-.048.171-.11c.125-.083.294-.2.497-.348c.41-.296.977-.723 1.65-1.26a56 56 0 0 0 4.893-4.404c1.77-1.802 3.56-3.905 4.912-6.135C30.039 16.352 31 13.927 31 11.5c0-2.125-.652-4.47-2.037-6.307C27.556 3.327 25.396 2 22.5 2c-2.365 0-4.185 1.178-5.383 2.27c-.436.396-.8.79-1.09 1.13c-.274-.339-.62-.73-1.043-1.123C13.79 3.163 11.95 2 9.43 2M3 11.5c0-1.108.374-3.043 1.396-4.67C5.39 5.247 6.957 4 9.43 4c1.854 0 3.23.845 4.191 1.74c.48.448.848.9 1.107 1.247c.102.137.183.252.254.353l.06.084c.037.052.085.12.132.177a1.1 1.1 0 0 0 .292.264a1.02 1.02 0 0 0 1.214-.109a1.4 1.4 0 0 0 .125-.126c.048-.055.099-.12.14-.174l.079-.103c.075-.097.16-.208.264-.34c.282-.352.676-.81 1.175-1.265C19.47 4.83 20.83 4 22.5 4c2.21 0 3.8.983 4.866 2.397C28.454 7.841 29 9.747 29 11.5c0 1.915-.767 3.974-2.017 6.036c-1.245 2.052-2.922 4.032-4.629 5.77a54 54 0 0 1-4.715 4.243c-.649.519-1.19.926-1.572 1.202L16 28.8l-.068-.05a42 42 0 0 1-1.57-1.198a54 54 0 0 1-4.716-4.239c-1.707-1.736-3.383-3.715-4.628-5.768C3.767 15.482 3 13.42 3 11.5"/></g></svg>

Cara memakai ikon Growing Heart

React

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

<Icon icon="fluent-emoji-high-contrast:growing-heart" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:growing-heart" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:growing-heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--growing-heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:growing-heart"></div>

Web component

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

<iconify-icon icon="fluent-emoji-high-contrast:growing-heart"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/growing-heart.svg" alt="Ikon Growing Heart" width="24" height="24">

Ikon Growing Heart di set ikon lain

FAQ Ikon Growing Heart

Apakah ikon Growing Heart gratis untuk penggunaan komersial?

Ya. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Growing Heart di React?

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

Bagaimana cara menambahkan ikon Growing Heart ke halaman web?

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

Lihat semua Ikon Fluent Emoji High Contrast →