Icône Settings Fill
keyline-icons:settings-fill
L'icône Settings Fill (keyline-icons:settings-fill) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline 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
- Keyline Icons
- Auteur
- Keyline Icons
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- settingsfill, setting
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5 2C13.6046 2 14.5 2.8954 14.5 4L14.5 4.8838C14.5 4.8838 14.5034 4.8917 14.5107 4.9014C14.5268 4.9224 14.5581 4.949 14.6035 4.9658C14.783 5.0322 14.9596 5.1055 15.1318 5.1846L15.1943 5.2041C15.2137 5.2071 15.2309 5.2069 15.2441 5.2051L15.2637 5.2002L15.8896 4.5742C16.6708 3.7938 17.9369 3.7943 18.7178 4.5752L19.4248 5.2822C20.2058 6.0635 20.2051 7.3295 19.4238 8.1104L18.7988 8.7354C18.7988 8.7354 18.7965 8.7431 18.7949 8.7549C18.7914 8.7812 18.7942 8.8229 18.8145 8.8672C18.8939 9.0399 18.9677 9.2168 19.0342 9.3965C19.051 9.4419 19.0776 9.4732 19.0986 9.4893L19.1162 9.5L20 9.5C21.1046 9.5 22 10.3954 22 11.5L22 12.5C22 13.6046 21.1046 14.5 20 14.5L19.1162 14.5C19.1162 14.5 19.1083 14.5034 19.0986 14.5107C19.0775 14.5269 19.0501 14.5587 19.0332 14.6045C18.9669 14.7835 18.894 14.9601 18.8145 15.1328C18.7943 15.1768 18.7904 15.2179 18.7939 15.2441C18.7955 15.2559 18.799 15.2619 18.7998 15.2637L19.4248 15.8896C20.2057 16.6707 20.2057 17.9368 19.4248 18.7178L18.7178 19.4248C17.9368 20.2057 16.6707 20.2057 15.8896 19.4248L15.2646 18.7998C15.2646 18.7998 15.2562 18.7956 15.2441 18.7939C15.2309 18.7922 15.2137 18.7929 15.1943 18.7959L15.1318 18.8145C15.0455 18.8542 14.9582 18.8923 14.8701 18.9287L14.6035 19.0332C14.5581 19.05 14.5268 19.0767 14.5107 19.0977L14.5 19.1152L14.5 20C14.5 21.1046 13.6046 22 12.5 22L11.5 22C10.3954 22 9.5 21.1046 9.5 20L9.5 19.1152C9.5 19.1152 9.4966 19.1072 9.4893 19.0977C9.4732 19.0767 9.4418 19.0499 9.3965 19.0332C9.2171 18.967 9.041 18.8938 8.8682 18.8145C8.8236 18.794 8.7814 18.7913 8.7549 18.7949C8.7431 18.7966 8.7354 18.7998 8.7354 18.7998L8.1104 19.4238C7.3295 20.2051 6.0635 20.2058 5.2822 19.4248L4.5752 18.7178C3.7943 17.9369 3.7938 16.6708 4.5742 15.8896L5.2002 15.2637C5.2012 15.2615 5.2036 15.2553 5.2051 15.2441C5.2069 15.2309 5.2071 15.2137 5.2041 15.1943L5.1846 15.1318C5.1055 14.9596 5.0322 14.783 4.9658 14.6035C4.949 14.5581 4.9224 14.5268 4.9014 14.5107L4.8838 14.5L4 14.5C2.8954 14.5 2 13.6046 2 12.5L2 11.5C2 10.3954 2.8954 9.5 4 9.5L4.8838 9.5C4.8838 9.5 4.8918 9.4966 4.9014 9.4893C4.9224 9.4732 4.9491 9.4419 4.9658 9.3965C5.0319 9.2174 5.1048 9.0407 5.1846 8.8672C5.2047 8.8229 5.2086 8.7813 5.2051 8.7549C5.2035 8.7431 5.2001 8.7372 5.1992 8.7354L4.5752 8.1104C3.7943 7.3293 3.7943 6.0632 4.5752 5.2822L5.2822 4.5752C6.0632 3.7943 7.3293 3.7943 8.1104 4.5752L8.7344 5.1992C8.7344 5.1992 8.7428 5.2034 8.7549 5.2051C8.7813 5.2086 8.8229 5.2047 8.8672 5.1846L9.1299 5.0703C9.2181 5.0339 9.3069 4.9989 9.3965 4.9658C9.4419 4.9491 9.4732 4.9224 9.4893 4.9014L9.5 4.8838L9.5 4C9.5 2.8954 10.3954 2 11.5 2L12.5 2ZM12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5Z"/></svg>
Comment utiliser l'icône Settings Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:settings-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:settings-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:settings-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--settings-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:settings-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:settings-fill"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/settings-fill.svg" alt="Icône Settings Fill" width="24" height="24">
Icônes similaires dans Keyline Icons
L'icône Settings Fill dans d'autres collections
FAQ : Icône Settings Fill
L'icône Settings Fill est-elle gratuite pour un usage commercial ?
Oui. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Settings Fill dans React ?
Installez @iconify/react et affichez <Icon icon="keyline-icons:settings-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Settings Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/settings-fill.svg" alt="Icône Settings Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Keyline Icons →
ICONYZ
