musical keyboard emoji
musical-keyboard from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- musical-keyboard
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More objects icons from Noto Emoji
Use the musical keyboard emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#82aec0" d="M117.39 124H10.61A6.61 6.61 0 0 1 4 117.39V16h120v101.39a6.61 6.61 0 0 1-6.61 6.61"/><path fill="#fff" d="M27.7 116.35H12.87a5.06 5.06 0 0 1-5.06-5.06v-85.8h24.95v85.8c0 2.8-2.27 5.06-5.06 5.06m29.14 0H42.02a5.06 5.06 0 0 1-5.06-5.06v-85.8H61.9v85.8c0 2.8-2.26 5.06-5.06 5.06m29.14 0H71.16a5.06 5.06 0 0 1-5.06-5.06v-85.8h24.95v85.8a5.07 5.07 0 0 1-5.07 5.06m29.15 0H100.3a5.06 5.06 0 0 1-5.06-5.06v-85.8h24.95v85.8c0 2.8-2.27 5.06-5.06 5.06"/><path d="M124 8.47C124 6 122 4 119.53 4H8.47C6 4 4 6 4 8.47V28h22.54v52.4c0 1.21 1.15 2.2 2.56 2.2h11.5c1.42 0 2.56-.98 2.56-2.2V28h12.51v52.4c0 1.21 1.15 2.2 2.56 2.2h11.52c1.42 0 2.56-.98 2.56-2.2V28h12.51v52.4c0 1.21 1.15 2.2 2.56 2.2h11.5c1.42 0 2.56-.98 2.56-2.2V28H124z"/><path fill="#757575" d="M4 4h120v6.65H4zm93.42 76.25h-8.55c-.84 0-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52 1.52-1.52h8.55c.84 0 1.52.68 1.52 1.52v7.21c-.01.84-.69 1.52-1.52 1.52m-29.15 0h-8.55c-.84 0-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52 1.52-1.52h8.55c.84 0 1.52.68 1.52 1.52v7.21c0 .84-.68 1.52-1.52 1.52m-29.14 0h-8.55c-.84 0-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52 1.52-1.52h8.55c.84 0 1.52.68 1.52 1.52v7.21c0 .84-.68 1.52-1.52 1.52"/></svg>
React
import type { SVGProps } from "react";
export function NotoMusicalKeyboard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#82aec0" d="M117.39 124H10.61A6.61 6.61 0 0 1 4 117.39V16h120v101.39a6.61 6.61 0 0 1-6.61 6.61"/><path fill="#fff" d="M27.7 116.35H12.87a5.06 5.06 0 0 1-5.06-5.06v-85.8h24.95v85.8c0 2.8-2.27 5.06-5.06 5.06m29.14 0H42.02a5.06 5.06 0 0 1-5.06-5.06v-85.8H61.9v85.8c0 2.8-2.26 5.06-5.06 5.06m29.14 0H71.16a5.06 5.06 0 0 1-5.06-5.06v-85.8h24.95v85.8a5.07 5.07 0 0 1-5.07 5.06m29.15 0H100.3a5.06 5.06 0 0 1-5.06-5.06v-85.8h24.95v85.8c0 2.8-2.27 5.06-5.06 5.06"/><path d="M124 8.47C124 6 122 4 119.53 4H8.47C6 4 4 6 4 8.47V28h22.54v52.4c0 1.21 1.15 2.2 2.56 2.2h11.5c1.42 0 2.56-.98 2.56-2.2V28h12.51v52.4c0 1.21 1.15 2.2 2.56 2.2h11.52c1.42 0 2.56-.98 2.56-2.2V28h12.51v52.4c0 1.21 1.15 2.2 2.56 2.2h11.5c1.42 0 2.56-.98 2.56-2.2V28H124z"/><path fill="#757575" d="M4 4h120v6.65H4zm93.42 76.25h-8.55c-.84 0-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52 1.52-1.52h8.55c.84 0 1.52.68 1.52 1.52v7.21c-.01.84-.69 1.52-1.52 1.52m-29.15 0h-8.55c-.84 0-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52 1.52-1.52h8.55c.84 0 1.52.68 1.52 1.52v7.21c0 .84-.68 1.52-1.52 1.52m-29.14 0h-8.55c-.84 0-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52 1.52-1.52h8.55c.84 0 1.52.68 1.52 1.52v7.21c0 .84-.68 1.52-1.52 1.52"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#82aec0" d="M117.39 124H10.61A6.61 6.61 0 0 1 4 117.39V16h120v101.39a6.61 6.61 0 0 1-6.61 6.61"/><path fill="#fff" d="M27.7 116.35H12.87a5.06 5.06 0 0 1-5.06-5.06v-85.8h24.95v85.8c0 2.8-2.27 5.06-5.06 5.06m29.14 0H42.02a5.06 5.06 0 0 1-5.06-5.06v-85.8H61.9v85.8c0 2.8-2.26 5.06-5.06 5.06m29.14 0H71.16a5.06 5.06 0 0 1-5.06-5.06v-85.8h24.95v85.8a5.07 5.07 0 0 1-5.07 5.06m29.15 0H100.3a5.06 5.06 0 0 1-5.06-5.06v-85.8h24.95v85.8c0 2.8-2.27 5.06-5.06 5.06"/><path d="M124 8.47C124 6 122 4 119.53 4H8.47C6 4 4 6 4 8.47V28h22.54v52.4c0 1.21 1.15 2.2 2.56 2.2h11.5c1.42 0 2.56-.98 2.56-2.2V28h12.51v52.4c0 1.21 1.15 2.2 2.56 2.2h11.52c1.42 0 2.56-.98 2.56-2.2V28h12.51v52.4c0 1.21 1.15 2.2 2.56 2.2h11.5c1.42 0 2.56-.98 2.56-2.2V28H124z"/><path fill="#757575" d="M4 4h120v6.65H4zm93.42 76.25h-8.55c-.84 0-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52 1.52-1.52h8.55c.84 0 1.52.68 1.52 1.52v7.21c-.01.84-.69 1.52-1.52 1.52m-29.15 0h-8.55c-.84 0-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52 1.52-1.52h8.55c.84 0 1.52.68 1.52 1.52v7.21c0 .84-.68 1.52-1.52 1.52m-29.14 0h-8.55c-.84 0-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52 1.52-1.52h8.55c.84 0 1.52.68 1.52 1.52v7.21c0 .84-.68 1.52-1.52 1.52"/></svg> </template>
CSS
.icon-musical-keyboard {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%2382aec0%22%20d%3D%22M117.39%20124H10.61A6.61%206.61%200%200%201%204%20117.39V16h120v101.39a6.61%206.61%200%200%201-6.61%206.61%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M27.7%20116.35H12.87a5.06%205.06%200%200%201-5.06-5.06v-85.8h24.95v85.8c0%202.8-2.27%205.06-5.06%205.06m29.14%200H42.02a5.06%205.06%200%200%201-5.06-5.06v-85.8H61.9v85.8c0%202.8-2.26%205.06-5.06%205.06m29.14%200H71.16a5.06%205.06%200%200%201-5.06-5.06v-85.8h24.95v85.8a5.07%205.07%200%200%201-5.07%205.06m29.15%200H100.3a5.06%205.06%200%200%201-5.06-5.06v-85.8h24.95v85.8c0%202.8-2.27%205.06-5.06%205.06%22%2F%3E%3Cpath%20d%3D%22M124%208.47C124%206%20122%204%20119.53%204H8.47C6%204%204%206%204%208.47V28h22.54v52.4c0%201.21%201.15%202.2%202.56%202.2h11.5c1.42%200%202.56-.98%202.56-2.2V28h12.51v52.4c0%201.21%201.15%202.2%202.56%202.2h11.52c1.42%200%202.56-.98%202.56-2.2V28h12.51v52.4c0%201.21%201.15%202.2%202.56%202.2h11.5c1.42%200%202.56-.98%202.56-2.2V28H124z%22%2F%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M4%204h120v6.65H4zm93.42%2076.25h-8.55c-.84%200-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52%201.52-1.52h8.55c.84%200%201.52.68%201.52%201.52v7.21c-.01.84-.69%201.52-1.52%201.52m-29.15%200h-8.55c-.84%200-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52%201.52-1.52h8.55c.84%200%201.52.68%201.52%201.52v7.21c0%20.84-.68%201.52-1.52%201.52m-29.14%200h-8.55c-.84%200-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52%201.52-1.52h8.55c.84%200%201.52.68%201.52%201.52v7.21c0%20.84-.68%201.52-1.52%201.52%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%2382aec0%22%20d%3D%22M117.39%20124H10.61A6.61%206.61%200%200%201%204%20117.39V16h120v101.39a6.61%206.61%200%200%201-6.61%206.61%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M27.7%20116.35H12.87a5.06%205.06%200%200%201-5.06-5.06v-85.8h24.95v85.8c0%202.8-2.27%205.06-5.06%205.06m29.14%200H42.02a5.06%205.06%200%200%201-5.06-5.06v-85.8H61.9v85.8c0%202.8-2.26%205.06-5.06%205.06m29.14%200H71.16a5.06%205.06%200%200%201-5.06-5.06v-85.8h24.95v85.8a5.07%205.07%200%200%201-5.07%205.06m29.15%200H100.3a5.06%205.06%200%200%201-5.06-5.06v-85.8h24.95v85.8c0%202.8-2.27%205.06-5.06%205.06%22%2F%3E%3Cpath%20d%3D%22M124%208.47C124%206%20122%204%20119.53%204H8.47C6%204%204%206%204%208.47V28h22.54v52.4c0%201.21%201.15%202.2%202.56%202.2h11.5c1.42%200%202.56-.98%202.56-2.2V28h12.51v52.4c0%201.21%201.15%202.2%202.56%202.2h11.52c1.42%200%202.56-.98%202.56-2.2V28h12.51v52.4c0%201.21%201.15%202.2%202.56%202.2h11.5c1.42%200%202.56-.98%202.56-2.2V28H124z%22%2F%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M4%204h120v6.65H4zm93.42%2076.25h-8.55c-.84%200-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52%201.52-1.52h8.55c.84%200%201.52.68%201.52%201.52v7.21c-.01.84-.69%201.52-1.52%201.52m-29.15%200h-8.55c-.84%200-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52%201.52-1.52h8.55c.84%200%201.52.68%201.52%201.52v7.21c0%20.84-.68%201.52-1.52%201.52m-29.14%200h-8.55c-.84%200-1.52-.68-1.52-1.52v-7.21c0-.84.68-1.52%201.52-1.52h8.55c.84%200%201.52.68%201.52%201.52v7.21c0%20.84-.68%201.52-1.52%201.52%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/musical-keyboard.svg?color=%231a73e8&size=48
