Ikon Settings
andrsrxn:settings
Ikon Settings (andrsrxn:settings) adalah ikon SVG gratis dari set andrsrxn/icons karya Andrés Raxón. Ikon ini digambar pada grid 24 × 24. andrsrxn/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
- andrsrxn/icons
- Pembuat
- Andrés Raxón
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Kategori
- Alat
- Tag
- setting
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M1.48 12.67c0 .94 0 1.41.3 1.7c.29.3.76.3 1.7.3h1.45c.27 0 .4 0 .52.03a1 1 0 0 1 .47.27c.09.09.16.2.29.43s.2.35.23.47a1 1 0 0 1 0 .54c-.03.12-.1.24-.23.47l-.67 1.15c-.47.82-.7 1.23-.6 1.63c.11.4.52.63 1.34 1.1l.95.55c.81.47 1.22.7 1.62.6s.64-.51 1.1-1.33l.41-.7c.24-.4.35-.6.53-.73l.16-.1c.2-.09.43-.09.9-.09c.45 0 .69 0 .88.1l.17.09c.17.12.29.32.52.72l.4.7c.48.83.71 1.23 1.11 1.34c.4.1.81-.13 1.63-.6l.95-.55c.82-.47 1.22-.7 1.33-1.1c.1-.4-.13-.81-.6-1.63l-.41-.71c-.28-.5-.42-.74-.43-1q0-.15.04-.3c.07-.24.27-.44.67-.84c.22-.22.33-.33.46-.4l.17-.07c.15-.04.3-.04.62-.04h.82c.95 0 1.42 0 1.71-.3c.3-.29.3-.76.3-1.7v-1.1c0-.94 0-1.41-.3-1.7s-.76-.3-1.7-.3h-.83c-.32 0-.47 0-.62-.04l-.17-.08a2 2 0 0 1-.46-.4c-.4-.4-.6-.6-.67-.84a1 1 0 0 1-.04-.3c0-.26.15-.5.43-.99l.41-.71c.47-.82.7-1.23.6-1.63s-.51-.64-1.33-1.1l-.95-.55c-.82-.48-1.23-.71-1.63-.6s-.63.51-1.1 1.33l-.41.7c-.23.4-.35.6-.52.73l-.17.1c-.2.08-.43.08-.89.08s-.7 0-.89-.09l-.16-.1c-.18-.12-.3-.32-.53-.72l-.4-.7c-.47-.82-.71-1.23-1.11-1.33s-.8.12-1.62.6l-.95.54c-.82.47-1.23.71-1.34 1.11c-.1.4.13.8.6 1.63l.67 1.15c.13.23.2.34.23.46a1 1 0 0 1 0 .55c-.03.12-.1.23-.23.46s-.2.35-.29.44a1 1 0 0 1-.47.27c-.12.03-.25.03-.52.03H3.48c-.94 0-1.41 0-1.7.3c-.3.29-.3.76-.3 1.7zm7.8-.55a2.87 2.87 0 1 0 5.75 0a2.87 2.87 0 0 0-5.75 0" clip-rule="evenodd" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.15 9.24a2.87 2.87 0 0 0-2.87 2.88a2.87 2.87 0 1 0 2.87-2.88"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.03 14.67h.9a1.47 1.47 0 0 1 1.28 2.2l-.4.69a6 6 0 0 0-.44.86a2 2 0 0 0 .56 2.09c.16.14.38.27.82.53l.08.05c.37.2.55.31.72.37a2 2 0 0 0 2.2-.6c.12-.13.22-.3.43-.67l.18-.32a1.82 1.82 0 0 1 3.16 0l.18.32c.21.36.32.54.43.68a2 2 0 0 0 2.2.59c.18-.06.36-.16.72-.37l.24-.14c.3-.17.44-.26.56-.35a2 2 0 0 0 .62-2.31a5 5 0 0 0-.31-.58l-.23-.4a1.77 1.77 0 0 1 1.53-2.64h.3c.49 0 .73 0 .93-.04a2 2 0 0 0 1.55-1.56c.04-.2.04-.44.04-.92v-.06c0-.48 0-.72-.04-.92A2 2 0 0 0 20.7 9.6c-.2-.04-.44-.04-.92-.04h-.31a1.77 1.77 0 0 1-1.53-2.65l.23-.4c.17-.3.25-.44.3-.57a2 2 0 0 0-.61-2.32a5 5 0 0 0-.56-.34l-.24-.14c-.36-.2-.54-.31-.71-.37a2 2 0 0 0-2.2.59a5 5 0 0 0-.44.68l-.18.31a1.82 1.82 0 0 1-3.16 0l-.18-.31a5 5 0 0 0-.43-.68a2 2 0 0 0-2.2-.6a7 7 0 0 0-.72.38l-.08.05c-.44.25-.66.38-.82.53a2 2 0 0 0-.56 2.08c.07.2.2.43.45.87l.39.68a1.48 1.48 0 0 1-1.28 2.21h-.9c-.51 0-.77 0-.98.05a2 2 0 0 0-1.52 1.52c-.05.21-.05.47-.05.98c0 .5 0 .76.05.97a2 2 0 0 0 1.52 1.53c.21.05.47.05.98.05"/></g></svg>
Cara memakai ikon Settings
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:settings" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:settings" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:settings" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--settings]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:settings"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:settings"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/andrsrxn/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. andrsrxn/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="andrsrxn: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/andrsrxn/settings.svg" alt="Ikon Settings">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua andrsrxn/icons →
ICONYZ
