outline
1. Warna
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
2. Latar kanvas dan transformasi
3. Preset animasi vektor langsung
Termasuk dalam ekspor SVG
Bytesize Icons
|
Antarmuka Pengguna (UI/UX)
|
viewBox="0 0 32 32"
|
Gratis untuk penggunaan komersial
Ikon SVG kunci
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. kunci - Gratis untuk penggunaan komersial dan pribadi. Tanpa Daftar Akun | 100% Diproses di Browser Anda
Unduhan instan vektor dan resolusi tinggi
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
lock.svg (547 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<svg id="i-lock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Lock icon"><title>Lock - Bytesize Icons icon</title><desc>Free Lock vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 330 bytes.</desc>
<path d="M5 15 L5 30 27 30 27 15 Z M9 15 C9 9 9 5 16 5 23 5 23 9 23 15 M16 20 L16 23" />
<circle cx="16" cy="24" r="1" />
</svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? kunci
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. kunci
Pembuat prompt 100% di browser
Verifikasi sumber dan lisensi
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#lock
#bytesize
#interface
#outline
kunci - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. kunci
| Pengenal aset kanonis | bytesize/lock |
|---|---|
| Paket perpustakaan sumber | Bytesize Icons |
| Kisi koordinat dan viewBox | viewBox="0 0 32 32" |
| Ukuran tanpa kompresi | 547 bytes (~301 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | MIT - Gratis untuk penggunaan komersial |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| Format ekspor yang didukung | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Jaminan keamanan dan privasi | Tanpa Daftar Akun | 100% Diproses di Browser Anda |
Cara memakai dan menyesuaikan ikon ini: kunci
- Sesuaikan secara visual: Warna, Otomatis (garis dan isian), Ketebalan garis (
0.5px-4px), Preset animasi vektor langsung - Unduh vektor atau gambar: Unduh SVG, PNG (transparan), WebP (dioptimalkan) (
2048x2048 px) - Salin kode framework: Salin kode siap pakai untuk React, Next.js, Vue 3, Svelte, Angular, HTML, dan mask CSS.
- Pengeditan vektor mendalam: Edit di editor SVG (76.166)
Tips aksesibilitas (WCAG 2.1): Sembunyikan ikon dekoratif dengan aria-hidden dan focusable false. Beri aria-label yang jelas pada tombol yang hanya berisi ikon. Balik panah secara mendatar untuk bahasa kanan ke kiri.
lock.svg aria-hidden="true" focusable="false"
Kecocokan di perpustakaan lain ("kunci")
Bandingkan ikon ini dengan perpustakaan vektor sumber terbuka lainnya.
Lebih banyak di Antarmuka Pengguna (UI/UX)
Jelajahioutline
kunci
MingCute Icons|interfacesolid
kunci
MingCute Icons Fill|interface3d
kunci
3D Vector Icons|3d-iconsoutline
kunci
IconPark|interfaceoutline
Lock
Tabler Icons|interfaceoutline
Places Storefront
Material Icons|interface
Zzz Off
Tabler Icons|interface
Social Domain Add
Material Icons|interface
Cable Car
Phosphor Icons|interface
Social Pix
Material Icons|interface
Circles Three Plus
Phosphor Icons|interface
Eject
Phosphor Icons|interface
Acorn
SVG Icons Collection|interface
Aiming
MingCute Icons|interface
Beach
Fluent UI Color|interface
Align Horizontal Justify End
Lucide|interface
buku
Open Iconic|interface
Calendar Clock
Fluent UI Color|interface
Airplane Window
IconPark|interface
Arrows Pointing Out
Heroicons|interface
Circle Multiple Hint Checkmark
Fluent UI Color|interface
Arc Browser
MingCute Icons|interface
emas
Ant Design TwoTone|interface
Accessibility Sign
Domain Icons|interfaceJelajahi lainnya
Pertanyaan Umum
kunci - Pertanyaan Umum
Lisensi apa yang mencakup kunci? +
kunci berasal dari Bytesize Icons dan dilindungi oleh MIT. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh kunci? +
kunci adalah vektor bergaya outline (viewBox 0 0 32 32). Unduh SVG, PNG, WebP atau ICO, atau salin kode React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask atau Base64 dari halaman ini.
Dari mana ikon kunci berasal? +
kunci adalah bagian dari pustaka Bytesize Icons oleh Dan Klammer, dalam kategori Antarmuka Pengguna (UI/UX). Teks lisensi lengkap ada dalam file pemberitahuan pustaka yang ditautkan di halaman ini.
100% Diproses di Browser Anda | 76.166 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.