ICONYZ
Bahasa Indonesia
Ikon Lock Heart Sharp dari IconOven

Ikon Lock Heart Sharp

iconoven:lock-heart-sharp

Ikon Lock Heart Sharp (iconoven:lock-heart-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
lockheart, heartsharp, lockheartsharp
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 Lock Heart Sharp

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di IconOven

Ikon lock
lock
 Ikon lock-alert
lock-alert
 Ikon lock-alert-sharp
lock-alert-sharp
 Ikon lock-broken
lock-broken
 Ikon lock-broken-sharp
lock-broken-sharp
 Ikon lock-check
lock-check
 Ikon lock-check-sharp
lock-check-sharp
 Ikon lock-circle
lock-circle
 Ikon lock-circle-sharp
lock-circle-sharp
 Ikon lock-clock
lock-clock
 Ikon lock-clock-sharp
lock-clock-sharp
 Ikon lock-edit
lock-edit
 Ikon lock-edit-sharp
lock-edit-sharp
 Ikon lock-grid
lock-grid
 Ikon lock-grid-sharp
lock-grid-sharp
 Ikon lock-heart
lock-heart
 Ikon lock-infinity
lock-infinity
 Ikon lock-infinity-sharp
lock-infinity-sharp
 Ikon lock-keyhole
lock-keyhole
 Ikon lock-keyhole-round
lock-keyhole-round
 Ikon lock-keyhole-round-sharp
lock-keyhole-round-sharp
 Ikon lock-keyhole-sharp
lock-keyhole-sharp
 Ikon lock-minus
lock-minus
 Ikon lock-minus-sharp
lock-minus-sharp

FAQ Ikon Lock Heart Sharp

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

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

Bagaimana cara menambahkan ikon Lock Heart Sharp ke halaman web?

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

Lihat semua Ikon IconOven →