Icône Gear
codicon:gear
L'icône Gear (codicon:gear) est une icône SVG gratuite de la collection Codicons par Microsoft Corporation. Elle est dessinée sur une grille de 24 × 24. Les Codicons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Codicons
- Auteur
- Microsoft Corporation
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8 6a2 2 0 1 0-.001 3.999A2 2 0 0 0 8 6m0 3a1 1 0 1 1 0-2a1 1 0 0 1 0 2m6.565.715l-1.286-1.087a.82.82 0 0 1 0-1.256l1.286-1.087a.41.41 0 0 0 .126-.441a7 7 0 0 0-1.472-2.536a.42.42 0 0 0-.446-.112l-1.587.565a.8.8 0 0 1-.279.049a.826.826 0 0 1-.813-.676l-.303-1.652a.41.41 0 0 0-.321-.329a7.1 7.1 0 0 0-2.939 0a.41.41 0 0 0-.321.329l-.302 1.652a.827.827 0 0 1-1.092.628l-1.587-.565a.42.42 0 0 0-.446.112A7 7 0 0 0 1.31 5.845a.41.41 0 0 0 .126.441l1.286 1.087a.82.82 0 0 1 0 1.256L1.436 9.716a.41.41 0 0 0-.126.441a7 7 0 0 0 1.473 2.536a.42.42 0 0 0 .446.112l1.587-.565a.8.8 0 0 1 .279-.048c.392 0 .74.278.813.676l.302 1.652c.03.164.157.294.321.329q.722.153 1.47.153q.749 0 1.469-.153a.41.41 0 0 0 .321-.329l.303-1.652a.827.827 0 0 1 1.092-.628l1.586.565a.42.42 0 0 0 .446-.112a7 7 0 0 0 1.472-2.536a.41.41 0 0 0-.126-.441zm-1.837 2.011l-1.207-.43a1.83 1.83 0 0 0-2.41 1.39l-.23 1.251a6.2 6.2 0 0 1-1.761-.001l-.229-1.251a1.825 1.825 0 0 0-2.411-1.39l-1.207.43a6 6 0 0 1-.879-1.511l.974-.823c.373-.315.6-.757.64-1.243a1.81 1.81 0 0 0-.64-1.54l-.974-.823a6 6 0 0 1 .879-1.511l1.207.43q.298.106.614.106a1.83 1.83 0 0 0 1.797-1.496l.229-1.251a6.2 6.2 0 0 1 1.761-.001l.229 1.251a1.825 1.825 0 0 0 2.411 1.39l1.207-.43q.553.692.879 1.511l-.973.823a1.8 1.8 0 0 0-.64 1.243a1.8 1.8 0 0 0 .641 1.54l.974.823a6 6 0 0 1-.879 1.511z"/></svg>
Comment utiliser l'icône Gear
React
import { Icon } from "@iconify/react";
<Icon icon="codicon:gear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="codicon:gear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="codicon:gear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--gear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:gear"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="codicon:gear"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/codicon/gear.svg" alt="Icône Gear" width="24" height="24">
Icônes similaires dans Codicons
L'icône Gear dans d'autres collections
FAQ : Icône Gear
L'icône Gear est-elle gratuite pour un usage commercial ?
Oui. Les Codicons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Gear dans React ?
Installez @iconify/react et affichez <Icon icon="codicon:gear" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Gear à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/codicon/gear.svg" alt="Icône Gear">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Codicons →
ICONYZ
