musical keyboard emoji
musical-keyboard from Emoji One (Colored) by Emoji One · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- musical-keyboard
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Activities
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Emoji One (Colored)
Use the musical keyboard emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#c5d4d8" d="M40.1 46.8c-2.1 3.8-4.1 7.9-6 12.1c4.1 1.4 8.2 2.4 12.2 3.1c.5-3.7 1.3-7.3 2.2-10.6c1-3.5 2.2-6.7 3.5-9.9c-1.9-1.6-3.8-3.4-5.7-5.3c-2.1 3.4-4.2 6.9-6.2 10.6m20.7-29.9c-2.7 3-5.2 6.1-7.6 9.3c-2.3 3.1-4.6 6.3-6.7 9.7c2 1.9 3.9 3.6 5.7 5.3c1.4-3.1 2.9-6.1 4.6-8.9c1.6-2.7 3.4-5.3 5.3-7.7c-.5-2.6-.9-5.2-1.3-7.7"/><path fill="#eae7e4" d="M2 19.1c15.2 31.5 32.1 39.8 32.1 39.8c2-4.3 4-8.3 6-12.1c2-3.7 4-7.2 6.2-10.6c-7.9-7.5-16.7-16.6-25.7-25.6c-3.6 1.6-7.1 3.3-10.7 4.9c-2.7 1.2-5.3 2.4-7.9 3.6M39.5 2c-2.6 1.2-5.2 2.3-7.8 3.5c-3.6 1.6-7.1 3.3-10.7 4.9c9 8.9 17.7 18 25.5 25.5c2.1-3.4 4.4-6.6 6.7-9.7c2.4-3.2 5-6.3 7.6-9.3z"/><g fill="#333"><path d="M40.1 46.9c.1-.1.1-.2.2-.3C30 37.7 20.3 26 10.1 15.5c-.1 0-.2.1-.3.1C20 26.2 29.7 38 40.1 46.9"/><path d="M48.6 51.2c0 .1-.1.2-.1.3c-2.8-1.3-5.6-2.8-8.5-4.6c.1-.1.1-.2.2-.3c2.9 1.8 5.7 3.3 8.4 4.6m4.7-25.1c-.1.1-.1.2-.2.3C47 19.8 39.3 12.9 31.6 5.6c.1 0 .2-.1.3-.1c7.7 7.2 15.3 14 21.4 20.6m3.4 6.4c0-.1.1-.2.1-.2c-1.1-2-2.3-4.1-3.5-6.1c-.1.1-.1.2-.2.3c1.2 1.9 2.4 4 3.6 6m-4.5 8.7c0 .1-.1.2-.1.3c-9.6-8.5-21-20.5-32.6-32c.1-.1.3-.1.4-.2c11.5 11.5 22.8 23.4 32.3 31.9"/></g><path fill="#231f20" d="M46.2 23.5c1.3-1.4 2.5-2.7 3.8-4.1c-6.6-4.1-14.7-9.5-24-15l1.1 3.1c6.6 5.8 13.5 10.9 19.1 16m-7.9 8.3C39.5 30.4 25 15 15.7 9.5l1.5 2.7c6.5 5.7 14.8 14.9 21.1 19.6"/><path fill="#55646d" d="M50.6 18.9c-1.5 1.5-2.9 3.1-4.4 4.7c-1.5-1.7-3.1-6.8-3.1-6.8l5.1-4.3c0-.2 1.1 4.7 2.4 6.4"/><path fill="#333" d="m43.1 16.7l5.1-4.3L31.7 2.1s-3.8 1.5-5.6 2.3c5.4 4.6 17 12.3 17 12.3"/><path fill="#55646d" d="M29.5 42.4c1.4-1.8 5-5.3 5-5.3c-2.3-2.1-6-7.6-6-7.6l-7.7 7.4s4.9 4.6 8.7 5.5"/><path fill="#333" d="m28.6 29.5l-7.7 7.4S9.2 23.5 5.3 14.1l5.6-3.1z"/><path fill="#55646d" d="M42.4 27.8c-1.4 1.6-4.2 4.1-4.2 4.1s-4.4-3.4-6.5-5.5c1.7-1.5 6.9-5.8 6.9-5.8s2.1 5.3 3.8 7.2"/><path fill="#333" d="M31.7 26.4c1.7-1.5 6.9-5.8 6.9-5.8L21.3 6.4l-5.6 3.1s10.7 11.3 16 16.9"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneMusicalKeyboard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#c5d4d8" d="M40.1 46.8c-2.1 3.8-4.1 7.9-6 12.1c4.1 1.4 8.2 2.4 12.2 3.1c.5-3.7 1.3-7.3 2.2-10.6c1-3.5 2.2-6.7 3.5-9.9c-1.9-1.6-3.8-3.4-5.7-5.3c-2.1 3.4-4.2 6.9-6.2 10.6m20.7-29.9c-2.7 3-5.2 6.1-7.6 9.3c-2.3 3.1-4.6 6.3-6.7 9.7c2 1.9 3.9 3.6 5.7 5.3c1.4-3.1 2.9-6.1 4.6-8.9c1.6-2.7 3.4-5.3 5.3-7.7c-.5-2.6-.9-5.2-1.3-7.7"/><path fill="#eae7e4" d="M2 19.1c15.2 31.5 32.1 39.8 32.1 39.8c2-4.3 4-8.3 6-12.1c2-3.7 4-7.2 6.2-10.6c-7.9-7.5-16.7-16.6-25.7-25.6c-3.6 1.6-7.1 3.3-10.7 4.9c-2.7 1.2-5.3 2.4-7.9 3.6M39.5 2c-2.6 1.2-5.2 2.3-7.8 3.5c-3.6 1.6-7.1 3.3-10.7 4.9c9 8.9 17.7 18 25.5 25.5c2.1-3.4 4.4-6.6 6.7-9.7c2.4-3.2 5-6.3 7.6-9.3z"/><g fill="#333"><path d="M40.1 46.9c.1-.1.1-.2.2-.3C30 37.7 20.3 26 10.1 15.5c-.1 0-.2.1-.3.1C20 26.2 29.7 38 40.1 46.9"/><path d="M48.6 51.2c0 .1-.1.2-.1.3c-2.8-1.3-5.6-2.8-8.5-4.6c.1-.1.1-.2.2-.3c2.9 1.8 5.7 3.3 8.4 4.6m4.7-25.1c-.1.1-.1.2-.2.3C47 19.8 39.3 12.9 31.6 5.6c.1 0 .2-.1.3-.1c7.7 7.2 15.3 14 21.4 20.6m3.4 6.4c0-.1.1-.2.1-.2c-1.1-2-2.3-4.1-3.5-6.1c-.1.1-.1.2-.2.3c1.2 1.9 2.4 4 3.6 6m-4.5 8.7c0 .1-.1.2-.1.3c-9.6-8.5-21-20.5-32.6-32c.1-.1.3-.1.4-.2c11.5 11.5 22.8 23.4 32.3 31.9"/></g><path fill="#231f20" d="M46.2 23.5c1.3-1.4 2.5-2.7 3.8-4.1c-6.6-4.1-14.7-9.5-24-15l1.1 3.1c6.6 5.8 13.5 10.9 19.1 16m-7.9 8.3C39.5 30.4 25 15 15.7 9.5l1.5 2.7c6.5 5.7 14.8 14.9 21.1 19.6"/><path fill="#55646d" d="M50.6 18.9c-1.5 1.5-2.9 3.1-4.4 4.7c-1.5-1.7-3.1-6.8-3.1-6.8l5.1-4.3c0-.2 1.1 4.7 2.4 6.4"/><path fill="#333" d="m43.1 16.7l5.1-4.3L31.7 2.1s-3.8 1.5-5.6 2.3c5.4 4.6 17 12.3 17 12.3"/><path fill="#55646d" d="M29.5 42.4c1.4-1.8 5-5.3 5-5.3c-2.3-2.1-6-7.6-6-7.6l-7.7 7.4s4.9 4.6 8.7 5.5"/><path fill="#333" d="m28.6 29.5l-7.7 7.4S9.2 23.5 5.3 14.1l5.6-3.1z"/><path fill="#55646d" d="M42.4 27.8c-1.4 1.6-4.2 4.1-4.2 4.1s-4.4-3.4-6.5-5.5c1.7-1.5 6.9-5.8 6.9-5.8s2.1 5.3 3.8 7.2"/><path fill="#333" d="M31.7 26.4c1.7-1.5 6.9-5.8 6.9-5.8L21.3 6.4l-5.6 3.1s10.7 11.3 16 16.9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#c5d4d8" d="M40.1 46.8c-2.1 3.8-4.1 7.9-6 12.1c4.1 1.4 8.2 2.4 12.2 3.1c.5-3.7 1.3-7.3 2.2-10.6c1-3.5 2.2-6.7 3.5-9.9c-1.9-1.6-3.8-3.4-5.7-5.3c-2.1 3.4-4.2 6.9-6.2 10.6m20.7-29.9c-2.7 3-5.2 6.1-7.6 9.3c-2.3 3.1-4.6 6.3-6.7 9.7c2 1.9 3.9 3.6 5.7 5.3c1.4-3.1 2.9-6.1 4.6-8.9c1.6-2.7 3.4-5.3 5.3-7.7c-.5-2.6-.9-5.2-1.3-7.7"/><path fill="#eae7e4" d="M2 19.1c15.2 31.5 32.1 39.8 32.1 39.8c2-4.3 4-8.3 6-12.1c2-3.7 4-7.2 6.2-10.6c-7.9-7.5-16.7-16.6-25.7-25.6c-3.6 1.6-7.1 3.3-10.7 4.9c-2.7 1.2-5.3 2.4-7.9 3.6M39.5 2c-2.6 1.2-5.2 2.3-7.8 3.5c-3.6 1.6-7.1 3.3-10.7 4.9c9 8.9 17.7 18 25.5 25.5c2.1-3.4 4.4-6.6 6.7-9.7c2.4-3.2 5-6.3 7.6-9.3z"/><g fill="#333"><path d="M40.1 46.9c.1-.1.1-.2.2-.3C30 37.7 20.3 26 10.1 15.5c-.1 0-.2.1-.3.1C20 26.2 29.7 38 40.1 46.9"/><path d="M48.6 51.2c0 .1-.1.2-.1.3c-2.8-1.3-5.6-2.8-8.5-4.6c.1-.1.1-.2.2-.3c2.9 1.8 5.7 3.3 8.4 4.6m4.7-25.1c-.1.1-.1.2-.2.3C47 19.8 39.3 12.9 31.6 5.6c.1 0 .2-.1.3-.1c7.7 7.2 15.3 14 21.4 20.6m3.4 6.4c0-.1.1-.2.1-.2c-1.1-2-2.3-4.1-3.5-6.1c-.1.1-.1.2-.2.3c1.2 1.9 2.4 4 3.6 6m-4.5 8.7c0 .1-.1.2-.1.3c-9.6-8.5-21-20.5-32.6-32c.1-.1.3-.1.4-.2c11.5 11.5 22.8 23.4 32.3 31.9"/></g><path fill="#231f20" d="M46.2 23.5c1.3-1.4 2.5-2.7 3.8-4.1c-6.6-4.1-14.7-9.5-24-15l1.1 3.1c6.6 5.8 13.5 10.9 19.1 16m-7.9 8.3C39.5 30.4 25 15 15.7 9.5l1.5 2.7c6.5 5.7 14.8 14.9 21.1 19.6"/><path fill="#55646d" d="M50.6 18.9c-1.5 1.5-2.9 3.1-4.4 4.7c-1.5-1.7-3.1-6.8-3.1-6.8l5.1-4.3c0-.2 1.1 4.7 2.4 6.4"/><path fill="#333" d="m43.1 16.7l5.1-4.3L31.7 2.1s-3.8 1.5-5.6 2.3c5.4 4.6 17 12.3 17 12.3"/><path fill="#55646d" d="M29.5 42.4c1.4-1.8 5-5.3 5-5.3c-2.3-2.1-6-7.6-6-7.6l-7.7 7.4s4.9 4.6 8.7 5.5"/><path fill="#333" d="m28.6 29.5l-7.7 7.4S9.2 23.5 5.3 14.1l5.6-3.1z"/><path fill="#55646d" d="M42.4 27.8c-1.4 1.6-4.2 4.1-4.2 4.1s-4.4-3.4-6.5-5.5c1.7-1.5 6.9-5.8 6.9-5.8s2.1 5.3 3.8 7.2"/><path fill="#333" d="M31.7 26.4c1.7-1.5 6.9-5.8 6.9-5.8L21.3 6.4l-5.6 3.1s10.7 11.3 16 16.9"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23c5d4d8%22%20d%3D%22M40.1%2046.8c-2.1%203.8-4.1%207.9-6%2012.1c4.1%201.4%208.2%202.4%2012.2%203.1c.5-3.7%201.3-7.3%202.2-10.6c1-3.5%202.2-6.7%203.5-9.9c-1.9-1.6-3.8-3.4-5.7-5.3c-2.1%203.4-4.2%206.9-6.2%2010.6m20.7-29.9c-2.7%203-5.2%206.1-7.6%209.3c-2.3%203.1-4.6%206.3-6.7%209.7c2%201.9%203.9%203.6%205.7%205.3c1.4-3.1%202.9-6.1%204.6-8.9c1.6-2.7%203.4-5.3%205.3-7.7c-.5-2.6-.9-5.2-1.3-7.7%22%2F%3E%3Cpath%20fill%3D%22%23eae7e4%22%20d%3D%22M2%2019.1c15.2%2031.5%2032.1%2039.8%2032.1%2039.8c2-4.3%204-8.3%206-12.1c2-3.7%204-7.2%206.2-10.6c-7.9-7.5-16.7-16.6-25.7-25.6c-3.6%201.6-7.1%203.3-10.7%204.9c-2.7%201.2-5.3%202.4-7.9%203.6M39.5%202c-2.6%201.2-5.2%202.3-7.8%203.5c-3.6%201.6-7.1%203.3-10.7%204.9c9%208.9%2017.7%2018%2025.5%2025.5c2.1-3.4%204.4-6.6%206.7-9.7c2.4-3.2%205-6.3%207.6-9.3z%22%2F%3E%3Cg%20fill%3D%22%23333%22%3E%3Cpath%20d%3D%22M40.1%2046.9c.1-.1.1-.2.2-.3C30%2037.7%2020.3%2026%2010.1%2015.5c-.1%200-.2.1-.3.1C20%2026.2%2029.7%2038%2040.1%2046.9%22%2F%3E%3Cpath%20d%3D%22M48.6%2051.2c0%20.1-.1.2-.1.3c-2.8-1.3-5.6-2.8-8.5-4.6c.1-.1.1-.2.2-.3c2.9%201.8%205.7%203.3%208.4%204.6m4.7-25.1c-.1.1-.1.2-.2.3C47%2019.8%2039.3%2012.9%2031.6%205.6c.1%200%20.2-.1.3-.1c7.7%207.2%2015.3%2014%2021.4%2020.6m3.4%206.4c0-.1.1-.2.1-.2c-1.1-2-2.3-4.1-3.5-6.1c-.1.1-.1.2-.2.3c1.2%201.9%202.4%204%203.6%206m-4.5%208.7c0%20.1-.1.2-.1.3c-9.6-8.5-21-20.5-32.6-32c.1-.1.3-.1.4-.2c11.5%2011.5%2022.8%2023.4%2032.3%2031.9%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M46.2%2023.5c1.3-1.4%202.5-2.7%203.8-4.1c-6.6-4.1-14.7-9.5-24-15l1.1%203.1c6.6%205.8%2013.5%2010.9%2019.1%2016m-7.9%208.3C39.5%2030.4%2025%2015%2015.7%209.5l1.5%202.7c6.5%205.7%2014.8%2014.9%2021.1%2019.6%22%2F%3E%3Cpath%20fill%3D%22%2355646d%22%20d%3D%22M50.6%2018.9c-1.5%201.5-2.9%203.1-4.4%204.7c-1.5-1.7-3.1-6.8-3.1-6.8l5.1-4.3c0-.2%201.1%204.7%202.4%206.4%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22m43.1%2016.7l5.1-4.3L31.7%202.1s-3.8%201.5-5.6%202.3c5.4%204.6%2017%2012.3%2017%2012.3%22%2F%3E%3Cpath%20fill%3D%22%2355646d%22%20d%3D%22M29.5%2042.4c1.4-1.8%205-5.3%205-5.3c-2.3-2.1-6-7.6-6-7.6l-7.7%207.4s4.9%204.6%208.7%205.5%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22m28.6%2029.5l-7.7%207.4S9.2%2023.5%205.3%2014.1l5.6-3.1z%22%2F%3E%3Cpath%20fill%3D%22%2355646d%22%20d%3D%22M42.4%2027.8c-1.4%201.6-4.2%204.1-4.2%204.1s-4.4-3.4-6.5-5.5c1.7-1.5%206.9-5.8%206.9-5.8s2.1%205.3%203.8%207.2%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M31.7%2026.4c1.7-1.5%206.9-5.8%206.9-5.8L21.3%206.4l-5.6%203.1s10.7%2011.3%2016%2016.9%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23c5d4d8%22%20d%3D%22M40.1%2046.8c-2.1%203.8-4.1%207.9-6%2012.1c4.1%201.4%208.2%202.4%2012.2%203.1c.5-3.7%201.3-7.3%202.2-10.6c1-3.5%202.2-6.7%203.5-9.9c-1.9-1.6-3.8-3.4-5.7-5.3c-2.1%203.4-4.2%206.9-6.2%2010.6m20.7-29.9c-2.7%203-5.2%206.1-7.6%209.3c-2.3%203.1-4.6%206.3-6.7%209.7c2%201.9%203.9%203.6%205.7%205.3c1.4-3.1%202.9-6.1%204.6-8.9c1.6-2.7%203.4-5.3%205.3-7.7c-.5-2.6-.9-5.2-1.3-7.7%22%2F%3E%3Cpath%20fill%3D%22%23eae7e4%22%20d%3D%22M2%2019.1c15.2%2031.5%2032.1%2039.8%2032.1%2039.8c2-4.3%204-8.3%206-12.1c2-3.7%204-7.2%206.2-10.6c-7.9-7.5-16.7-16.6-25.7-25.6c-3.6%201.6-7.1%203.3-10.7%204.9c-2.7%201.2-5.3%202.4-7.9%203.6M39.5%202c-2.6%201.2-5.2%202.3-7.8%203.5c-3.6%201.6-7.1%203.3-10.7%204.9c9%208.9%2017.7%2018%2025.5%2025.5c2.1-3.4%204.4-6.6%206.7-9.7c2.4-3.2%205-6.3%207.6-9.3z%22%2F%3E%3Cg%20fill%3D%22%23333%22%3E%3Cpath%20d%3D%22M40.1%2046.9c.1-.1.1-.2.2-.3C30%2037.7%2020.3%2026%2010.1%2015.5c-.1%200-.2.1-.3.1C20%2026.2%2029.7%2038%2040.1%2046.9%22%2F%3E%3Cpath%20d%3D%22M48.6%2051.2c0%20.1-.1.2-.1.3c-2.8-1.3-5.6-2.8-8.5-4.6c.1-.1.1-.2.2-.3c2.9%201.8%205.7%203.3%208.4%204.6m4.7-25.1c-.1.1-.1.2-.2.3C47%2019.8%2039.3%2012.9%2031.6%205.6c.1%200%20.2-.1.3-.1c7.7%207.2%2015.3%2014%2021.4%2020.6m3.4%206.4c0-.1.1-.2.1-.2c-1.1-2-2.3-4.1-3.5-6.1c-.1.1-.1.2-.2.3c1.2%201.9%202.4%204%203.6%206m-4.5%208.7c0%20.1-.1.2-.1.3c-9.6-8.5-21-20.5-32.6-32c.1-.1.3-.1.4-.2c11.5%2011.5%2022.8%2023.4%2032.3%2031.9%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M46.2%2023.5c1.3-1.4%202.5-2.7%203.8-4.1c-6.6-4.1-14.7-9.5-24-15l1.1%203.1c6.6%205.8%2013.5%2010.9%2019.1%2016m-7.9%208.3C39.5%2030.4%2025%2015%2015.7%209.5l1.5%202.7c6.5%205.7%2014.8%2014.9%2021.1%2019.6%22%2F%3E%3Cpath%20fill%3D%22%2355646d%22%20d%3D%22M50.6%2018.9c-1.5%201.5-2.9%203.1-4.4%204.7c-1.5-1.7-3.1-6.8-3.1-6.8l5.1-4.3c0-.2%201.1%204.7%202.4%206.4%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22m43.1%2016.7l5.1-4.3L31.7%202.1s-3.8%201.5-5.6%202.3c5.4%204.6%2017%2012.3%2017%2012.3%22%2F%3E%3Cpath%20fill%3D%22%2355646d%22%20d%3D%22M29.5%2042.4c1.4-1.8%205-5.3%205-5.3c-2.3-2.1-6-7.6-6-7.6l-7.7%207.4s4.9%204.6%208.7%205.5%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22m28.6%2029.5l-7.7%207.4S9.2%2023.5%205.3%2014.1l5.6-3.1z%22%2F%3E%3Cpath%20fill%3D%22%2355646d%22%20d%3D%22M42.4%2027.8c-1.4%201.6-4.2%204.1-4.2%204.1s-4.4-3.4-6.5-5.5c1.7-1.5%206.9-5.8%206.9-5.8s2.1%205.3%203.8%207.2%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M31.7%2026.4c1.7-1.5%206.9-5.8%206.9-5.8L21.3%206.4l-5.6%203.1s10.7%2011.3%2016%2016.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/musical-keyboard.svg?color=%231a73e8&size=48
