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
Bootstrap Icons
|
Antarmuka Pengguna (UI/UX)
|
viewBox="0 0 16 16"
|
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.
bootstrap-regular-key.svg (844 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-key" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Key icon"><title>Key - Bootstrap Icons icon</title><desc>Free Key vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 628 bytes.</desc> <path d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8m4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5"/> <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/> </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: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#bootstrap
#regular
#key
#interface
#outline
kunci - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. kunci
| Pengenal aset kanonis | bootstrap/bootstrap-regular-key |
|---|---|
| Paket perpustakaan sumber | Bootstrap Icons |
| Kisi koordinat dan viewBox | viewBox="0 0 16 16" |
| Ukuran tanpa kompresi | 844 bytes (~464 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | MIT - Gratis untuk penggunaan komersial |
| Upstream Source | https://github.com/twbs/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 (77.087)
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.
bootstrap-regular-key.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
Open Iconic|interface3d
kunci
3D Vector Icons|3d-iconsoutline
kunci
IconPark|interfaceoutline
Key
Tabler Icons|interfaceoutline
Zero Key
IconPark|interfaceoutline
Article Ny Times
Phosphor Icons|interface
Brandy
Phosphor Icons|interface
Calendar X
Phosphor Icons|interface
Maps Fastfood
Material Icons|interface
Maps Miscellaneous Services
Material Icons|interface
Maps Train
Material Icons|interface
Ad
IconPark|interface
Accessibility Access
Domain Icons|interface
Airplay
MingCute Icons|interface
kode
Ant Design TwoTone|interface
Align Vertical Distribute Start
Lucide|interface
Ellipsis Vertical
Bytesize Icons|interface
Bone
SVG Icons Collection|interface
Arrows Up Down
Heroicons|interface
Accessibility Ramp
Domain Icons|interface
Accessibility Ramp
Domain Icons|interface
pesan
Ant Design TwoTone|interface
Cursor Satellite Beam Copy
Mouse|interface
Az Sort Descending Letters
MingCute Icons|interfaceJelajahi lainnya
Pertanyaan Umum
kunci - Pertanyaan Umum
Lisensi apa yang mencakup kunci? +
kunci berasal dari Bootstrap Icons dan dilindungi oleh MIT. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh kunci? +
kunci adalah vektor bergaya outline (viewBox 0 0 16 16). 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 Bootstrap Icons oleh The Bootstrap Authors, dalam kategori Antarmuka Pengguna (UI/UX). Teks lisensi lengkap ada dalam file pemberitahuan pustaka yang ditautkan di halaman ini.
100% Diproses di Browser Anda | 77.087 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.