Icône Settings Bold
iconamoon:settings-bold
L'icône Settings Bold (iconamoon:settings-bold) est une icône SVG gratuite de la collection IconaMoon par Dariush Habibpour. Elle est dessinée sur une grille de 24 × 24. Les IconaMoon 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
- IconaMoon
- Auteur
- Dariush Habibpour
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Général
- Mots-clés
- settingsbold, setting
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><circle cx="12" cy="12" r="2" stroke="currentColor" stroke-width="2.5"/><path fill="currentColor" d="m5.399 5.88l.625-1.083a1.25 1.25 0 0 0-1.542.232zM3.4 9.344l-1.195-.369a1.25 1.25 0 0 0 .57 1.451zm-.002 5.311l-.625-1.082a1.25 1.25 0 0 0-.57 1.452zm2 3.464l-.918.85a1.25 1.25 0 0 0 1.543.233zm4.6 2.655H8.75c0 .583.404 1.089.973 1.219zm4.001.002l.278 1.22a1.25 1.25 0 0 0 .972-1.22zM18.6 18.12l-.625 1.082a1.25 1.25 0 0 0 1.542-.232zm1.998-3.466l1.195.369a1.25 1.25 0 0 0-.57-1.451zm.002-5.311l.625 1.082a1.25 1.25 0 0 0 .57-1.452zm-2-3.465l.917-.849a1.25 1.25 0 0 0-1.542-.233zM14 3.225h1.25a1.25 1.25 0 0 0-.972-1.219zm-4-.002l-.278-1.22a1.25 1.25 0 0 0-.972 1.22zm4 1.849h-1.25zm5 8.66l-.625 1.083zm-2 3.464l-.625 1.083zM5 13.732l.625 1.083zm2-6.928l-.625 1.082zm-2.405 2.91a7.74 7.74 0 0 1 1.72-2.985l-1.833-1.7a10.24 10.24 0 0 0-2.276 3.947zm.693 6.161a7.8 7.8 0 0 1-.695-1.589l-2.388.74c.222.719.528 1.422.918 2.099zm1.028 1.396a7.8 7.8 0 0 1-1.028-1.396l-2.165 1.25c.39.676.848 1.293 1.358 1.845zm7.406 2.288a7.74 7.74 0 0 1-3.444-.003l-.556 2.438c1.479.337 3.037.349 4.556.002zm5.683-5.272a7.74 7.74 0 0 1-1.72 2.984l1.833 1.7a10.24 10.24 0 0 0 2.276-3.947zm-.693-6.162c.297.514.527 1.047.695 1.588l2.388-.74a10.3 10.3 0 0 0-.918-2.098zm-1.028-1.397q.58.626 1.028 1.397l2.165-1.25a10.3 10.3 0 0 0-1.359-1.845zm-7.406-2.287a7.74 7.74 0 0 1 3.444.003l.556-2.438a10.24 10.24 0 0 0-4.556-.002zm.972.63V3.224h-2.5v1.849zm-3.625.65l-1.601-.924l-1.25 2.165l1.6.924zm-3.25 6.929l-1.601.924l1.25 2.165l1.6-.924zm1.25-3.465l-1.6-.923l-1.25 2.165l1.6.924zm5.625 11.59v-1.847h-2.5v1.847zm-4.875-4.661l-1.601.924l1.25 2.165l1.6-.924zm12.851.924l-1.601-.924l-1.25 2.165l1.601.924zm-3.976 3.74v-1.85h-2.5v1.85zM19.976 8.26l-1.601.924l1.25 2.165l1.601-.924zm1.248 5.312l-1.599-.924l-1.25 2.166l1.6.923zm-5.974-8.5V3.225h-2.5v1.847zm2.726-.275l-1.601.924l1.25 2.165l1.601-.924zm-5.226.275c0 2.502 2.708 4.065 4.875 2.814l-1.25-2.165a.75.75 0 0 1-1.125-.65zm5.625 4.113c-2.167 1.251-2.167 4.379 0 5.63l1.25-2.165a.75.75 0 0 1 0-1.3zm-.75 6.929c-2.167-1.251-4.875.312-4.875 2.814h2.5a.75.75 0 0 1 1.125-.65zm-6.375 2.814c0-2.502-2.708-4.065-4.875-2.814l1.25 2.165a.75.75 0 0 1 1.125.65zm-5.625-4.113c2.167-1.251 2.167-4.379 0-5.63l-1.25 2.165a.75.75 0 0 1 0 1.3zM8.75 5.072a.75.75 0 0 1-1.125.65l-1.25 2.164c2.167 1.251 4.875-.312 4.875-2.814z"/></g></svg>Comment utiliser l'icône Settings Bold
React
import { Icon } from "@iconify/react";
<Icon icon="iconamoon:settings-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconamoon:settings-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconamoon:settings-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconamoon--settings-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconamoon -->
<div class="i-iconamoon:settings-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconamoon:settings-bold"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/iconamoon/settings-bold.svg" alt="Icône Settings Bold" width="24" height="24">Icônes similaires dans IconaMoon
L'icône Settings Bold dans d'autres collections
FAQ : Icône Settings Bold
L'icône Settings Bold est-elle gratuite pour un usage commercial ?
Oui. Les IconaMoon 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 Settings Bold dans React ?
Installez @iconify/react et affichez <Icon icon="iconamoon:settings-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Settings Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/iconamoon/settings-bold.svg" alt="Icône Settings Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.