Icône Wheel Fill
mingcute:wheel-fill
L'icône Wheel Fill (mingcute:wheel-fill) est une icône SVG gratuite de la collection MingCute Icon par MingCute Design. Elle est dessinée sur une grille de 24 × 24. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, 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
- MingCute Icon
- Auteur
- MingCute Design
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- wheelfill
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m1.47 13.196a1.768 1.768 0 0 0-2.94 0l-.748 1.121c-.316.475-.5 1.364.197 1.974c.415.363 1.075.71 2.021.71s1.606-.347 2.021-.71c.698-.61.513-1.498.196-1.974zm-6.262-3.971c-.55-.155-1.452-.055-1.816.797c-.217.507-.343 1.242-.051 2.141c.292.9.826 1.42 1.3 1.703c.795.476 1.583.024 1.937-.424l.836-1.056a1.767 1.767 0 0 0-.91-2.796zm11.4.797c-.365-.852-1.267-.95-1.817-.796l-1.297.364a1.767 1.767 0 0 0-.908 2.796l.835 1.057c.354.448 1.142.898 1.937.423c.474-.283 1.008-.803 1.3-1.703s.166-1.634-.05-2.142m-8.67-6.3c-.55-.05-1.288.058-2.053.614c-.766.556-1.096 1.225-1.219 1.763c-.206.903.467 1.512 1.002 1.71l1.264.468A1.766 1.766 0 0 0 11.31 8.55l-.054-1.347c-.023-.57-.396-1.398-1.319-1.481m4.124 0c-.922.083-1.295.91-1.318 1.481L12.69 8.55a1.767 1.767 0 0 0 2.378 1.728l1.264-.467c.535-.199 1.207-.809 1.001-1.712c-.123-.538-.453-1.206-1.218-1.762s-1.503-.664-2.052-.614"/></svg>Comment utiliser l'icône Wheel Fill
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:wheel-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:wheel-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:wheel-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--wheel-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:wheel-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:wheel-fill"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/mingcute/wheel-fill.svg" alt="Icône Wheel Fill" width="24" height="24">Icônes similaires dans MingCute Icon
FAQ : Icône Wheel Fill
L'icône Wheel Fill est-elle gratuite pour un usage commercial ?
Oui. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Wheel Fill dans React ?
Installez @iconify/react et affichez <Icon icon="mingcute:wheel-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Wheel Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mingcute/wheel-fill.svg" alt="Icône Wheel Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.