Icône Gear
radix-icons:gear
L'icône Gear (radix-icons:gear) est une icône SVG gratuite de la collection Radix Icons par WorkOS. Elle est dessinée sur une grille de 15 × 15. Les Radix Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Radix Icons
- Auteur
- WorkOS
- Licence
- MIT
- Taille
- 15 × 15
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.928.65a.85.85 0 0 1 .83.662l.237 1.05q.572.166 1.08.447l.912-.574a.85.85 0 0 1 1.054.118l.606.607c.28.28.33.719.118 1.055l-.574.91q.28.51.447 1.08l1.05.238a.85.85 0 0 1 .662.83v.856a.85.85 0 0 1-.662.829l-1.05.238q-.166.57-.448 1.08l.574.911a.85.85 0 0 1-.118 1.054l-.605.606a.85.85 0 0 1-1.055.118l-.911-.574a5.3 5.3 0 0 1-1.08.447l-.238 1.05a.85.85 0 0 1-.829.662h-.857a.85.85 0 0 1-.83-.662l-.237-1.05a5.3 5.3 0 0 1-1.079-.448l-.91.575a.85.85 0 0 1-1.055-.118l-.607-.606a.85.85 0 0 1-.118-1.054l.575-.912a5.3 5.3 0 0 1-.448-1.079l-1.05-.238a.85.85 0 0 1-.662-.83v-.856a.85.85 0 0 1 .662-.829l1.05-.238q.166-.57.447-1.08l-.574-.91a.85.85 0 0 1 .118-1.055l.606-.606a.85.85 0 0 1 1.054-.118l.911.574c.34-.186.7-.338 1.08-.448l.238-1.05A.85.85 0 0 1 7.07.65zM6.715 3.068a4.5 4.5 0 0 0-1.794.744l-1.36-.857l-.607.606l.858 1.36a4.5 4.5 0 0 0-.744 1.796L1.5 7.072v.857l1.568.355a4.5 4.5 0 0 0 .744 1.795l-.857 1.361l.605.606l1.362-.858a4.5 4.5 0 0 0 1.793.744l.356 1.568h.857l.356-1.568a4.5 4.5 0 0 0 1.795-.744l1.36.859l.607-.607l-.858-1.36a4.5 4.5 0 0 0 .744-1.796l1.568-.355v-.857l-1.568-.355a4.5 4.5 0 0 0-.744-1.796l.857-1.36l-.605-.606l-1.36.857a4.5 4.5 0 0 0-1.796-.744L7.928 1.5h-.857zM7.5 5.075a2.426 2.426 0 1 1 0 4.852a2.426 2.426 0 0 1 0-4.852m0 .9a1.525 1.525 0 1 0 0 3.05a1.525 1.525 0 0 0 0-3.05"/></svg>
Comment utiliser l'icône Gear
React
import { Icon } from "@iconify/react";
<Icon icon="radix-icons:gear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="radix-icons:gear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="radix-icons:gear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--gear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/radix-icons -->
<div class="i-radix-icons:gear"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="radix-icons:gear"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/radix-icons/gear.svg" alt="Icône Gear" width="24" height="24">
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 Radix Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Gear dans React ?
Installez @iconify/react et affichez <Icon icon="radix-icons: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/radix-icons/gear.svg" alt="Icône Gear">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Radix Icons →
ICONYZ
