SVG Nexus / EXPLAINER Tanpa Daftar Akun | 100% Diproses di Browser Anda

Apa itu SVG?

SVG (Scalable Vector Graphics) adalah format asli browser untuk ikon, logo, dan ilustrasi: kode XML yang tetap tajam di setiap ukuran dan diganti warnanya hanya dengan satu atribut.

SVG dalam satu menit

Berkas SVG adalah teks murni. Anda bisa membukanya di browser, penyunting teks, atau alat desain, membacanya seperti HTML, dan mengubah warna, ukuran, serta bentuk tanpa kehilangan kualitas. Itulah alasan antarmuka, logo, dan tombol dikirim sebagai vektor.

SVG Nexus mengindeks pustaka ikon SVG serta ilustrasi sumber terbuka agar Anda bisa mencari, mewarnai ulang, dan menyalin kode siap produksi ke React, Vue, HTML, CSS, atau alat desain favorit Anda. Tanpa akun, tanpa unggah.

Selalu tajam

Lintasan adalah matematika, bukan piksel: berkas yang sama tetap tajam sebagai favicon 16px, logo retina, atau grafis slide 4K.

Ganti warna satu atribut

Ubah fill atau stroke sekali dan seluruh marka mengikuti. Keyframes CSS dan hover bekerja pada SVG inline tanpa JavaScript.

Teksnya ringkas

Ikon terkompresi ke kilobyte, terkirim efisien dengan gzip dari server apa pun, dan tetap terbaca mesin pencari serta pembaca layar.

Salin kode SVG untuk stack apa pun

Lihat Semua Alat

Setiap halaman katalog dan setiap unggahan SVG terbuka pada alat peramban yang menulis ulang kode vektor untuk kerangka kerja Anda: JSX, Vue, Svelte, CSS, data URI, ekspor PNG, dan sprite.

Editor vektor SVG interaktif

Editor vektor browser tanpa jeda untuk warna, lebar goresan, viewBox, transformasi, padding, latar belakang, dan ekspor SVG/PNG langsung.

Konverter SVG ke React JSX, Vue, dan Svelte

Ubah atribut SVG mentah menjadi komponen TypeScript React (TSX), Next.js Server Component, Vue 3 <script setup>, Svelte 5, Flutter, dan Angular yang bersih.

Konverter SVG ke PNG dan WebP resolusi tinggi

Rasterisasi ikon SVG atau markup kustom apa pun menjadi gambar PNG atau WebP yang tajam dari 64px hingga 2048px dengan kontrol transparansi.

Konverter SVG ke CSS dan Data URI

Enkode markup SVG menjadi Data URI UTF-8 atau Base64 yang ringkas dan aman untuk URL, aturan CSS background-image, dan potongan CSS mask-image currentColor dinamis.

Generator matriks ikon SVG dan badge

Sintesis parametrik ikon SVG dengan bingkai squircle/heks kustom, gradien multi-berhenti, badge status, dan ekspor framework seketika.

Pengoptimal dan pemampat SVG

Minimalkan keluaran SVG di peramban: hapus metadata editor, komentar, dan sisa XML, padatkan spasi, lalu lihat penghematan byte yang nyata.

Cari ikon SVG menurut topik

Lihat Semua Kategori

Katalog mengelompokkan ikon ke dalam topik seperti transportasi, keuangan, kedokteran, cuaca, dan hari libur. Buka topik mana pun untuk menjelajah dan menyalin vektor yang sesuai dalam hitungan detik.

SVG atau PNG?

Gunakan SVG untuk ikon dan grafis antarmuka yang harus diskalakan dan diwarnai ulang; ekspor PNG atau WebP untuk detail seperti foto, pratinjau sosial, atau platform yang merasterisasi. Alat di sini menghasilkan keduanya dari satu berkas sumber.

SVG vs PNG: Format Mana yang Harus Anda Gunakan? SVG inline melawan tag gambar Cara Mengedit Ikon SVG di Figma atau Browser Semua panduan

Gratis untuk penggunaan komersial

Setiap baris ikon membawa pustaka dan lisensinya. Paket MIT, ISC, dan Apache-2.0 mencakup produk komersial; logo merek mematuhi aturannya sendiri, selalu di tabel lisensi.

Lisensi →

Pustaka ikon sumber terbuka

Material Icons Phosphor Icons selfh.st Icons Tabler Icons Authentic Brand Logos Domain Icons

Icon libraries →

Pertanyaan SVG, terjawab

Apakah SVG lebih baik daripada PNG?

Untuk ikon, logo, dan grafis UI, ya: SVG bisa diskalakan, diwarnai ulang, dan lebih ringan karena menyimpan instruksi gambar, bukan piksel. PNG tetap berguna untuk ekspor bitmap terperinci.

Bagaimana membuka dan menyunting berkas SVG?

Seret ke peramban, penyunting teks, atau alat desain. SVG Nexus Studio membukanya di peramban agar warna, lapisan, dan lintasan dapat diubah tanpa instalasi.

Boleh pakai ikon untuk keperluan komersial?

Pustaka sumber terbuka di sini dirilis di bawah MIT, ISC, Apache-2.0, dan lisensi serupa yang membolehkan penggunaan komersial. Halaman ikon menyebut lisensinya; logo merek memiliki aturan tambahan.

Mengapa SVG saya terlihat buram?

SVG buram biasanya berarti dirasterisasi terlalu dini atau diekspor dengan ukuran viewport yang salah. Pertahankan vektor hingga tahap render akhir, atau ekspor ulang dari berkas asli.

Mulai dari aset SVG

Cari di katalog, buka aset mana pun di studio peramban, dan kirim kode vektor yang bersih: ikon, logo, ilustrasi, dan alat yang membentuknya kembali.

Semua ikon SVG Buka di Editor

Lisensi	Penggunaan komersial	Atribusi	Ubah atau warnai ulang
MIT	Diizinkan	Pemberitahuan di paket	Diizinkan
ISC	Diizinkan	Pemberitahuan di paket	Diizinkan
Apache-2.0	Diizinkan	Wajib dengan berkas pemberitahuan	Diizinkan
CC BY 4.0	Diizinkan	Wajib kredit	Diizinkan
CC-BY-SA-4.0	Diizinkan	Berbagi serupa	Berbagi serupa
Trademark / Brand	Hanya penggunaan rujukan	Panduan pemilik	Terbatas