Lewati ke konten
SVG Nexus / DEVELOPERS Tanpa Daftar Akun | 100% Diproses di Browser Anda

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.

Ketik untuk mencari di 76,166 ikon vektor...

Navigasi | Enter untuk buka Jelajahi Semua Ikon

Bandingkan

Sumber dan lisensi ikon

Lisensi Penggunaan komersial Atribusi Ubah atau warnai ulang
MITDiizinkanPemberitahuan di paketDiizinkan
ISCDiizinkanPemberitahuan di paketDiizinkan
Apache-2.0DiizinkanWajib dengan berkas pemberitahuanDiizinkan
CC BY 4.0DiizinkanWajib kreditDiizinkan
CC-BY-SA-4.0DiizinkanBerbagi serupaBerbagi serupa
Trademark / BrandHanya penggunaan rujukanPanduan pemilikTerbatas

Pratinjau ikon