ICONYZ
Bahasa Indonesia
Ikon Controls dari Icalicons

Ikon Controls

il:controls

Ikon Controls (il:controls) adalah ikon SVG gratis dari set Icalicons karya Icalia Labs. Ikon ini digambar pada grid 750 × 850. Icalicons 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
Icalicons
Pembuat
Icalia Labs
Lisensi
MIT
Ukuran
750 × 850
Tag
control
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="750" height="850" viewBox="0 0 750 850"><path fill="currentColor" d="M463 194H0v-93h463zm278-93v93h-92v81q0 5-3 8t-9 3h-93q-11 0-11-11V20q0-12 11-12h93q5 0 9 3t3 9v81zM0 564h255v93H0zm440 0h301v93H440v81q0 5-3 8t-8 4h-93q-5 0-8-4t-4-8V483q0-5 4-8t8-3h93q11 0 11 11zM232 333h509v92H232zM46 425H0v-92h46v-82q0-11 12-11h93q11 0 11 11v255q0 12-11 12H58q-12 0-12-12z"/></svg>

Cara memakai ikon Controls

React

import { Icon } from "@iconify/react";

<Icon icon="il:controls" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="il:controls" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="il:controls" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[il--controls]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/il -->
<div class="i-il:controls"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="il:controls"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/il/controls.svg" alt="Ikon Controls" width="24" height="24">

Ikon Controls di set ikon lain

FAQ Ikon Controls

Apakah ikon Controls gratis untuk penggunaan komersial?

Ya. Icalicons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Controls di React?

Pasang @iconify/react lalu render <Icon icon="il:controls" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Controls ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/il/controls.svg" alt="Ikon Controls">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Icalicons →