Иконка Settings Cute Duotone

si:settings-cute-duotone

Иконка Settings Cute Duotone (si:settings-cute-duotone) — бесплатная SVG-иконка из набора Sargam Icons от Abhimanyu Rana. Она нарисована на сетке 24 × 24. Sargam Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Sargam Icons
Автор: Abhimanyu Rana
Лицензия: MIT
Размер: 24 × 24
Теги: settingscute, cuteduotone, settingscuteduotone, setting

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/si/settings-cute-duotone.svg" alt="Иконка Settings Cute Duotone" width="24" height="24">

Вопросы и ответы: Иконка Settings Cute Duotone

Можно ли бесплатно использовать иконку Settings Cute Duotone в коммерческих проектах?

Да. Sargam Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Settings Cute Duotone в React?

Установите @iconify/react и выведите <Icon icon="si:settings-cute-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Settings Cute Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/si/settings-cute-duotone.svg" alt="Иконка Settings Cute Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Sargam Icons →