Иконка Settings 5 Fill
mingcute:settings-5-fill
Иконка Settings 5 Fill (mingcute:settings-5-fill) — бесплатная SVG-иконка из набора MingCute Icon от MingCute Design. Она нарисована на сетке 24 × 24. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- MingCute Icon
- Автор
- MingCute Design
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Теги
- settingsfill, setting
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/mingcute/settings-5-fill.svg" alt="Иконка Settings 5 Fill" width="24" height="24">
Похожие иконки в наборе MingCute Icon
Иконка Settings 5 Fill в других наборах
Вопросы и ответы: Иконка Settings 5 Fill
Можно ли бесплатно использовать иконку Settings 5 Fill в коммерческих проектах?
Да. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Settings 5 Fill в React?
Установите @iconify/react и выведите <Icon icon="mingcute:settings-5-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Settings 5 Fill на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mingcute/settings-5-fill.svg" alt="Иконка Settings 5 Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки MingCute Icon →
ICONYZ
