Ikon Lock Key

hugeicons:lock-key

Ikon Lock Key (hugeicons:lock-key) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge 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: Huge Icons
Pembuat: Hugeicons
Lisensi: MIT
Ukuran: 24 × 24
Tag: lockkey

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-linecap="round" d="M18 10.997c-.392-.8-1.452-1.975-3.63-1.925c0 0-1.727-.075-3.68-.075c-1.952 0-2.866.045-4.43.075c-1.001-.025-2.904.2-3.78 2.275c-.576 1.75-.6 5.427-.25 7.277c.075.95.576 2.276 2.128 2.976c.95.5 2.478.3 3.63.4M5.984 8.196c-.05-2.375-.15-4.25 2.603-5.801c.926-.375 2.303-.7 4.005.1c1.777 1.075 1.999 2.213 2.153 2.5c.425 1.126.2 2.726.25 3.376"/><path d="M15.5 19.735a2.23 2.23 0 0 1-2.245 2.23c-1.236 0-2.255-.986-2.255-2.23a2.25 2.25 0 0 1 2.255-2.244c1.236 0 2.245 1 2.245 2.244Z"/><path stroke-linecap="round" d="m22 15.848l-1.627-1.54c-.773-.739-1.423-.093-1.747.183l-1.41 1.357l-1.991 1.943m1.99-1.943l1.61 1.546"/></g></svg>

Cara memakai ikon Lock Key

React

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

<Icon icon="hugeicons:lock-key" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:lock-key" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:lock-key" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--lock-key]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:lock-key"></div>

Web component

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

<iconify-icon icon="hugeicons:lock-key"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/lock-key.svg" alt="Ikon Lock Key" width="24" height="24">

Ikon terkait di Huge Icons

Ikon Lock Key di set ikon lain

FAQ Ikon Lock Key

Apakah ikon Lock Key gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Lock Key di React?

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

Bagaimana cara menambahkan ikon Lock Key ke halaman web?

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

Lihat semua Huge Icons →