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.