ICONYZ
Bahasa Indonesia
Ikon Heart Lock Sharp dari IconOven

Ikon Heart Lock Sharp

iconoven:heart-lock-sharp

Ikon Heart Lock Sharp (iconoven:heart-lock-sharp) adalah ikon SVG gratis dari set IconOven karya Appic Marketing. Ikon ini digambar pada grid 24 × 24. IconOven 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
IconOven
Pembuat
Appic Marketing
Lisensi
MIT
Ukuran
24 × 24
Tag
heartlock, locksharp, heartlocksharp
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-linecap="square" stroke-miterlimit="2"><mask id="SVG0lseHh3I" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><path fill="#fff" d="M0 0h24v24H0z"/><circle cx="17.5" cy="17.5" r="6" fill="#000"/></mask><g stroke="currentColor" stroke-width="1.5" mask="url(#SVG0lseHh3I)"><path d="M12 20.25h-.62l-.48-.4C7.6 17.1 3.25 13.6 3.25 8.9C3.25 6.2 5.3 4 7.9 4h2.371L12 6.2L13.729 4H16.1c2.6 0 4.65 2.2 4.65 4.9c0 4.7-4.35 8.2-7.65 10.95l-.48.4z"/><path d="m7.75 7.5l-1.929.252L5.65 9.8"/></g><path stroke="currentColor" stroke-width="1.5" d="M14.75 17h5.5v4h-5.5zM16 17v-2.5h3V17"/></g></svg>

Cara memakai ikon Heart Lock Sharp

React

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

<Icon icon="iconoven:heart-lock-sharp" width="24" />

Vue

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

<template>
  <Icon icon="iconoven:heart-lock-sharp" width="24" />
</template>

Svelte

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

<Icon icon="iconoven:heart-lock-sharp" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="iconoven:heart-lock-sharp"></iconify-icon>

Gambar HTML

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

Ikon terkait di IconOven

FAQ Ikon Heart Lock Sharp

Apakah ikon Heart Lock Sharp gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Heart Lock Sharp di React?

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

Bagaimana cara menambahkan ikon Heart Lock Sharp ke halaman web?

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

Lihat semua Ikon IconOven →