Aller au contenu
SVG Nexus / DEVELOPERS Sans Inscription | 100% dans Votre Navigateur

Documentation développeur

Bibliothèque d’icônes vectorielles et 3D pour développeurs et designers

Ajoutez le catalogue de 76,166 icônes, l’API de recherche JSON et des composants sans dépendance à vos projets React, Next.js, Vue 3, Svelte, Tailwind CSS ou PHP.

1. API de recherche JSON et facettes (GET /api/icons)

Filtrez par mot clé, dossier de bibliothèque, catégorie, style ou licence. La réponse renvoie des icônes paginées avec du SVG sûr, des suggestions et les facettes correspondantes.

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

2. Points d’accès directs des fichiers vectoriels

# 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. Modele de composant sans dependance

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

Guides Pratiques et Tutoriels SVG

SVG vs PNG : Quel Format Choisir ?

Utilisez le format SVG pour les icônes de sites web, les logos et les interfaces car les tracés vectoriels restent nets sur tous les écrans. Utilisez le format PNG lorsque vous avez besoin d’une image matricielle fixe pour un e-mail ou un réseau social.

Comment Animer des Icônes SVG avec CSS

Ajoutez une classe CSS à votre balise SVG en ligne et utilisez des règles keyframes sur transform ou stroke-dasharray. Notre éditeur en direct génère automatiquement des animations fluides sans JavaScript.

Comment modifier un SVG dans Figma ou le Navigateur

Copiez le code SVG depuis SVG Nexus et collez-le directement dans Figma ou Illustrator pour modifier les tracés. Vous pouvez aussi ouvrir chaque icône dans notre Studio Vectoriel directement dans le navigateur.

Comment Utiliser des Icônes SVG dans React, Next.js et Vue

Sélectionnez l’onglet React TSX ou Vue 3 sur la page d’une icône pour copier un composant typé prêt à l’emploi. L’attribut currentColor permet d’adapter automatiquement la couleur au texte.

Tapez pour chercher parmi 76,166 icônes vectorielles...

Naviguer | Entrée pour ouvrir Explorer toutes les icônes

Comparer

Source et licence de l’icône

Licence Usage commercial Attribution Modifier ou recolorer
MITAutoriseNotice dans le paquetAutorise
ISCAutoriseNotice dans le paquetAutorise
Apache-2.0AutoriseRequis avec fichier de noticeAutorise
CC BY 4.0AutoriseCrédit obligatoireAutorise
CC-BY-SA-4.0AutorisePartage à l’identiquePartage à l’identique
Trademark / BrandUsage referentiel uniquementRègles du propriétaireRestreint

Aperçu de l’icône