Icône Settings Cute Duotone
si:settings-cute-duotone
L'icône Settings Cute Duotone (si:settings-cute-duotone) est une icône SVG gratuite de la collection Sargam Icons par Abhimanyu Rana. Elle est dessinée sur une grille de 24 × 24. Les Sargam 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
- Sargam Icons
- Auteur
- Abhimanyu Rana
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- settingscute, cuteduotone, settingscuteduotone, setting
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGHcSWxdhd)"><path fill-opacity=".16" fill-rule="evenodd" d="M20 9c1.66 0 3 1.34 3 3s-1.34 3-3 3h-.76l.54.54a3 3 0 0 1 0 4.24a3 3 0 0 1-4.24 0l-.54-.54V20c0 1.66-1.34 3-3 3s-3-1.34-3-3v-.76l-.54.54a3 3 0 0 1-4.24 0a3 3 0 0 1 0-4.24l.54-.54H4c-1.66 0-3-1.34-3-3s1.34-3 3-3h.76l-.54-.54a3 3 0 0 1 0-4.24a3 3 0 0 1 4.24 0l.54.54V4c0-1.66 1.34-3 3-3s3 1.34 3 3v.76l.54-.54a3 3 0 0 1 4.24 0a3 3 0 0 1 0 4.24l-.54.54zm-4 3a4 4 0 1 1-8 0a4 4 0 0 1 8 0" clip-rule="evenodd"/><path d="m19.24 9l-.53-.53a.75.75 0 0 0 .53 1.28zm.54-.54l.53.53zm-4.24-4.24l-.53-.53zm-.54.54h-.75a.75.75 0 0 0 1.28.53zm-6 0l-.53.53a.75.75 0 0 0 1.28-.53zm-.54-.54l.53-.53zM4.22 8.46l-.53.53zm.54.54v.75a.75.75 0 0 0 .53-1.28zm0 6l.53.53a.75.75 0 0 0-.53-1.28zm-.54.54l-.53-.53zm4.24 4.24l.53.53zm.54-.54h.75a.75.75 0 0 0-1.28-.53zm6 0l.53-.53a.75.75 0 0 0-1.28.53zm.54.54l-.53.53zm4.24-4.24l.53-.53zm-.54-.54v-.75a.75.75 0 0 0-.53 1.28zm4.51-3A3.746 3.746 0 0 0 20 8.25v1.5A2.246 2.246 0 0 1 22.25 12zM20 8.25h-.76v1.5H20zm-.23 1.28l.54-.54l-1.06-1.06l-.54.54zm.54-.54a3.75 3.75 0 0 0 0-5.3l-1.06 1.06a2.25 2.25 0 0 1 0 3.18zm0-5.3a3.75 3.75 0 0 0-5.3 0l1.06 1.06a2.25 2.25 0 0 1 3.18 0zm-5.3 0l-.54.54l1.06 1.06l.54-.54zm.74 1.07V4h-1.5v.76zm0-.76A3.746 3.746 0 0 0 12 .25v1.5A2.246 2.246 0 0 1 14.25 4zM12 .25A3.746 3.746 0 0 0 8.25 4h1.5A2.246 2.246 0 0 1 12 1.75zM8.25 4v.76h1.5V4zm1.28.23l-.54-.54l-1.06 1.06l.54.54zm-.54-.54a3.75 3.75 0 0 0-5.3 0l1.06 1.06a2.25 2.25 0 0 1 3.18 0zm-5.3 0a3.75 3.75 0 0 0 0 5.3l1.06-1.06a2.25 2.25 0 0 1 0-3.18zm0 5.3l.54.54l1.06-1.06l-.54-.54zm1.07-.74H4v1.5h.76zm-.76 0A3.746 3.746 0 0 0 .25 12h1.5A2.246 2.246 0 0 1 4 9.75zM.25 12A3.746 3.746 0 0 0 4 15.75v-1.5A2.246 2.246 0 0 1 1.75 12zM4 15.75h.76v-1.5H4zm.23-1.28l-.54.54l1.06 1.06l.54-.54zm-.54.54a3.75 3.75 0 0 0 0 5.3l1.06-1.06a2.25 2.25 0 0 1 0-3.18zm0 5.3a3.75 3.75 0 0 0 5.3 0l-1.06-1.06a2.25 2.25 0 0 1-3.18 0zm5.3 0l.54-.54l-1.06-1.06l-.54.54zm-.74-1.07V20h1.5v-.76zm0 .76A3.746 3.746 0 0 0 12 23.75v-1.5A2.246 2.246 0 0 1 9.75 20zM12 23.75A3.746 3.746 0 0 0 15.75 20h-1.5A2.246 2.246 0 0 1 12 22.25zM15.75 20v-.76h-1.5V20zm-1.28-.23l.54.54l1.06-1.06l-.54-.54zm.54.54a3.75 3.75 0 0 0 5.3 0l-1.06-1.06a2.25 2.25 0 0 1-3.18 0zm5.3 0a3.75 3.75 0 0 0 0-5.3l-1.06 1.06a2.25 2.25 0 0 1 0 3.18zm0-5.3l-.54-.54l-1.06 1.06l.54.54zm-1.07.74H20v-1.5h-.76zm.76 0A3.746 3.746 0 0 0 23.75 12h-1.5A2.246 2.246 0 0 1 20 14.25zM15.25 12A3.25 3.25 0 0 1 12 15.25v1.5A4.75 4.75 0 0 0 16.75 12zM12 15.25A3.25 3.25 0 0 1 8.75 12h-1.5A4.75 4.75 0 0 0 12 16.75zM8.75 12A3.25 3.25 0 0 1 12 8.75v-1.5A4.75 4.75 0 0 0 7.25 12zM12 8.75A3.25 3.25 0 0 1 15.25 12h1.5A4.75 4.75 0 0 0 12 7.25z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
Comment utiliser l'icône Settings Cute Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="si:settings-cute-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si:settings-cute-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si:settings-cute-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si--settings-cute-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si -->
<div class="i-si:settings-cute-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si:settings-cute-duotone"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/si/settings-cute-duotone.svg" alt="Icône Settings Cute Duotone" width="24" height="24">
Icônes similaires dans Sargam Icons
FAQ : Icône Settings Cute Duotone
L'icône Settings Cute Duotone est-elle gratuite pour un usage commercial ?
Oui. Les Sargam Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Settings Cute Duotone dans React ?
Installez @iconify/react et affichez <Icon icon="si:settings-cute-duotone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Settings Cute Duotone à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/si/settings-cute-duotone.svg" alt="Icône Settings Cute Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Sargam Icons →
