Icône Gear 48
energy-icons:gear-48
L'icône Gear 48 (energy-icons:gear-48) est une icône SVG gratuite de la collection Energy Icons par Sam Passmore. Elle est dessinée sur une grille de 48 × 48. Les Energy 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
- Energy Icons
- Auteur
- Sam Passmore
- Licence
- MIT
- Taille
- 48 × 48
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="m27.095 5.268l.095.004a1 1 0 0 1 .9.895l.47 4.652l1.533.635l3.625-2.956l.076-.057a1 1 0 0 1 1.263.124l4.377 4.377a1 1 0 0 1 .067 1.34l-2.957 3.623l.634 1.532l4.654.473a1 1 0 0 1 .9.994v6.19a1 1 0 0 1-.9.996l-4.653.47l-.635 1.533l2.957 3.625a1 1 0 0 1-.067 1.339l-4.377 4.377a1 1 0 0 1-1.34.067l-3.624-2.957l-1.532.635l-.471 4.653a1 1 0 0 1-.995.9h-6.19a1 1 0 0 1-.995-.9l-.473-4.654l-1.532-.634l-3.623 2.957a1 1 0 0 1-1.34-.067l-4.377-4.377a1 1 0 0 1-.067-1.34l2.956-3.624l-.635-1.532l-4.652-.471a1 1 0 0 1-.9-.995v-6.19a1 1 0 0 1 .9-.995l4.653-.473l.634-1.532l-2.956-3.623a1 1 0 0 1 .067-1.34l4.377-4.377a1 1 0 0 1 1.34-.067l3.623 2.956l1.532-.634l.473-4.653l.014-.095a1 1 0 0 1 .98-.804zm-5.728 6.348a1 1 0 0 1-.612.824l-2.636 1.091a1 1 0 0 1-1.014-.148l-3.388-2.765l-3.099 3.099l2.765 3.388a1 1 0 0 1 .148 1.014l-1.091 2.636a1 1 0 0 1-.824.612l-4.348.44v4.383l4.348.442l.135.022c.308.075.565.293.689.59l1.091 2.636a1 1 0 0 1-.148 1.015l-2.765 3.386l3.099 3.099l3.388-2.763l.11-.079a1 1 0 0 1 .904-.07l2.636 1.092a1 1 0 0 1 .612.823l.442 4.348h4.381l.442-4.348l.022-.135c.075-.308.293-.565.59-.688l2.636-1.092l.13-.044a1 1 0 0 1 .884.193l3.387 2.763l3.099-3.099l-2.763-3.386a1 1 0 0 1-.15-1.015l1.093-2.636l.06-.123a1 1 0 0 1 .763-.49l4.348-.44v-4.383l-4.348-.44a1 1 0 0 1-.823-.613l-1.092-2.636a1 1 0 0 1 .15-1.014l2.762-3.388l-3.099-3.099l-3.386 2.765a1 1 0 0 1-1.015.148l-2.636-1.091a1 1 0 0 1-.612-.824l-.442-4.348h-4.38z"/><path fill="currentColor" d="M28 24a4 4 0 1 0-8.002.001A4 4 0 0 0 28 24m2 0a6 6 0 1 1-12.001-.001a6 6 0 0 1 12 .001"/></svg>Comment utiliser l'icône Gear 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:gear-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:gear-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:gear-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--gear-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:gear-48"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:gear-48"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/gear-48.svg" alt="Icône Gear 48" width="24" height="24">Icônes similaires dans Energy Icons
FAQ : Icône Gear 48
L'icône Gear 48 est-elle gratuite pour un usage commercial ?
Oui. Les Energy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Gear 48 dans React ?
Installez @iconify/react et affichez <Icon icon="energy-icons:gear-48" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Gear 48 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/energy-icons/gear-48.svg" alt="Icône Gear 48">, ou collez le code SVG directement dans la page pour le styliser en CSS.