Ikon Console
grommet-icons:console
Ikon Console (grommet-icons:console) adalah ikon SVG gratis dari set Grommet Icons karya Grommet. Ikon ini digambar pada grid 24 × 24. Grommet Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Grommet Icons
- Pembuat
- Grommet
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 18a1 1 0 1 0 0-2zm-8-2a1 1 0 1 0 0 2zm.707-8.707a1 1 0 1 0-1.414 1.414zM11 11l.707.707a1 1 0 0 0 0-1.414zm-3.707 2.293a1 1 0 1 0 1.414 1.414zM7 4h10V2H7zm13 3v10h2V7zm-3 13H7v2h10zM4 17V7H2v10zm3 3a3 3 0 0 1-3-3H2a5 5 0 0 0 5 5zm13-3a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zM17 4a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM7 2a5 5 0 0 0-5 5h2a3 3 0 0 1 3-3zm9 14H8v2h8zM7.293 8.707l3 3l1.414-1.414l-3-3zm3 1.586l-3 3l1.414 1.414l3-3z"/></svg>
Cara memakai ikon Console
React
import { Icon } from "@iconify/react";
<Icon icon="grommet-icons:console" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="grommet-icons:console" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="grommet-icons:console" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--console]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:console"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="grommet-icons:console"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/grommet-icons/console.svg" alt="Ikon Console" width="24" height="24">
Ikon Console di set ikon lain
FAQ Ikon Console
Apakah ikon Console gratis untuk penggunaan komersial?
Ya. Grommet Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Console di React?
Pasang @iconify/react lalu render <Icon icon="grommet-icons:console" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Console ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/grommet-icons/console.svg" alt="Ikon Console">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Grommet Icons →
ICONYZ
