Ikon Keyboard Classic
fluent-mdl2:keyboard-classic
Ikon Keyboard Classic (fluent-mdl2:keyboard-classic) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 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
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
- Tag
- keyboardclassic
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1783 384q30 0 55 12t43 31t28 46t11 55v864q0 29-10 55t-29 45t-43 32t-55 12H137q-30 0-55-12t-43-31t-28-46t-11-55V528q0-28 10-54t29-46t43-32t55-12zm9 144q0-11-9-16H137q-9 5-9 16v864q0 11 9 16h1646q9-5 9-16zM384 768H256V640h128zM256 896h256v128H256zm1152 0h256v128h-256zm0 256h256v128h-256zm-1152 0h256v128H256zm384 0h640v128H640zm0-384H512V640h128zm0 128h128v128H640zm256 0h128v128H896zm256 0h128v128h-128zM896 768H768V640h128zm256 0h-128V640h128zm256 0h-128V640h128zm128-128h128v128h-128z"/></svg>Cara memakai ikon Keyboard Classic
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:keyboard-classic" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:keyboard-classic" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:keyboard-classic" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--keyboard-classic]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:keyboard-classic"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:keyboard-classic"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/keyboard-classic.svg" alt="Ikon Keyboard Classic" width="24" height="24">FAQ Ikon Keyboard Classic
Apakah ikon Keyboard Classic gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Keyboard Classic di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:keyboard-classic" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Keyboard Classic ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/keyboard-classic.svg" alt="Ikon Keyboard Classic">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.