devicon
v2.16.0
Demo · Demande icône · contribuer
<!-- in your header -->
< link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css " >
<!-- in your body -->
< i class =" devicon-devicon-plain " > </ i > develop vs master Devicon vise à rassembler tous les logos représentant les langages et les outils de développement. Chaque icône est disponible en plusieurs versions: Font / SVG, original / simple / ligne, colorée / non colorée, wordmark / no wordmark. Devicon a plus de 150 icônes. Et ça grandit!
Voir le devicon.json ou notre site Web pour référence complète et à jour de toutes les icônes disponibles.
Merci à tous nos contributeurs et à l'application IComoon. Devicon ne serait pas possible sans vous.
Tous les noms de produits, logos et marques sont la propriété de leurs propriétaires respectifs. Tous les noms de l'entreprise, des produits et des services utilisés dans ce site Web sont à des fins d'identification uniquement. L'utilisation de ces noms, logos et marques n'implique pas l'approbation. L'utilisation de ces logos doit être effectuée conformément à la politique de marque de la société / marque / service. Pour une configuration super rapide, allez vérifier Devicon.dev.
Vous pouvez soit utiliser les icônes SVG brutes, notre police Devicon (qui est également disponible via CDN), ou en construisant vous-même Devicon.
devicon (recommandée) Vous pouvez installer Devicon comme dépendance à votre projet avec npm ou yarn :
npm install --save devicon
yarn add deviconSi vous ne souhaitez pas utiliser un gestionnaire de packages, vous pouvez également télécharger et inclure devicon.min.css à côté des fichiers de police de votre projet. Voir Devicon.dev pour plus de détails sur la façon d'ajouter devicon à votre projet via un CDN.
Après la configuration, il vous suffit d'inclure la feuille de style dans votre en-tête pour commencer:
< link rel =" stylesheet " href =" devicon.min.css " > Commencez à utiliser des icônes avec <i> -tag:
<!-- for devicon plain version -->
< i class =" devicon-devicon-plain " > </ i >
<!-- for devicon plain version with wordmark -->
< i class =" devicon-devicon-plain-wordmark " > </ i >
<!-- for devicon plain version colored with devicon main color -->
< i class =" devicon-devicon-plain colored " > </ i >
<!-- for devicon plain version with wordmark colored with devicon main color -->
< i class =" devicon-devicon-plain-wordmark colored " > </ i > Un autre moyen d'utiliser devicon est de copier / coller le code SVG brut à votre projet.
<!-- for devicon plain version -->
< svg id =" Devicon " class =' devicon-devicon-plain ' xmlns =" http://www.w3.org/2000/svg " viewBox =" 0 0 128 128 " > < path id =" plain " fill =" #60be86 " d =" M64,7.83H4.77L14.95,95.13l49,25,.06,0,49.07-25L123.23,7.83Zm42.77,54.86c0,.88,0,1.67-.77,2L73.25,80.44l-2.42,1.13-.27-3.15V72.23l.24-1.57,1.09-.47L95.07,59.81l-21.54-9.6L64.35,68.34,58.9,78.87l-1.22,2.27-2.05-.9L22,64.71a2.42,2.42,0,0,1-1.45-2V56.91a2.39,2.39,0,0,1,1.42-2l34-15.73,3.21-1.44v9.66l.24,1.34-1.56.7L34.45,59.79,56.3,69.42l8.05-16,6.21-12.65,1.13-2.28,1.81.91L106,54.89c.73.35.76,1.14.76,2Z " /> </ svg >Ajoutez les règles CSS suivantes dans votre feuille de style:
. devicon-devicon-plain {
max-width : 2 em ;
}
/* if you want to change the original color */
. devicon-devicon-plain path {
fill : # 4691f6 ;
}img et référence à un SVG directement à partir du référentiel: < img src =' https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/devicon/devicon-original.svg ' > Lorsque vous souhaitez demander une icône, n'hésitez pas à créer un problème. Consultez notre wiki pour plus d'informations.
Nous sommes satisfaits de chaque contribution, que ce soit de nouvelles icônes, fonctionnalités ou mainteneurs. Veuillez consulter notre wiki pour voir comment vous pouvez contribuer à ce projet.
Nous avons une communauté de discorde pour les Devicons. Vous pouvez facilement demander des icônes, discuter et passer un bon moment à parler avec les membres de la communauté! Rejoignez le serveur Discord officiel ici!
develop vs master Toutes les versions officielles doivent être en master . Toutes les mises à jour entre (icônes, fonctionnalités, etc.) seront conservées en develop .
develop contient:master contient:Une fois qu'une demande de traction a été ouverte depuis plus de 30 jours sans activité ni réponse de l'auteur, il sera automatiquement marqué comme périmé. Nous pourrions déborder vos changements et fusionner les changements nous-mêmes. Étant donné que GitHub suit les contributions de Commits, vous serez crédité.
Suivez ces étapes pour créer le site Web et les icônes localement ou à l'aide de gitpod.io.
En utilisant gitpod.io, vous pouvez facilement construire les icônes et installer le
Dépendances requises en un seul clic. Aucune configuration supplémentaire n'est requise.
Remarque Dans le cas où certaines des commandes ne sont pas correctement exécutées, vous pouvez
Suivez les étapes ci-dessous et exécutez les mêmes commandes sur gitpod.io
Fourk le référentiel et cloner le référentiel fourchu.
git clone https://github.com/ < your-github-username > /devicon.gitRemarque Si vous n'auriez pas installé GIT, consultez le guide officiel pour installer GIT sur votre système d'exploitation.
npm installRemarque Si vous n'aurez pas installé NPM, consultez ce guide ultime sur l'installation de Node.js et NPM. Ces outils sont nécessaires pour construire correctement Devicon.
Remarque Assurez-vous que votre installation Python comprend PIP
python3 -m pip install --upgrade pip && pip install selenium==4.1.0 requests==2.25.1 Une fois toutes les dépendances installées, vous pouvez procéder à la création des dernières icônes.
Habituellement, cela se fait à chaque version, mais vous pouvez avoir un aperçu avant une sortie.
# Linux/Unix
npm run build-icons
# Windows
python3 ./.github/scripts/icomoon_build_githubless.py ./.github/scripts/build_assets/geckodriver-v0.32.2-win64/geckodriver.exe ./icomoon.json ./devicon.json ./icons ./ --headlessLe processus peut prendre un certain temps, selon la vitesse de votre système d'exploitation et la quantité d'icônes.
S'il y a des erreurs affichées, veuillez nous en informer en créant un problème ou en nous contactant sur notre communauté Discord.
Exécutez la commande suivante pour construire la nouvelle feuille de style CSS.
Ce fichier est utilisé pour afficher toutes les nouvelles icônes précédemment construites.
npm run build-cssExécutez la commande suivante pour démarrer le serveur Web avec Python.
npm run dev # Will run on port 8000Ou cette commande, qui fait exactement la même chose, mais le port peut être personnalisé.
python3 -m http.server < port > Vous avez terminé maintenant! ? Votre construction de Devicons doit être disponible sur https://localhost:8000 (ou le port souhaité).
