Une collection de 439 logos orientés tech/développement en SVG.
Un outil pour transformer une image en SVG.
Un tuto simple qui aborde l'animation d'un SVG simple avec des transitions CSS.
Un outil qui utilise l'IA pour produire un SVG à partir d'une image classique (PNG, JPG). J'ai testé avec un wallpaper relativement simple mais le résultat est bluffant.
L'outil a été mentionné par Korben
Un outil pour transformer une image en svg. C'est rempli de réglages pour faire ça au mieux selon le résultat que vous espérez.
Un très bon article d'initiation à la syntaxe path du format SVG. Très instructif pour avoir une petite idée de ce qu'est ce charabia ! Et ça permet même de pouvoir dessiner des formes simples "de tête" en écrivant le path directement.
Autre ressource intéressante chez Mozilla : https://developer.mozilla.org/fr/docs/Web/SVG/Tutoriel/Paths
Une chouette introduction aux animations CSS en utilisant des path SVG.
Convertir un fichier de police de caractères dans d'autres format (dont SVG !).
Via: https://www.lambdatest.com/blog/its-2019-lets-end-the-debate-on-icon-fonts-vs-svg-icons/
Un ensemble d'icônes svg ultra-personnalisables.
Des icônes vectorielles gratuites.
Un outil pour optimiser vos SVG.
J'ai testé rapidement et le résultat est plutôt efficace !
Des animations de menu hamburger absolument délicieuses. Le tout sans Javascript (si on omet le simple onclick dans le HTML). Merci SVG.
Un outil en ligne pour facilement animer du SVG.
Un exemple de ce qu'on peut faire dans un navigateur web avec le format SVG.
Bon il faut un poil de créativité mais c'est assez impressionnant.
Des graphiques SVG générés en Javascript. Ils fonctionnent nickel sur mobile.
Plein d'icônes en SVG.
Une idée intéressante pour styliser un bloc de manière légère et discrète.