Ikon Heart Lock Broken

solar:heart-lock-broken

Ikon Heart Lock Broken (solar:heart-lock-broken) 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: heartlock, lockbroken, heartlockbroken

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-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M7.07161 18.9503C7.81454 19.5423 8.57318 20.0869 9.26556 20.6154C10.2 21.3285 11.1 22 12 22C12.9 22 13.8 21.3285 14.7344 20.6154C17.3825 18.5943 21 16.3364 21 12.0992C21 7.86196 16.0499 4.85701 12 8.93062C7.95014 4.85701 3 7.86196 3 12.0992C3 13.4078 3.34504 14.5276 3.9 15.51"/><path d="M17 7C17 3.68629 15.0125 2 12 2C8.98754 2 7 3.68629 7 7"/><path d="M12 12V14.5"/></g></svg>

Cara memakai ikon Heart Lock Broken

React

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

<Icon icon="solar:heart-lock-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:heart-lock-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:heart-lock-broken" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:heart-lock-broken"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/heart-lock-broken.svg" alt="Ikon Heart Lock Broken" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Heart Lock Broken

Apakah ikon Heart Lock Broken 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 Lock Broken di React?

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

Bagaimana cara menambahkan ikon Heart Lock Broken ke halaman web?

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

Lihat semua Ikon Solar →