Ikon Settings 5 Fill
mingcute:settings-5-fill
Ikon Settings 5 Fill (mingcute:settings-5-fill) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- MingCute Icon
- Pembuat
- MingCute Design
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- settingsfill, setting
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/settings-5-fill.svg" alt="Ikon Settings 5 Fill" width="24" height="24">
Ikon terkait di MingCute Icon
Ikon Settings 5 Fill di set ikon lain
FAQ Ikon Settings 5 Fill
Apakah ikon Settings 5 Fill gratis untuk penggunaan komersial?
Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Settings 5 Fill di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:settings-5-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Settings 5 Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/settings-5-fill.svg" alt="Ikon Settings 5 Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon MingCute Icon →
ICONYZ
