Icône Settings
raphael:settings
L'icône Settings (raphael:settings) est une icône SVG gratuite de la collection Raphael par Dmitry Baranovskiy. Elle est dessinée sur une grille de 32 × 32. Les Raphael 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
- Raphael
- Auteur
- Dmitry Baranovskiy
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- setting
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.015 12.03a3.902 3.902 0 1 0 0 7.806c.494 0 .962-.102 1.397-.27l.836 1.285l1.36-.884l-.832-1.276a3.902 3.902 0 0 0-2.761-6.66zM16 1.466C7.973 1.466 1.466 7.973 1.466 16S7.973 30.534 16 30.534S30.534 24.027 30.534 16S24.027 1.466 16 1.466M26.174 20.81c-.24.503-.513.99-.826 1.45l-3.158-.68c-.48.526-1.03.994-1.634 1.385l.12 3.202q-.761.345-1.57.57l-1.955-2.514c-.37.05-.75.086-1.135.086c-.356 0-.706-.03-1.05-.075l-1.946 2.5a11 11 0 0 1-1.57-.57l.116-3.145a8.4 8.4 0 0 1-1.712-1.427l-3.074.658a11 11 0 0 1-.826-1.447l2.088-2.31a8.3 8.3 0 0 1-.385-2.222L4.89 14.808c.054-.563.164-1.107.3-1.643l3.084-.427a8.3 8.3 0 0 1 1.135-1.942l-1.183-2.9q.602-.584 1.283-1.07l2.663 1.67a8.4 8.4 0 0 1 2.085-.75l.968-3c.278-.02.555-.042.837-.042s.56.022.837.042l.976 3.028c.72.163 1.4.416 2.036.75l2.704-1.697c.455.326.887.68 1.285 1.07l-1.215 2.986c.428.564.793 1.18 1.068 1.845l3.185.44c.135.536.247 1.082.302 1.644l-2.867 1.517a8.5 8.5 0 0 1-.355 2.1l2.156 2.382z"/></svg>
Comment utiliser l'icône Settings
React
import { Icon } from "@iconify/react";
<Icon icon="raphael:settings" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="raphael:settings" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="raphael:settings" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--settings]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:settings"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:settings"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/raphael/settings.svg" alt="Icône Settings" width="24" height="24">
Icônes similaires dans Raphael
L'icône Settings dans d'autres collections
FAQ : Icône Settings
L'icône Settings est-elle gratuite pour un usage commercial ?
Oui. Les Raphael icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Settings dans React ?
Installez @iconify/react et affichez <Icon icon="raphael:settings" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Settings à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/raphael/settings.svg" alt="Icône Settings">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Raphael →
ICONYZ
