Icône Cog
streamline-plump:cog
L'icône Cog (streamline-plump:cog) est une icône SVG gratuite de la collection Plump free icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Plump free icons 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
- Plump free icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Interface essentielle
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path d="M19.158 4.362c.115-.24.281-.451.517-.575c.56-.294 1.868-.787 4.326-.787s3.765.493 4.325.787c.236.124.402.335.518.575c.335.7 1.082 2.314 1.643 3.92a17 17 0 0 1 3.878 2.242c1.672-.317 3.447-.477 4.222-.537c.265-.02.531.018.756.16c.535.339 1.616 1.224 2.844 3.353c1.23 2.129 1.456 3.507 1.482 4.14c.01.266-.089.515-.24.735c-.439.641-1.464 2.097-2.574 3.386a17.2 17.2 0 0 1 0 4.478c1.11 1.29 2.135 2.745 2.574 3.386c.15.22.25.47.24.735c-.026.633-.253 2.011-1.482 4.14s-2.31 3.014-2.844 3.353c-.225.142-.49.18-.757.16c-.775-.06-2.549-.22-4.22-.537a17 17 0 0 1-3.878 2.243c-.562 1.605-1.309 3.218-1.644 3.92c-.116.24-.282.45-.518.574c-.56.294-1.867.787-4.325.787s-3.765-.493-4.326-.787c-.236-.124-.402-.334-.517-.575c-.335-.7-1.083-2.314-1.644-3.92a17 17 0 0 1-3.878-2.242c-1.672.317-3.446.477-4.22.537c-.266.02-.532-.018-.757-.16c-.535-.339-1.616-1.224-2.845-3.353s-1.455-3.507-1.48-4.14c-.012-.266.088-.515.239-.735c.439-.641 1.464-2.097 2.574-3.386a17.2 17.2 0 0 1 0-4.478c-1.11-1.29-2.135-2.745-2.575-3.386c-.15-.22-.25-.47-.24-.735c.027-.633.253-2.011 1.482-4.14s2.31-3.014 2.844-3.353c.226-.142.491-.18.757-.16c.775.06 2.55.22 4.221.537a17 17 0 0 1 3.878-2.243c.561-1.605 1.309-3.219 1.644-3.92Z"/><path d="M14 24a10 10 0 1 0 20 0a10 10 0 1 0-20 0"/></g></svg>
Comment utiliser l'icône Cog
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:cog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:cog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:cog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--cog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:cog"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:cog"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/cog.svg" alt="Icône Cog" width="24" height="24">
Icônes similaires dans Plump free icons
L'icône Cog dans d'autres collections
FAQ : Icône Cog
L'icône Cog est-elle gratuite pour un usage commercial ?
Oui. Les Plump free icons 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 Cog dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-plump:cog" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cog à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-plump/cog.svg" alt="Icône Cog">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Plump free icons →
ICONYZ
