Ikon Heart Shine Linear

solar:heart-shine-linear

Ikon Heart Shine Linear (solar:heart-shine-linear) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar 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: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Suka
Tag: heartshine, shinelinear, heartshinelinear

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M8 11.3796C8 13.357 9.60777 14.4107 10.7847 15.3538C11.2 15.6866 11.6 16 12 16C12.4 16 12.8 15.6866 13.2153 15.3538C14.3922 14.4107 16 13.357 16 11.3796C16 9.40225 13.7999 7.99994 12 9.90096C10.2001 7.99994 8 9.40225 8 11.3796Z"/><path stroke-linecap="round" d="M12 2V4"/><path stroke-linecap="round" d="M12 20V22"/><path stroke-linecap="round" d="M2 12L4 12"/><path stroke-linecap="round" d="M20 12L22 12"/><path stroke-linecap="round" d="M6 18L6.34305 17.657"/><path stroke-linecap="round" d="M17.6567 6.34326L18 6"/><path stroke-linecap="round" d="M18 18L17.657 17.657"/><path stroke-linecap="round" d="M6.34326 6.34326L6 6"/></g></svg>

Cara memakai ikon Heart Shine Linear

React

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

<Icon icon="solar:heart-shine-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:heart-shine-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:heart-shine-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--heart-shine-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:heart-shine-linear"></div>

Web component

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

<iconify-icon icon="solar:heart-shine-linear"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/heart-shine-linear.svg" alt="Ikon Heart Shine Linear" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Heart Shine Linear

Apakah ikon Heart Shine Linear gratis untuk penggunaan komersial?

Ya. Solar 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 Heart Shine Linear di React?

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

Bagaimana cara menambahkan ikon Heart Shine Linear ke halaman web?

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

Lihat semua Ikon Solar →