Ikon Keyboard

fxemoji:keyboard

Ikon Keyboard (fxemoji:keyboard) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Firefox OS Emoji
Pembuat: Mozilla
Lisensi: Apache-2.0
Ukuran: 512 × 512
Kategori: Benda

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#BFBCAF" d="M30.706 86.687v8.534H10.124a3.18 3.18 0 0 1-3.18-3.18V76.432a3.225 3.225 0 0 1 3.225-3.225h20.537zm29.657-57.835v-8.534H39.825a3.225 3.225 0 0 0-3.225 3.225v15.608a3.18 3.18 0 0 0 3.18 3.18h20.582z"/><path fill="#2B3B47" d="M136.542 248.418h-7.327V140.434c0-34.873 3.537-52.27 12.614-62.048c9.554-10.292 24.299-11.061 45.704-11.061c6.913 0 12.598-1.784 16.44-5.159c3.191-2.803 4.948-6.592 4.948-10.669c0-7.951-6.693-16.508-21.388-16.508H60.363v-7.327h127.17c18.852 0 28.716 11.99 28.716 23.835c0 11.152-8.986 23.155-28.716 23.155c-19.474 0-32.803.607-40.334 8.719c-7.569 8.154-10.657 24.686-10.657 57.062zm-54.741-28.624c0-30.424-3.584-45.602-12.783-54.133c-9.162-8.497-22.644-9.109-43.758-9.109c-11.234 0-16.35-7.424-16.35-14.321c0-3.8 1.492-7.328 4.201-9.932c3.204-3.08 7.946-4.708 13.72-4.708c0 0 27.003-.051 53.478-.051c8.72 0 16.077-2.414 21.276-6.981c4.797-4.214 7.439-9.958 7.439-16.174c0-11.844-9.864-23.834-28.716-23.834H41.289v7.327h39.019c14.695 0 21.388 8.557 21.388 16.507c0 4.077-1.757 7.866-4.948 10.669c-3.842 3.375-9.527 5.159-16.44 5.159c-26.481 0-53.491.051-53.484.051c-7.698 0-14.196 2.334-18.792 6.752c-4.16 3.999-6.451 9.402-6.451 15.215c0 10.758 8.133 21.648 23.678 21.648c19.326 0 31.58.482 38.775 7.155c7.414 6.875 10.438 21.002 10.438 48.76v20.076h7.327v-20.076z"/><path fill="#597B91" d="M91.683 228.031c0 7.481-6.065 13.546-13.546 13.546s-13.546-6.065-13.546-13.546s6.065-13.546 13.546-13.546s13.546 6.065 13.546 13.546m41.068-13.546c-7.481 0-13.546 6.065-13.546 13.546s6.065 13.546 13.546 13.546s13.546-6.065 13.546-13.546c-.001-7.481-6.065-13.546-13.546-13.546M36.309 70.488c-.311 0-.615-.218-.92-.197c-.104-.019-.206-.291-.314-.291H18.989C17.951 70 17 71.329 17 72.367V96.06c0 1.038.951 1.94 1.989 1.94h16.086c.108 0 .21-.058.315-.076q.456.03.92.031c7.581 0 13.726-6.153 13.726-13.734S43.89 70.488 36.309 70.488m29.657-52.889c-.311 0-.615.227-.92.247c-.104-.018-.206.154-.314.154H48.646C47.608 18 47 18.441 47 19.479v23.693C47 44.21 47.608 45 48.646 45h16.086c.108 0 .21-.003.315-.021c.305.02.609.059.92.059c7.581 0 13.726-6.139 13.726-13.72s-6.146-13.719-13.727-13.719"/><path fill="#2B3B47" d="M488.995 489.901H35.33c-7.704 0-13.948-6.245-13.948-13.948V241.979c0-7.704 8.821-13.948 16.525-13.948h453.666c7.704 0 13.948 6.245 13.948 13.948l-2.576 233.973c-.001 7.704-6.246 13.949-13.95 13.949"/><path fill="#597B91" d="M67.639 335.532H51.383a4.48 4.48 0 0 0-4.482 4.482v16.256a4.48 4.48 0 0 0 4.482 4.482h16.256a4.48 4.48 0 0 0 4.482-4.482v-16.256a4.48 4.48 0 0 0-4.482-4.482"/><path fill="#00B1FF" d="M69.233 461.131v-72.353a4.93 4.93 0 0 0-4.931-4.931h-9.581a4.93 4.93 0 0 0-4.931 4.931v72.353a4.93 4.93 0 0 0 4.931 4.931h9.581a4.93 4.93 0 0 0 4.931-4.931"/><path fill="#F9F9F7" d="M464.958 324.475H108.239c-5.982 0-10.831 4.849-10.831 10.831V489.9h377.957V334.882c-.001-5.748-4.66-10.407-10.407-10.407"/><path fill="#2B3B47" d="M227.052 294h-15.23c-4.11 0-7.822 3.331-7.822 7.441v101.396c0 4.11 3.712 7.163 7.822 7.163H216v80h7v-80h4.052c4.11 0 6.948-3.053 6.948-7.163V301.441c0-4.11-2.838-7.441-6.948-7.441m-44.419 0h-15.23c-4.11 0-7.403 3.331-7.403 7.441v101.396c0 4.11 3.293 7.163 7.403 7.163H172v80h6v-80h4.633c4.11 0 7.367-3.053 7.367-7.163V301.441c0-4.11-3.257-7.441-7.367-7.441M134 490h-7V316h7zm133 0h-6V321h6zm56-188.559v101.396c0 4.11-3 7.163-7.11 7.163H312v80h-7v-80h-4.34c-4.11 0-7.66-3.053-7.66-7.163V301.441c0-4.11 3.55-7.441 7.66-7.441h15.229c4.111 0 7.111 3.331 7.111 7.441m45 0v101.396c0 4.11-3.581 7.163-7.691 7.163H356v80h-7v-80h-3.921c-4.11 0-7.079-3.053-7.079-7.163V301.441c0-4.11 2.969-7.441 7.079-7.441h15.229c4.111 0 7.692 3.331 7.692 7.441m44 0v101.396c0 4.11-3.162 7.163-7.272 7.163H400v80h-6v-80h-4.502c-4.11 0-7.498-3.053-7.498-7.163V301.441c0-4.11 3.388-7.441 7.498-7.441h15.229c4.111 0 7.273 3.331 7.273 7.441M445 490h-7V310h7z"/><circle cx="59.511" cy="300.871" r="12.61" fill="#FF473E"/><path fill="#0096D1" d="M71.797 442.552v-1.771a4.367 4.367 0 0 0-4.367-4.367H51.592a4.367 4.367 0 0 0-4.367 4.367v1.771a4.367 4.367 0 0 0 4.367 4.367H67.43a4.367 4.367 0 0 0 4.367-4.367"/></svg>

Cara memakai ikon Keyboard

React

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

<Icon icon="fxemoji:keyboard" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:keyboard" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:keyboard" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:keyboard"></iconify-icon>

Gambar HTML

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

Ikon terkait di Firefox OS Emoji

Ikon Keyboard di set ikon lain

FAQ Ikon Keyboard

Apakah ikon Keyboard gratis untuk penggunaan komersial?

Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Keyboard di React?

Pasang @iconify/react lalu render <Icon icon="fxemoji: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/fxemoji/keyboard.svg" alt="Ikon Keyboard">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Firefox OS Emoji →