ICONYZ
Français
Icône Settings 5 Fill de MingCute Icon

Icône Settings 5 Fill

mingcute:settings-5-fill

L'icône Settings 5 Fill (mingcute:settings-5-fill) est une icône SVG gratuite de la collection MingCute Icon par MingCute Design. Elle est dessinée sur une grille de 24 × 24. Les MingCute Icon 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
MingCute Icon
Auteur
MingCute Design
Licence
Apache-2.0
Taille
24 × 24
Mots-clés
settingsfill, setting
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.357 2.682a1 1 0 0 1 1.053-.39a10 10 0 0 1 2.75 1.142a1 1 0 0 1 .47 1.018c-.113.689.058 1.216.38 1.538s.85.494 1.538.38a1 1 0 0 1 1.019.47a10 10 0 0 1 1.14 2.75a1 1 0 0 1-.387 1.055c-.568.407-.82.9-.82 1.356c0 .455.252.95.82 1.356a1 1 0 0 1 .387 1.053a10 10 0 0 1-1.14 2.751a1 1 0 0 1-1.019.47c-.689-.114-1.216.058-1.538.38s-.493.849-.38 1.538a1 1 0 0 1-.47 1.018a10 10 0 0 1-2.75 1.141a1 1 0 0 1-1.053-.388c-.407-.567-.901-.819-1.357-.819s-.95.252-1.356.82a1 1 0 0 1-1.054.387a10 10 0 0 1-2.75-1.14a1 1 0 0 1-.47-1.02c.113-.688-.058-1.215-.38-1.537s-.85-.494-1.539-.38a1 1 0 0 1-1.018-.47a10 10 0 0 1-1.14-2.75a1 1 0 0 1 .388-1.054c.568-.406.82-.9.82-1.356c0-.455-.253-.95-.82-1.356a1 1 0 0 1-.389-1.054a10 10 0 0 1 1.14-2.751a1 1 0 0 1 1.02-.47c.688.114 1.216-.058 1.538-.38s.493-.849.38-1.538a1 1 0 0 1 .47-1.018a10 10 0 0 1 2.75-1.141c.398-.098.815.056 1.054.389c.407.567.9.819 1.356.819s.95-.252 1.357-.82M12 7a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 2a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/></svg>

Comment utiliser l'icône Settings 5 Fill

React

import { Icon } from "@iconify/react";

<Icon icon="mingcute:settings-5-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="mingcute:settings-5-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="mingcute:settings-5-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--settings-5-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:settings-5-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="mingcute:settings-5-fill"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/mingcute/settings-5-fill.svg" alt="Icône Settings 5 Fill" width="24" height="24">

Icônes similaires dans MingCute Icon

L'icône Settings 5 Fill dans d'autres collections

FAQ : Icône Settings 5 Fill

L'icône Settings 5 Fill est-elle gratuite pour un usage commercial ?

Oui. Les MingCute Icon 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 Settings 5 Fill dans React ?

Installez @iconify/react et affichez <Icon icon="mingcute:settings-5-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Settings 5 Fill à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mingcute/settings-5-fill.svg" alt="Icône Settings 5 Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes MingCute Icon →