Assistant scénario▸ 
Apps AI 
Actualités AI 
SuperTinyIcons : bibliothèque d'icônes SVG de logos
SuperTinyIcons : bibliothèque d'icônes SVG de logosIntroduction
Qu'est-ce que SuperTinyIcons ?
SuperTinyIcons est un projet qui rassemble des ressources d'icônes SVG de logos de marques et produits populaires. Il contient actuellement plus de 386 icônes, notamment GitHub, Twitter, Facebook, etc., chaque icône ayant une taille moyenne inférieure à 522 octets, pour un total de 16 263 octets. Il convient à la conception web, au développement d'applications mobiles ou à tout autre contexte nécessitant des icônes légères. Les icônes peuvent être utilisées directement, importées dans un framework frontend ou utilisées dans des applications Android.
Caractéristiques de SuperTinyIcons
Taille de fichier extrêmement réduite : chaque fichier d'icône a une taille inférieure à 1 Ko, avec une taille moyenne d'environ 522 octets. Cela les rend idéales pour les pages web ou applications nécessitant une optimisation de la vitesse de chargement.
Format SVG : toutes les icônes utilisent le format SVG (Scalable Vector Graphics). Cela signifie qu'elles restent nettes à toutes les tailles, sans perte de qualité, et leur taille de fichier est très réduite.
Bibliothèque d'icônes étendue : le projet contient actuellement 386 icônes, couvrant des plateformes de réseaux sociaux (comme Twitter, Facebook, Instagram), des outils de développement (comme GitHub, GitLab, Docker), ainsi que les logos de diverses applications et services populaires.
Évolutivité et flexibilité : les icônes sont conçues avec un viewport de 512x512, ce qui leur permet de s'adapter facilement à des mises en page circulaires, carrées ou d'autres formes, et peuvent être personnalisées via CSS.
Accessibilité : chaque icône inclut les attributs role="img" et aria-label, garantissant une identification correcte par les technologies d'assistance (comme les lecteurs d'écran).
Comment utiliser SuperTinyIcons ?
Installation
Vous pouvez installer SuperTinyIcons via npm :
npm install --save super-tiny-icons
Méthode d'utilisation
1. Méthode traditionnelle :
HTML
2. Méthode moderne (exemple avec React) :
import logo from "super-tiny-icons/images/svg/github.svg";;
3. Personnalisation via CSS :
.small-square {
width: 20px;
}
.medium-rounded {
width: 50px;
border-radius: 10%;
}
.large-circular {
width: 100px;
border-radius: 50%;
}Avantages de SuperTinyIcons
Optimisation des performances : la taille de fichier extrêmement réduite diminue le temps de chargement des pages web et la consommation de données.
Flexibilité : le format SVG prend en charge la mise à l'échelle infinie, répondant à divers besoins de conception.
Communauté open source : tout le monde peut contribuer au projet, qui est continuellement mis à jour et étendu.
Applications de SuperTinyIcons
Développement web : ajouter des ressources d'icônes légères aux sites web.
Applications mobiles : utiliser des icônes extrêmement petites dans les applications pour économiser de l'espace de stockage.
Projets personnels : obtenir rapidement des ressources d'icônes de haute qualité sans avoir à les concevoir soi-même.
Dépôt GitHub :https://github.com/edent/SuperTinyIcons
