solid
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
MingCute Icons
|
Antarmuka Pengguna (UI/UX)
|
viewBox="0 0 24 24"
|
Gratis untuk penggunaan komersial
Ikon SVG Pen
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. Pen - 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.
Bundel dengan kredit
pen.svg (2.085 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Pen icon"><title>Pen - MingCute Icons icon</title><desc>Free Pen vector icon from the MingCute Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 1821 bytes.</desc><path fill="currentColor" d="m3.929 20.071-.964-.268a1 1 0 0 0 1.232 1.232zm6.364-1.414.12.993zm-4.95-4.95.993.12zm14.143-4.95A1 1 0 1 0 20.9 7.343l-.707.707zm-2.829-5.656a1 1 0 1 0-1.414 1.414l.707-.707zM6.597 7.83l-.372-.928zm6.99-2.143.708-.707zm4.946 5.803.929.372zm-.221-1.078.707-.708zm-2.144 6.99-.928-.37zm-.801.621-.126-.992zm.801-.62.929.371 2.365-5.912-.929-.372-.928-.371-2.365 5.912zm2.144-6.991.707-.708-4.724-4.724-.707.707-.707.707 4.724 4.725zm-5.803-4.946-.371-.929-5.913 2.365.372.929.37.928 5.914-2.365zM3.93 20.07l.268.964.002-.001.008-.002.034-.01.131-.035a79 79 0 0 1 2.128-.549c1.308-.319 2.848-.66 3.913-.788l-.12-.993-.12-.993c-1.195.145-2.838.512-4.147.831a90 90 0 0 0-2.179.562l-.137.037-.036.01-.01.003h-.002zm6.364-1.414.12.993c1.644-.2 3.999-.497 5.08-.634l-.127-.992-.125-.992c-1.081.137-3.43.434-5.068.632zM5.976 8.634l-.992-.126c-.137 1.08-.434 3.435-.634 5.079l.993.12.993.12c.198-1.637.495-3.987.632-5.068zm-.633 5.073-.993-.12c-.129 1.065-.47 2.605-.788 3.913a89 89 0 0 1-.584 2.26l-.01.033-.002.008v.002l1.926.536v-.001l.001-.003.003-.01.01-.035a49 49 0 0 0 .172-.64 90 90 0 0 0 .427-1.676c.32-1.31.686-2.951.83-4.146zm-.707 5.657.707.707L11 14.414l-.707-.707L9.586 13l-5.657 5.657zm5.657-7.07L11 13l.707-.707.707-.707a2 2 0 0 0-2.828 0zm1.414 0L11 13l.707.707.707.707a2 2 0 0 0 0-2.828zm0 1.413L11 13l-.707.707-.707.707a2 2 0 0 0 2.828 0zm-1.414 0L11 13l-.707-.707-.707-.707a2 2 0 0 0 0 2.829zm9.9-5.657.707-.707-4.243-4.242-.707.707-.707.707 4.243 4.242zM6.597 7.832l-.372-.929c-.674.27-1.15.884-1.24 1.605l.991.126.992.125v.001zm6.99-2.144.708-.707a2 2 0 0 0-2.157-.443l.371.929.371.928zm4.946 5.803.929.372a2 2 0 0 0-.443-2.158l-.707.708-.707.707zm-2.365 5.913-.928-.372.127.992.125.992a2 2 0 0 0 1.605-1.241z"/></svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? Pen
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. Pen
Pembuat prompt 100% di browser
Verifikasi sumber dan lisensi
LICENSE.txt
Library: MingCute Icons | Author: MingCute Design | License: Apache-2.0 | Source: https://github.com/mingcute-design/mingcute-icons | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#pen
#mingcute
#interface
#outline
Pen - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. Pen
| Pengenal aset kanonis | mingcute/pen |
|---|---|
| Paket perpustakaan sumber | MingCute Icons |
| Kisi koordinat dan viewBox | viewBox="0 0 24 24" |
| Ukuran tanpa kompresi | 2.085 bytes (~1.147 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | Apache-2.0 - Gratis untuk penggunaan komersial |
| Upstream Source | https://github.com/mingcute-design/mingcute-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: Pen
- 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.
pen.svg aria-hidden="true" focusable="false"
Kecocokan di perpustakaan lain ("Pen")
Bandingkan ikon ini dengan perpustakaan vektor sumber terbuka lainnya.
Lebih banyak di Antarmuka Pengguna (UI/UX)
Jelajahisolid
Pen
MingCute Icons Fill|interfaceoutline
Pen
Phosphor Icons|interfacesolid
Capricorn
MingCute Icons Fill|interfaceoutline
Mailchimp
SVG Icons Collection|interfacesolid
Action Preview
Material Icons|interfaceoutline
Mistralai
SVG Icons Collection|interface
Explicit
Bootstrap Icons|interface
Bring Forward
IconPark|interface
Action Satellite Alt
Material Icons|interface
Orange Slice
SVG Icons Collection|interface
Calendar Dot
IconPark|interface
Check Square
Phosphor Icons|interface
Cigarette
Phosphor Icons|interface
Filter
MingCute Icons Fill|interface
Action Switch Access Shortcut Add
Material Icons|interface
Circle Pause
Lucide|interface
Cheese
IconPark|interface
Check
Heroicons|interface
Dice
Tabler Icons|interface
Lungs
Bootstrap Icons|interface
Exchange
Tabler Icons|interface
Eyeglass
Tabler Icons|interface
Drag To Trash
Mouse|interface
Wired
Mouse|interfaceJelajahi lainnya
Pertanyaan Umum
Pen - Pertanyaan Umum
Lisensi apa yang mencakup Pen? +
Pen berasal dari MingCute Icons dan dilindungi oleh Apache-2.0. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh Pen? +
Pen adalah vektor bergaya outline (viewBox 0 0 24 24). 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 Pen berasal? +
Pen adalah bagian dari pustaka MingCute Icons oleh MingCute Design, 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.