Musicalkeyboard icon
fxemoji:musicalkeyboard
The Musicalkeyboard icon (fxemoji:musicalkeyboard) 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="#445056" d="M458.043 505.825H54.303c-26.486 0-47.957-21.471-47.957-47.957V54.132c0-26.486 21.471-47.957 47.957-47.957h403.74C484.529 6.175 506 27.646 506 54.132v403.736c0 26.486-21.471 47.957-47.957 47.957"/><path fill="#F4F3EF" d="M110.171 468.114H55.075c-11.929 0-21.6-9.671-21.6-21.6V95.264h76.697c11.929 0 21.6 9.671 21.6 21.6v329.651c-.001 11.929-9.671 21.599-21.601 21.599m137.417-21.6v-329.65c0-11.929-9.671-21.6-21.6-21.6h-55.097c-11.929 0-21.6 9.671-21.6 21.6v329.651c0 11.929 9.671 21.6 21.6 21.6h55.097c11.929-.001 21.6-9.671 21.6-21.601m115.817 0v-329.65c0-11.929-9.671-21.6-21.6-21.6h-55.097c-11.929 0-21.6 9.671-21.6 21.6v329.651c0 11.929 9.671 21.6 21.6 21.6h55.097c11.929-.001 21.6-9.671 21.6-21.601m115.816 0V95.264h-76.697c-11.929 0-21.6 9.671-21.6 21.6v329.651c0 11.929 9.671 21.6 21.6 21.6h55.097c11.93-.001 21.6-9.671 21.6-21.601"/><path fill="#445056" d="M152.307 335.633h-24.163c-11.929 0-21.6-9.671-21.6-21.6V65.762c0-11.929 9.671-21.6 21.6-21.6h24.163c11.929 0 21.6 9.671 21.6 21.6v248.271c0 11.93-9.67 21.6-21.6 21.6m137.547-21.6V65.762c0-11.929-9.671-21.6-21.6-21.6h-24.163c-11.929 0-21.6 9.671-21.6 21.6v248.271c0 11.929 9.671 21.6 21.6 21.6h24.163c11.93 0 21.6-9.67 21.6-21.6m115.947 0V65.762c0-11.929-9.671-21.6-21.6-21.6h-24.163c-11.929 0-21.6 9.671-21.6 21.6v248.271c0 11.929 9.671 21.6 21.6 21.6h24.163c11.93 0 21.6-9.67 21.6-21.6"/></svg>How to use the Musicalkeyboard icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:musicalkeyboard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:musicalkeyboard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:musicalkeyboard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--musicalkeyboard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:musicalkeyboard"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:musicalkeyboard"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/musicalkeyboard.svg" alt="Musicalkeyboard icon" width="24" height="24">Musicalkeyboard icon FAQ
Is the Musicalkeyboard 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 Musicalkeyboard icon in React?
Install @iconify/react and render <Icon icon="fxemoji:musicalkeyboard" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Musicalkeyboard icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/musicalkeyboard.svg" alt="Musicalkeyboard icon">, or paste the SVG code inline to style it with CSS.