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 sunting
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. sunting - 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.
edit.svg (494 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<svg id="i-edit" 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="Edit icon"><title>Edit - Bytesize Icons icon</title><desc>Free Edit vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 277 bytes.</desc>
<path d="M30 7 L25 2 5 22 3 29 10 27 Z M21 6 L26 11 Z M5 22 L10 27 Z" />
</svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? sunting
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. sunting
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
#edit
#bytesize
#interface
#outline
sunting - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. sunting
| Pengenal aset kanonis | bytesize/edit |
|---|---|
| Paket perpustakaan sumber | Bytesize Icons |
| Kisi koordinat dan viewBox | viewBox="0 0 32 32" |
| Ukuran tanpa kompresi | 494 bytes (~272 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: sunting
- 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.
edit.svg aria-hidden="true" focusable="false"
Kecocokan di perpustakaan lain ("sunting")
Bandingkan ikon ini dengan perpustakaan vektor sumber terbuka lainnya.
Lebih banyak di Antarmuka Pengguna (UI/UX)
Jelajahioutline
sunting
MingCute Icons|interfacesolid
sunting
MingCute Icons Fill|interfaceoutline
sunting
IconPark|interfaceoutline
Devdotto
SVG Icons Collection|interfaceoutline
Docker
SVG Icons Collection|interfaceduotone
Location Ripple
Fluent UI Color|interface
Cloud
Heroicons|interface
Basket
MingCute Icons|interface
Arithmetic Buttons
IconPark|interface
Thunderbolt
Ant Design TwoTone|interface
Avocado
Phosphor Icons|interface
Bowl Chopsticks
Tabler Icons|interface
Flickr
SVG Icons Collection|interface
Agriculture Irrigation
Domain Icons|interface
Agriculture Irrigation
Domain Icons|interface
Anim Scroll Snap
Mouse|interface
Blocks
Lucide|interface
Bolt
Lucide|interface
H3
Heroicons|interface
Face Sleepy
Mouse|interface
In Pocket
Mouse|interface
Action Lightbulb
Material Icons|interface
Action Model Training
Material Icons|interface
Big Clock
IconPark|interfaceJelajahi lainnya
Pertanyaan Umum
sunting - Pertanyaan Umum
Lisensi apa yang mencakup sunting? +
sunting berasal dari Bytesize Icons dan dilindungi oleh MIT. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh sunting? +
sunting 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 sunting berasal? +
sunting 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 | 77.087 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.