Ikon Keyboard
dinkie-icons:keyboard
Ikon Keyboard (dinkie-icons:keyboard) adalah ikon SVG gratis dari set Dinkie Icons karya atelierAnchor. Ikon ini digambar pada grid 12 × 12. Dinkie 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
- Dinkie Icons
- Pembuat
- atelierAnchor
- Lisensi
- MIT
- Ukuran
- 12 × 12
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" d="M1 3H0v7h1Zm0 0h9V2H1Zm1 6h1V8H2Zm-1 2h9v-1H1Zm2-4h1V6H3Zm1 2h3V8H4ZM2 5h1V4H2Zm3 2h1V6H5ZM4 5h1V4H4Zm4 4h1V8H8ZM7 7h1V6H7ZM6 5h1V4H6Zm4 5h1V3h-1ZM8 5h1V4H8Zm0 0"/></svg>
Cara memakai ikon Keyboard
React
import { Icon } from "@iconify/react";
<Icon icon="dinkie-icons:keyboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="dinkie-icons:keyboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="dinkie-icons:keyboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[dinkie-icons--keyboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/dinkie-icons -->
<div class="i-dinkie-icons:keyboard"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="dinkie-icons:keyboard"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/dinkie-icons/keyboard.svg" alt="Ikon Keyboard" width="24" height="24">
Ikon terkait di Dinkie Icons
Ikon Keyboard di set ikon lain
FAQ Ikon Keyboard
Apakah ikon Keyboard gratis untuk penggunaan komersial?
Ya. Dinkie Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Keyboard di React?
Pasang @iconify/react lalu render <Icon icon="dinkie-icons: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/dinkie-icons/keyboard.svg" alt="Ikon Keyboard">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Dinkie Icons →
ICONYZ
