Icône Settings
matita:settings
L'icône Settings (matita:settings) est une icône SVG gratuite de la collection Matita par matita.dev. Elle est dessinée sur une grille de 24 × 24. Les Matita 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
- Matita
- Auteur
- matita.dev
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- setting
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"><path stroke-width="1.76" d="M18.59 13.22q1.11.65 2.26 1.21q-.67 1.13-1.13 2.35q-1.19-.49-2.39-.97q-.79.9-1.71 1.66q.38 1.19.82 2.36q-1.1.53-2.24.95q-.51-1.21-1.18-2.35q-1.11-.1-2.22-.04q-.48 1.16-1 2.3q-1.22-.32-2.42-.69q.36-1.34.9-2.61q-.76-.88-1.51-1.77q-1.24.61-2.55 1.03q-.34-1.16-.85-2.25q1.06-.61 2.07-1.31q.06-1.11.01-2.23q-1.04-.45-1.98-1.08q.17-1.23.56-2.42q1.39.46 2.77.96q.79-.96 1.59-1.91q-.44-1.07-1.06-2.04q1.17-.61 2.42-1.03q.7 1.04 1.33 2.11q.95-.08 1.9-.05q.77-1.08 1.46-2.22q1.05.57 2.14 1.08q-.58 1.14-.97 2.36q.83.74 1.67 1.47q1.19-.38 2.37-.79q.58 1.18 1.19 2.34q-1.15.61-2.32 1.17q-.07 1.21.07 2.41q.63.4 1.32.71"/><path stroke-width="1.408" d="M9.91 13.81c-.11-.15-.53-.57-.65-.91s-.1-.74-.08-1.12c.02-.37.04-.78.18-1.13s.39-.72.68-.97s.69-.44 1.06-.55c.38-.11.79-.12 1.19-.1c.39.02.83.06 1.19.22c.37.16.74.44 1.01.75c.26.31.45.72.58 1.11c.12.4.2.84.17 1.26s-.13.88-.34 1.25c-.2.37-.53.7-.87.98c-.33.27-.73.56-1.14.67s-.89.06-1.33.01c-.43-.06-.9-.14-1.29-.34c-.38-.21-.75-.54-1.02-.89c-.26-.35-.46-.79-.58-1.22s-.13-1.13-.16-1.36"/></g></svg>
Comment utiliser l'icône Settings
React
import { Icon } from "@iconify/react";
<Icon icon="matita:settings" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="matita:settings" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="matita:settings" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[matita--settings]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/matita -->
<div class="i-matita:settings"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="matita:settings"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/matita/settings.svg" alt="Icône Settings" width="24" height="24">
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 Matita 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="matita: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/matita/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 Matita →
ICONYZ
