Icône Rule Settings
material-symbols-light:rule-settings
L'icône Rule Settings (material-symbols-light:rule-settings) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light 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
- Material Symbols Light
- Auteur
- Google
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Actions d'interface
- Mots-clés
- rulesettings, setting, rule settings sharp, rule settings outline sharp, rule settings outline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.116 19.346v-1h3.096l-1.054-1.042q-1.166-1.131-1.681-2.481t-.516-2.734q0-2.41 1.375-4.361Q6.709 5.777 8.96 4.942v1.062q-1.819.765-2.909 2.424t-1.09 3.66q0 1.222.463 2.37q.463 1.15 1.44 2.127l1.02 1.019v-3.027h1v4.77zm15.79-8.673H18.9q-.183-.875-.614-1.704t-1.151-1.553l-1.02-1.02v3.027h-1v-4.77h4.77v1h-3.097l1.054 1.043q.872.896 1.374 1.898q.501 1.002.69 2.079M17 20.808l-.108-.866q-.569-.125-.937-.349t-.701-.558l-.796.353l-.577-.854l.708-.576q-.185-.542-.185-1.035t.185-1.034l-.708-.577l.577-.854l.796.354q.333-.335.7-.559q.369-.224.938-.35L17 13.04h1l.108.865q.569.125.937.352t.701.567l.796-.365l.577.865l-.707.577q.184.53.184 1.029t-.184 1.029l.707.577l-.577.854l-.796-.354q-.332.334-.7.558t-.938.35l-.108.865zm.5-1.731q.883 0 1.518-.636q.636-.635.636-1.518t-.636-1.518t-1.518-.636t-1.518.636q-.636.635-.636 1.518t.636 1.518t1.518.636"/></svg>
Comment utiliser l'icône Rule Settings
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:rule-settings" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:rule-settings" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:rule-settings" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--rule-settings]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:rule-settings"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:rule-settings"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/rule-settings.svg" alt="Icône Rule Settings" width="24" height="24">
Icônes similaires dans Material Symbols Light
L'icône Rule Settings dans d'autres collections
FAQ : Icône Rule Settings
L'icône Rule Settings est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols Light 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 Rule Settings dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols-light:rule-settings" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Rule Settings à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/rule-settings.svg" alt="Icône Rule Settings">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Material Symbols Light →
ICONYZ
