Keyboard icon
fxemoji:keyboard
The Keyboard icon (fxemoji:keyboard) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<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>How to use the Keyboard icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/keyboard.svg" alt="Keyboard icon" width="24" height="24">Related icons in Firefox OS Emoji
Keyboard icon in other icon sets
Keyboard icon FAQ
Is the Keyboard icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Keyboard icon in React?
Install @iconify/react and render <Icon icon="fxemoji:keyboard" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Keyboard icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/keyboard.svg" alt="Keyboard icon">, or paste the SVG code inline to style it with CSS.