Ikon Settings Fill
keyline-icons:settings-fill
Ikon Settings Fill (keyline-icons:settings-fill) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Keyline Icons
- Pembuat
- Keyline Icons
- Lisensi
- MIT
- 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="M12.5 2C13.6046 2 14.5 2.8954 14.5 4L14.5 4.8838C14.5 4.8838 14.5034 4.8917 14.5107 4.9014C14.5268 4.9224 14.5581 4.949 14.6035 4.9658C14.783 5.0322 14.9596 5.1055 15.1318 5.1846L15.1943 5.2041C15.2137 5.2071 15.2309 5.2069 15.2441 5.2051L15.2637 5.2002L15.8896 4.5742C16.6708 3.7938 17.9369 3.7943 18.7178 4.5752L19.4248 5.2822C20.2058 6.0635 20.2051 7.3295 19.4238 8.1104L18.7988 8.7354C18.7988 8.7354 18.7965 8.7431 18.7949 8.7549C18.7914 8.7812 18.7942 8.8229 18.8145 8.8672C18.8939 9.0399 18.9677 9.2168 19.0342 9.3965C19.051 9.4419 19.0776 9.4732 19.0986 9.4893L19.1162 9.5L20 9.5C21.1046 9.5 22 10.3954 22 11.5L22 12.5C22 13.6046 21.1046 14.5 20 14.5L19.1162 14.5C19.1162 14.5 19.1083 14.5034 19.0986 14.5107C19.0775 14.5269 19.0501 14.5587 19.0332 14.6045C18.9669 14.7835 18.894 14.9601 18.8145 15.1328C18.7943 15.1768 18.7904 15.2179 18.7939 15.2441C18.7955 15.2559 18.799 15.2619 18.7998 15.2637L19.4248 15.8896C20.2057 16.6707 20.2057 17.9368 19.4248 18.7178L18.7178 19.4248C17.9368 20.2057 16.6707 20.2057 15.8896 19.4248L15.2646 18.7998C15.2646 18.7998 15.2562 18.7956 15.2441 18.7939C15.2309 18.7922 15.2137 18.7929 15.1943 18.7959L15.1318 18.8145C15.0455 18.8542 14.9582 18.8923 14.8701 18.9287L14.6035 19.0332C14.5581 19.05 14.5268 19.0767 14.5107 19.0977L14.5 19.1152L14.5 20C14.5 21.1046 13.6046 22 12.5 22L11.5 22C10.3954 22 9.5 21.1046 9.5 20L9.5 19.1152C9.5 19.1152 9.4966 19.1072 9.4893 19.0977C9.4732 19.0767 9.4418 19.0499 9.3965 19.0332C9.2171 18.967 9.041 18.8938 8.8682 18.8145C8.8236 18.794 8.7814 18.7913 8.7549 18.7949C8.7431 18.7966 8.7354 18.7998 8.7354 18.7998L8.1104 19.4238C7.3295 20.2051 6.0635 20.2058 5.2822 19.4248L4.5752 18.7178C3.7943 17.9369 3.7938 16.6708 4.5742 15.8896L5.2002 15.2637C5.2012 15.2615 5.2036 15.2553 5.2051 15.2441C5.2069 15.2309 5.2071 15.2137 5.2041 15.1943L5.1846 15.1318C5.1055 14.9596 5.0322 14.783 4.9658 14.6035C4.949 14.5581 4.9224 14.5268 4.9014 14.5107L4.8838 14.5L4 14.5C2.8954 14.5 2 13.6046 2 12.5L2 11.5C2 10.3954 2.8954 9.5 4 9.5L4.8838 9.5C4.8838 9.5 4.8918 9.4966 4.9014 9.4893C4.9224 9.4732 4.9491 9.4419 4.9658 9.3965C5.0319 9.2174 5.1048 9.0407 5.1846 8.8672C5.2047 8.8229 5.2086 8.7813 5.2051 8.7549C5.2035 8.7431 5.2001 8.7372 5.1992 8.7354L4.5752 8.1104C3.7943 7.3293 3.7943 6.0632 4.5752 5.2822L5.2822 4.5752C6.0632 3.7943 7.3293 3.7943 8.1104 4.5752L8.7344 5.1992C8.7344 5.1992 8.7428 5.2034 8.7549 5.2051C8.7813 5.2086 8.8229 5.2047 8.8672 5.1846L9.1299 5.0703C9.2181 5.0339 9.3069 4.9989 9.3965 4.9658C9.4419 4.9491 9.4732 4.9224 9.4893 4.9014L9.5 4.8838L9.5 4C9.5 2.8954 10.3954 2 11.5 2L12.5 2ZM12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5Z"/></svg>
Cara memakai ikon Settings Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:settings-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:settings-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:settings-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--settings-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:settings-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:settings-fill"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/settings-fill.svg" alt="Ikon Settings Fill" width="24" height="24">
Ikon terkait di Keyline Icons
Ikon Settings Fill di set ikon lain
FAQ Ikon Settings Fill
Apakah ikon Settings Fill gratis untuk penggunaan komersial?
Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Settings Fill di React?
Pasang @iconify/react lalu render <Icon icon="keyline-icons:settings-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Settings Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/settings-fill.svg" alt="Ikon Settings Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Keyline Icons →
ICONYZ
