Dokumentasi Pengembang
Perpustakaan ikon vektor dan 3D untuk pengembang dan desainer
Tambahkan katalog 76,166 ikon, API pencarian JSON, dan komponen tanpa dependensi ke proyek React, Next.js, Vue 3, Svelte, Tailwind CSS, atau PHP Anda.
1. API pencarian JSON dan facet (GET /api/icons)
Saring berdasarkan kata kunci, folder perpustakaan, kategori, gaya, atau lisensi. Respons mengembalikan ikon berhalaman dengan SVG aman, saran, dan facet yang cocok.
GET /api/icons?q=arrow&library=lucide&category=arrows&style=outline&license=ISC&page=1&limit=48&facets=1
2. Alamat berkas vektor langsung
# Folder-scoped SVG asset (all 15 active folders supported):
GET /icon-library-assets/{libraryId}/{slug}.svg
# Legacy flat slug endpoint:
GET /icon-assets/{slug}.svg
# Upstream SPDX license notice file:
GET /icon-library-notices/{libraryId}/LICENSE.txt
3. Pola komponen tanpa dependensi
import * as React from 'react';
export function NexusArrowRightIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<path d="M5 12h14" />
<path d="m12 5 7 7-7 7" />
</svg>
);
}
Panduan Praktis dan Tutorial SVG
SVG vs PNG: Format Mana yang Harus Anda Gunakan?
Gunakan SVG untuk ikon situs web, logo, dan antarmuka karena jalur vektor tetap tajam di semua ukuran layar. Gunakan PNG saat Anda membutuhkan gambar piksel tetap untuk email atau media sosial.
Cara Menganimasikan Ikon SVG dengan CSS
Tambahkan kelas CSS ke elemen SVG inline Anda dan terapkan keyframe transform atau stroke-dasharray. Editor langsung kami membuat animasi 60fps yang mulus tanpa JavaScript.
Cara Mengedit Ikon SVG di Figma atau Browser
Salin kode SVG dari SVG Nexus dan tempel langsung ke kanvas Figma atau Illustrator, atau buka ikon di Studio Vektor browser kami tanpa menginstal aplikasi.
Cara Menggunakan Ikon SVG di React, Next.js, dan Vue
Pilih tab React TSX atau Vue 3 pada halaman ikon mana pun untuk menyalin komponen siap pakai yang mendukung currentColor dan Tailwind CSS.