ICONYZ
Français
Icône Wheel Bold de Solar

Icône Wheel Bold

solar:wheel-bold

L'icône Wheel Bold (solar:wheel-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar 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
Solar
Auteur
480 Design
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
Pièces
Mots-clés
wheelbold
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM17.9536 12.7499H14.9055C14.7675 13.2861 14.485 13.7644 14.1019 14.1406L15.6262 16.7807C16.8809 15.8275 17.7489 14.3917 17.9536 12.7499ZM14.3277 17.5318L12.8032 14.8913C12.5476 14.9621 12.2782 15 12 15C11.7218 15 11.4524 14.9621 11.1967 14.8912L9.6722 17.5317C10.388 17.8333 11.1745 18 12 18C12.8255 18 13.612 17.8333 14.3277 17.5318ZM8.37379 16.7806L9.89806 14.1405C9.515 13.7643 9.23247 13.2861 9.09448 12.7499H6.0464C6.2511 14.3917 7.11911 15.8275 8.37379 16.7806ZM17.9536 11.2499H14.9055C14.7674 10.7137 14.4849 10.2355 14.1018 9.85938L15.6261 7.21928C16.8808 8.1724 17.7488 9.60814 17.9536 11.2499ZM14.3277 6.46822C13.6119 6.16668 12.8254 6 12 6C11.1746 6 10.388 6.16669 9.67227 6.46824L11.1968 9.10874C11.4524 9.03787 11.7218 9 12 9C12.2782 9 12.5475 9.03787 12.8032 9.10873L14.3277 6.46822ZM9.89812 9.85942L8.37385 7.21931C7.1192 8.17244 6.25119 9.60816 6.04644 11.2499H9.09455C9.23257 10.7137 9.51509 10.2356 9.89812 9.85942Z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Wheel Bold

React

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

<Icon icon="solar:wheel-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:wheel-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:wheel-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--wheel-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:wheel-bold"></div>

Web component

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

<iconify-icon icon="solar:wheel-bold"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/wheel-bold.svg" alt="Icône Wheel Bold" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Wheel Bold

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

Oui. Les Solar 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 Wheel Bold dans React ?

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

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

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

Voir toutes les Icônes Solar →