Ikon Settings
iconoir:settings
Ikon Settings (iconoir:settings) adalah ikon SVG gratis dari set Iconoir karya Luca Burgio. Ikon ini digambar pada grid 24 × 24. Iconoir 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
- Iconoir
- Pembuat
- Luca Burgio
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Kategori
- Sistem
- Tag
- setting
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path d="m19.622 10.395l-1.097-2.65L20 6l-2-2l-1.735 1.483l-2.707-1.113L12.935 2h-1.954l-.632 2.401l-2.645 1.115L6 4L4 6l1.453 1.789l-1.08 2.657L2 11v2l2.401.656L5.516 16.3L4 18l2 2l1.791-1.46l2.606 1.072L11 22h2l.604-2.387l2.651-1.098C16.697 18.832 18 20 18 20l2-2l-1.484-1.75l1.098-2.652l2.386-.62V11z"/></g></svg>
Cara memakai ikon Settings
React
import { Icon } from "@iconify/react";
<Icon icon="iconoir:settings" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconoir:settings" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconoir:settings" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconoir--settings]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconoir -->
<div class="i-iconoir:settings"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconoir:settings"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/iconoir/settings.svg" alt="Ikon Settings" width="24" height="24">
Ikon Settings di set ikon lain
FAQ Ikon Settings
Apakah ikon Settings gratis untuk penggunaan komersial?
Ya. Iconoir icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Settings di React?
Pasang @iconify/react lalu render <Icon icon="iconoir:settings" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Settings ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/iconoir/settings.svg" alt="Ikon Settings">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Iconoir →
ICONYZ
