Vai al contenuto
SVG Nexus / DEVELOPERS Senza Registrazione | 100% nel Tuo Browser

Documentazione per sviluppatori

Libreria di icone vettoriali e 3D per sviluppatori e designer

Aggiungi il catalogo da 76,166 icone, l API di ricerca JSON e componenti senza dipendenze ai tuoi progetti React, Next.js, Vue 3, Svelte, Tailwind CSS o PHP.

1. API di ricerca JSON e facet (GET /api/icons)

Filtra per parola chiave, cartella di libreria, categoria, stile o licenza. La risposta restituisce icone paginate con SVG sicuro, suggerimenti e facet corrispondenti.

GET /api/icons?q=arrow&library=lucide&category=arrows&style=outline&license=ISC&page=1&limit=48&facets=1

2. Percorsi diretti dei file vettoriali

# 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. Modello di componente senza dipendenze

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>
  );
}

Guide Pratiche e Tutorial SVG

SVG vs PNG: Quale Formato Usare?

Usa SVG per icone di siti web, loghi e interfacce perché i tracciati vettoriali restano nitidi su ogni schermo. Usa PNG quando ti serve un immagine a pixel fissi per email o social network.

Come Animare Icone SVG con CSS

Aggiungi una classe CSS al tag SVG inline e usa keyframes con transform o stroke-dasharray. Il nostro editor genera animazioni fluide a 60fps senza JavaScript.

Come Modificare Icone SVG in Figma o nel Browser

Copia il codice SVG da SVG Nexus e incollalo direttamente in Figma o Illustrator per modificare i nodi vettoriali, oppure apri l icona nel nostro Studio Vettoriale.

Come Usare Icone SVG in React, Next.js e Vue

Seleziona la scheda React TSX o Vue 3 in qualsiasi pagina icona per copiare un componente pronto con supporto currentColor per Tailwind CSS.

Scrivi per cercare tra 76,166 icone vettoriali...

Naviga | Invio per aprire Esplora tutte le icone

Confronta

Fonte e licenza dell icona

Licenza Uso commerciale Attribuzione Modifica o ricolora
MITConsentitoAvviso nel pacchettoConsentito
ISCConsentitoAvviso nel pacchettoConsentito
Apache-2.0ConsentitoObbligatorio con file di avvisoConsentito
CC BY 4.0ConsentitoCredito obbligatorioConsentito
CC-BY-SA-4.0ConsentitoCondividi allo stesso modoCondividi allo stesso modo
Trademark / BrandSolo uso referenzialeLinee guida del titolareLimitato

Anteprima icona