Ikon Scheme
hugeicons:scheme
Ikon Scheme (hugeicons:scheme) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge 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
- Huge Icons
- Pembuat
- Hugeicons
- Lisensi
- MIT
- Ukuran
- 24 × 24
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-width="1.5"><path d="M17 4c0-.943 0-1.414.293-1.707S18.057 2 19 2h1c.943 0 1.414 0 1.707.293S22 3.057 22 4v1c0 .943 0 1.414-.293 1.707S20.943 7 20 7h-1c-.943 0-1.414 0-1.707-.293S17 5.943 17 5zm-7.5 7.5c0-.943 0-1.414.293-1.707S10.557 9.5 11.5 9.5h1c.943 0 1.414 0 1.707.293s.293.764.293 1.707v1c0 .943 0 1.414-.293 1.707s-.764.293-1.707.293h-1c-.943 0-1.414 0-1.707-.293S9.5 13.443 9.5 12.5zM17 19c0-.943 0-1.414.293-1.707S18.057 17 19 17h1c.943 0 1.414 0 1.707.293S22 18.057 22 19v1c0 .943 0 1.414-.293 1.707S20.943 22 20 22h-1c-.943 0-1.414 0-1.707-.293S17 20.943 17 20zM2 19c0-.943 0-1.414.293-1.707S3.057 17 4 17h1c.943 0 1.414 0 1.707.293S7 18.057 7 19v1c0 .943 0 1.414-.293 1.707S5.943 22 5 22H4c-.943 0-1.414 0-1.707-.293S2 20.943 2 20zM2 4c0-.943 0-1.414.293-1.707S3.057 2 4 2h1c.943 0 1.414 0 1.707.293S7 3.057 7 4v1c0 .943 0 1.414-.293 1.707S5.943 7 5 7H4c-.943 0-1.414 0-1.707-.293S2 5.943 2 5z"/><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 13V7.045M11 4.5h6m2.5 6.5v6m-4-1.5l-1-1"/></g></svg>Cara memakai ikon Scheme
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:scheme" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:scheme" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:scheme" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--scheme]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:scheme"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:scheme"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/scheme.svg" alt="Ikon Scheme" width="24" height="24">Ikon Scheme di set ikon lain
FAQ Ikon Scheme
Apakah ikon Scheme gratis untuk penggunaan komersial?
Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Scheme di React?
Pasang @iconify/react lalu render <Icon icon="hugeicons:scheme" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Scheme ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/scheme.svg" alt="Ikon Scheme">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.