musicalkeyboard emoji

musicalkeyboard from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.

Name
musicalkeyboard
Set
Firefox OS Emoji
Style
Default
Category
Objects
Viewbox
512×512
License
Apache 2.0

More objects icons from Firefox OS Emoji

admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub

Use the musicalkeyboard emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function FxemojiMusicalkeyboard(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-musicalkeyboard {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23445056%22%20d%3D%22M458.043%20505.825H54.303c-26.486%200-47.957-21.471-47.957-47.957V54.132c0-26.486%2021.471-47.957%2047.957-47.957h403.74C484.529%206.175%20506%2027.646%20506%2054.132v403.736c0%2026.486-21.471%2047.957-47.957%2047.957%22%2F%3E%3Cpath%20fill%3D%22%23F4F3EF%22%20d%3D%22M110.171%20468.114H55.075c-11.929%200-21.6-9.671-21.6-21.6V95.264h76.697c11.929%200%2021.6%209.671%2021.6%2021.6v329.651c-.001%2011.929-9.671%2021.599-21.601%2021.599m137.417-21.6v-329.65c0-11.929-9.671-21.6-21.6-21.6h-55.097c-11.929%200-21.6%209.671-21.6%2021.6v329.651c0%2011.929%209.671%2021.6%2021.6%2021.6h55.097c11.929-.001%2021.6-9.671%2021.6-21.601m115.817%200v-329.65c0-11.929-9.671-21.6-21.6-21.6h-55.097c-11.929%200-21.6%209.671-21.6%2021.6v329.651c0%2011.929%209.671%2021.6%2021.6%2021.6h55.097c11.929-.001%2021.6-9.671%2021.6-21.601m115.816%200V95.264h-76.697c-11.929%200-21.6%209.671-21.6%2021.6v329.651c0%2011.929%209.671%2021.6%2021.6%2021.6h55.097c11.93-.001%2021.6-9.671%2021.6-21.601%22%2F%3E%3Cpath%20fill%3D%22%23445056%22%20d%3D%22M152.307%20335.633h-24.163c-11.929%200-21.6-9.671-21.6-21.6V65.762c0-11.929%209.671-21.6%2021.6-21.6h24.163c11.929%200%2021.6%209.671%2021.6%2021.6v248.271c0%2011.93-9.67%2021.6-21.6%2021.6m137.547-21.6V65.762c0-11.929-9.671-21.6-21.6-21.6h-24.163c-11.929%200-21.6%209.671-21.6%2021.6v248.271c0%2011.929%209.671%2021.6%2021.6%2021.6h24.163c11.93%200%2021.6-9.67%2021.6-21.6m115.947%200V65.762c0-11.929-9.671-21.6-21.6-21.6h-24.163c-11.929%200-21.6%209.671-21.6%2021.6v248.271c0%2011.929%209.671%2021.6%2021.6%2021.6h24.163c11.93%200%2021.6-9.67%2021.6-21.6%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23445056%22%20d%3D%22M458.043%20505.825H54.303c-26.486%200-47.957-21.471-47.957-47.957V54.132c0-26.486%2021.471-47.957%2047.957-47.957h403.74C484.529%206.175%20506%2027.646%20506%2054.132v403.736c0%2026.486-21.471%2047.957-47.957%2047.957%22%2F%3E%3Cpath%20fill%3D%22%23F4F3EF%22%20d%3D%22M110.171%20468.114H55.075c-11.929%200-21.6-9.671-21.6-21.6V95.264h76.697c11.929%200%2021.6%209.671%2021.6%2021.6v329.651c-.001%2011.929-9.671%2021.599-21.601%2021.599m137.417-21.6v-329.65c0-11.929-9.671-21.6-21.6-21.6h-55.097c-11.929%200-21.6%209.671-21.6%2021.6v329.651c0%2011.929%209.671%2021.6%2021.6%2021.6h55.097c11.929-.001%2021.6-9.671%2021.6-21.601m115.817%200v-329.65c0-11.929-9.671-21.6-21.6-21.6h-55.097c-11.929%200-21.6%209.671-21.6%2021.6v329.651c0%2011.929%209.671%2021.6%2021.6%2021.6h55.097c11.929-.001%2021.6-9.671%2021.6-21.601m115.816%200V95.264h-76.697c-11.929%200-21.6%209.671-21.6%2021.6v329.651c0%2011.929%209.671%2021.6%2021.6%2021.6h55.097c11.93-.001%2021.6-9.671%2021.6-21.601%22%2F%3E%3Cpath%20fill%3D%22%23445056%22%20d%3D%22M152.307%20335.633h-24.163c-11.929%200-21.6-9.671-21.6-21.6V65.762c0-11.929%209.671-21.6%2021.6-21.6h24.163c11.929%200%2021.6%209.671%2021.6%2021.6v248.271c0%2011.93-9.67%2021.6-21.6%2021.6m137.547-21.6V65.762c0-11.929-9.671-21.6-21.6-21.6h-24.163c-11.929%200-21.6%209.671-21.6%2021.6v248.271c0%2011.929%209.671%2021.6%2021.6%2021.6h24.163c11.93%200%2021.6-9.67%2021.6-21.6m115.947%200V65.762c0-11.929-9.671-21.6-21.6-21.6h-24.163c-11.929%200-21.6%209.671-21.6%2021.6v248.271c0%2011.929%209.671%2021.6%2021.6%2021.6h24.163c11.93%200%2021.6-9.67%2021.6-21.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/musicalkeyboard.svg?color=%231a73e8&size=48