Ikon Keyboard Solid

teenyicons:keyboard-solid

Ikon Keyboard Solid (teenyicons:keyboard-solid) adalah ikon SVG gratis dari set Teenyicons karya smhmd. Ikon ini digambar pada grid 15 × 15. Teenyicons 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: Teenyicons
Pembuat: smhmd
Lisensi: MIT
Ukuran: 15 × 15
Tag: keyboardsolid

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M8 0v4h5.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 0 12.5v-7A1.5 1.5 0 0 1 1.5 4H7V0zm2 6h1v1h-1zm1 2h-1v1h1zm0 3H4v1h7zM7 8h1v1H7zM5 8H4v1h1zm3-2H7v1h1zM4 6h1v1H4z" clip-rule="evenodd"/></svg>

Cara memakai ikon Keyboard Solid

React

import { Icon } from "@iconify/react";

<Icon icon="teenyicons:keyboard-solid" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="teenyicons:keyboard-solid" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="teenyicons:keyboard-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--keyboard-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:keyboard-solid"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="teenyicons:keyboard-solid"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/teenyicons/keyboard-solid.svg" alt="Ikon Keyboard Solid" width="24" height="24">

Ikon terkait di Teenyicons

Ikon Keyboard Solid di set ikon lain

FAQ Ikon Keyboard Solid

Apakah ikon Keyboard Solid gratis untuk penggunaan komersial?

Ya. Teenyicons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Keyboard Solid di React?

Pasang @iconify/react lalu render <Icon icon="teenyicons:keyboard-solid" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Keyboard Solid ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/teenyicons/keyboard-solid.svg" alt="Ikon Keyboard Solid">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Teenyicons →