Ikon Keyboard Framed
ix:keyboard-framed
Ikon Keyboard Framed (ix:keyboard-framed) adalah ikon SVG gratis dari set Siemens Industrial Experience Icons karya Siemens AG. Ikon ini digambar pada grid 512 × 512. Siemens Industrial Experience 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
- Siemens Industrial Experience Icons
- Pembuat
- Siemens AG
- Lisensi
- MIT
- Ukuran
- 512 × 512
- Tag
- keyboardframed
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M320 277.333v149.334H42.667V277.333zm-21.333 21.334H64v106.666h234.667zm-192 64V384H85.333v-21.333zm128 0V384H128v-21.333zm42.666 0V384H256v-21.333zM106.667 320v21.333H85.333V320zm42.666 0v21.333H128V320zM192 320v21.333h-21.333V320zm42.667 0v21.333h-21.334V320zm42.666 0v21.333H256V320zm192-234.667V320h-128v-42.667h85.334V128H85.333v128H42.667V85.333zm-320 128V256h-42.666v-42.667zm192 0V256H170.667v-42.667zm64 0V256h-42.666v-42.667zm-256-64V192h-42.666v-42.667zm64 0V192h-42.666v-42.667zm64 0V192h-42.666v-42.667zm64 0V192h-42.666v-42.667zm64 0V192h-42.666v-42.667z"/></svg>Cara memakai ikon Keyboard Framed
React
import { Icon } from "@iconify/react";
<Icon icon="ix:keyboard-framed" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:keyboard-framed" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:keyboard-framed" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--keyboard-framed]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:keyboard-framed"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:keyboard-framed"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/ix/keyboard-framed.svg" alt="Ikon Keyboard Framed" width="24" height="24">Ikon terkait di Siemens Industrial Experience Icons
FAQ Ikon Keyboard Framed
Apakah ikon Keyboard Framed gratis untuk penggunaan komersial?
Ya. Siemens Industrial Experience Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Keyboard Framed di React?
Pasang @iconify/react lalu render <Icon icon="ix:keyboard-framed" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Keyboard Framed ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ix/keyboard-framed.svg" alt="Ikon Keyboard Framed">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.