Ikon Keyboard
vs:keyboard
Ikon Keyboard (vs:keyboard) adalah ikon SVG gratis dari set Vesper Icons karya TableCheck. Ikon ini digambar pada grid 1920 × 1344. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Vesper Icons
- Pembuat
- TableCheck
- Lisensi
- OFL-1.1
- Ukuran
- 1920 × 1344
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1344" viewBox="0 0 1920 1344"><path fill="currentColor" d="M1600 192q132 0 226 94t94 226v512q0 132-94 226t-226 94H320q-132 0-226-94T0 1024V512q0-132 94-226t226-94zM320 1216h1280q80 0 136-56t56-136V512q0-80-56-136t-136-56H320q-80 0-136 56t-56 136v512q0 80 56 136t136 56m-64-768v128h128V448zm256 0v128h128V448zm256 0v128h128V448zm256 0v128h128V448zm512 0v128h128V448zm-256 0v128h128V448zM256 704v128h128V704zm256 0v128h128V704zm256 0v128h128V704zm256 0v128h128V704zm512 0v128h128V704zm-256 0v128h128V704zM256 960v128h128V960zm1280 0v128h128V960zm-1024 0h896v128H512z"/></svg>
Cara memakai ikon Keyboard
React
import { Icon } from "@iconify/react";
<Icon icon="vs:keyboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:keyboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:keyboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--keyboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:keyboard"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:keyboard"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vs/keyboard.svg" alt="Ikon Keyboard" width="24" height="24">
Ikon Keyboard di set ikon lain
FAQ Ikon Keyboard
Apakah ikon Keyboard gratis untuk penggunaan komersial?
Ya. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Keyboard di React?
Pasang @iconify/react lalu render <Icon icon="vs:keyboard" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Keyboard ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vs/keyboard.svg" alt="Ikon Keyboard">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Vesper Icons →
ICONYZ
