Keyboardandmouse icon

fxemoji:keyboardandmouse

The Keyboardandmouse icon (fxemoji:keyboardandmouse) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#819096" d="M79.098 254.454h-14c0-28.365 3.564-54.231 10.307-74.802c7.534-22.984 18.618-38.782 32.946-46.954c21.216-12.102 43.911-3.853 59.213 5.197c5.16 3.051 8.223 2.576 10.08 1.951c10.565-3.556 20.046-26.799 29.215-49.277c14.515-35.585 30.967-75.918 64.396-82.662c24.648-4.969 53.613 9.605 88.564 44.556l-9.9 9.899c-30.942-30.943-56.468-44.65-75.896-40.732c-26.069 5.259-41.015 41.899-54.201 74.226c-11.307 27.718-21.071 51.656-37.712 57.257c-6.898 2.323-14.19 1.256-21.672-3.169c-17.613-10.417-32.803-12.128-45.15-5.086c-22.324 12.733-36.19 54.727-36.19 109.596"/><path fill="#ADB8BC" d="M84.916 293.948H59.279c-6.767 0-12.253-5.486-12.253-12.253v-25.637c0-6.767 5.486-12.253 12.253-12.253h25.637c6.767 0 12.253 5.486 12.253 12.253v25.637c0 6.767-5.485 12.253-12.253 12.253"/><path fill="#C5CFD1" d="M444.836 507.858H24.377c-12.357 0-22.375-10.018-22.375-22.375V294.438c0-12.357 10.018-22.375 22.375-22.375h420.46c12.357 0 22.375 10.018 22.375 22.375v191.046c-.001 12.356-10.019 22.374-22.376 22.374"/><path fill="#597B91" d="M351.971 444.517v25.135a7.293 7.293 0 0 1-7.293 7.293H124.387a7.293 7.293 0 0 1-7.293-7.293v-25.135a7.293 7.293 0 0 1 7.293-7.293h220.292a7.293 7.293 0 0 1 7.292 7.293M84.665 372.368H59.53a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.293 7.293 0 0 0-7.293-7.293m65.004 0h-25.135a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.294 7.294 0 0 0-7.293-7.293m65.003 0h-25.135a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.293 7.293 0 0 0-7.293-7.293m65.003 0H254.54a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.293 7.293 0 0 0-7.293-7.293m65.004 0h-25.135a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.294 7.294 0 0 0-7.293-7.293m65.003 0h-25.135a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.293 7.293 0 0 0-7.293-7.293m-325.017-63.31H59.53a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.293 7.293 0 0 0-7.293-7.293m65.004 0h-25.135a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.294 7.294 0 0 0-7.293-7.293m65.003 0h-25.135a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.293 7.293 0 0 0-7.293-7.293m65.003 0H254.54a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.293 7.293 0 0 0-7.293-7.293m65.004 0h-25.135a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.294 7.294 0 0 0-7.293-7.293m65.003 0h-25.135a7.293 7.293 0 0 0-7.293 7.293v25.135a7.293 7.293 0 0 0 7.293 7.293h25.135a7.293 7.293 0 0 0 7.293-7.293v-25.135a7.293 7.293 0 0 0-7.293-7.293"/><path fill="#ADB8BC" d="M459.543 64.167c61.513 61.513 55.816 99.656 28.775 126.696s-66.205 31.716-126.696-28.775C327.65 128.115 322.03 78.654 349.07 51.614s76.501-21.42 110.473 12.553"/><path fill="#819096" d="M452.924 58.067c-4.797 10.986-15.62 30.356-38.967 54.19l-62.765-62.766l-4.244 4.245l62.757 62.758c-19.084 18.685-35.212 29.194-45.519 34.744a116 116 0 0 1-8.663 4.23a111 111 0 0 0 4.959 5.432c12.31-5.68 32.226-17.526 56.287-41.588c24.061-24.061 35.908-43.977 41.587-56.287a111 111 0 0 0-5.432-4.958"/><path fill="#1C4C5A" d="m398.159 98.273l-2.431 2.431c-4.458 4.458-11.686 4.458-16.144 0l-17.368-17.368c-4.458-4.458-4.458-11.686 0-16.144l2.431-2.431c4.458-4.458 11.686-4.458 16.144 0l17.368 17.368c4.458 4.457 4.458 11.685 0 16.144"/></svg>

How to use the Keyboardandmouse icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/keyboardandmouse.svg" alt="Keyboardandmouse icon" width="24" height="24">

Keyboardandmouse icon FAQ

Is the Keyboardandmouse 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 Keyboardandmouse icon in React?

Install @iconify/react and render <Icon icon="fxemoji:keyboardandmouse" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Keyboardandmouse icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/keyboardandmouse.svg" alt="Keyboardandmouse icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →