ICONYZ
Français
Icône Cogwheel de Glyphs

Icône Cogwheel

glyphs:cogwheel

L'icône Cogwheel (glyphs:cogwheel) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs 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
Glyphs
Auteur
Goran Spasojevic
Licence
MIT
Taille
80 × 80
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M65.75 30.66a27.7 27.7 0 0 0-5.25-9.097a1.92 1.92 0 0 0-1.74-.626l-4.409.655a2.1 2.1 0 0 1-1.528-.384a23 23 0 0 0-3.867-2.233a2.1 2.1 0 0 1-1.097-1.131l-1.638-4.148a1.92 1.92 0 0 0-1.412-1.194M60.494 57.87a27.7 27.7 0 0 0 5.254-9.1a1.92 1.92 0 0 0-.328-1.82l-2.77-3.487a2.1 2.1 0 0 1-.43-1.516a23 23 0 0 0 0-4.462a2.1 2.1 0 0 1 .43-1.516l2.771-3.49a1.92 1.92 0 0 0 .329-1.819m-5.256 27.21a1.92 1.92 0 0 1-1.74.624l-4.405-.654a2.1 2.1 0 0 0-1.528.384a23 23 0 0 1-3.864 2.231a2.1 2.1 0 0 0-1.097 1.132l-1.636 4.142a1.92 1.92 0 0 1-1.411 1.194c-3.47.67-7.037.67-10.507 0m0 .001a1.92 1.92 0 0 1-1.411-1.194l-1.636-4.143c-.2-.507-.6-.906-1.097-1.131a23 23 0 0 1-3.865-2.231a2.1 2.1 0 0 0-1.529-.385l-4.408.655a1.92 1.92 0 0 1-1.74-.625a27.7 27.7 0 0 1-5.253-9.095"/><path d="M13.367 48.776a1.92 1.92 0 0 1 .328-1.82l2.772-3.491a2.1 2.1 0 0 0 .431-1.516a23 23 0 0 1 0-4.465a2.1 2.1 0 0 0-.431-1.516l-2.774-3.493a1.92 1.92 0 0 1-.328-1.82a27.7 27.7 0 0 1 5.25-9.093"/><path d="M44.81 12.502a27.7 27.7 0 0 0-10.5-.001a1.92 1.92 0 0 0-1.412 1.194l-1.638 4.148c-.2.507-.601.907-1.098 1.132a23 23 0 0 0-3.867 2.233c-.444.317-.99.464-1.529.384l-4.412-.655a1.92 1.92 0 0 0-1.74.625"/></g></svg>

Comment utiliser l'icône Cogwheel

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:cogwheel" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:cogwheel" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:cogwheel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cogwheel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cogwheel"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:cogwheel"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/glyphs/cogwheel.svg" alt="Icône Cogwheel" width="24" height="24">

Icônes similaires dans Glyphs

L'icône Cogwheel dans d'autres collections

FAQ : Icône Cogwheel

L'icône Cogwheel est-elle gratuite pour un usage commercial ?

Oui. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Cogwheel dans React ?

Installez @iconify/react et affichez <Icon icon="glyphs:cogwheel" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Cogwheel à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/cogwheel.svg" alt="Icône Cogwheel">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Glyphs →