musical notes emoji
musical-notes from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- musical-notes
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the musical notes emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4d5357" d="M17.6 30.5V13.6s8.2 3.9 3.8 12.6c-.1.3 1.1.6 1.3.3c9-15.4-2.9-14.3-5-24.6h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7.1-10.7 11 0 11c3.9 0 7.6-2.4 7.6-5.5M53.6 2h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.6 0-10.6 10.9.1 10.9c3.9 0 7.6-2.4 7.6-5.5V13.6s8.2 3.9 3.8 12.6c-.1.3 1.1.6 1.3.3c9-15.3-2.9-14.2-5.1-24.5M26.3 28v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7 0-10.7 10.9 0 10.9c3.9 0 7.6-2.4 7.6-5.5V39.6s8.2 3.9 3.8 12.6c-.1.3 1.1.6 1.3.3c9-15.4-2.9-14.3-5-24.6h-4.4z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneMusicalNotes(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4d5357" d="M17.6 30.5V13.6s8.2 3.9 3.8 12.6c-.1.3 1.1.6 1.3.3c9-15.4-2.9-14.3-5-24.6h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7.1-10.7 11 0 11c3.9 0 7.6-2.4 7.6-5.5M53.6 2h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.6 0-10.6 10.9.1 10.9c3.9 0 7.6-2.4 7.6-5.5V13.6s8.2 3.9 3.8 12.6c-.1.3 1.1.6 1.3.3c9-15.3-2.9-14.2-5.1-24.5M26.3 28v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7 0-10.7 10.9 0 10.9c3.9 0 7.6-2.4 7.6-5.5V39.6s8.2 3.9 3.8 12.6c-.1.3 1.1.6 1.3.3c9-15.4-2.9-14.3-5-24.6h-4.4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4d5357" d="M17.6 30.5V13.6s8.2 3.9 3.8 12.6c-.1.3 1.1.6 1.3.3c9-15.4-2.9-14.3-5-24.6h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7.1-10.7 11 0 11c3.9 0 7.6-2.4 7.6-5.5M53.6 2h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.6 0-10.6 10.9.1 10.9c3.9 0 7.6-2.4 7.6-5.5V13.6s8.2 3.9 3.8 12.6c-.1.3 1.1.6 1.3.3c9-15.3-2.9-14.2-5.1-24.5M26.3 28v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7 0-10.7 10.9 0 10.9c3.9 0 7.6-2.4 7.6-5.5V39.6s8.2 3.9 3.8 12.6c-.1.3 1.1.6 1.3.3c9-15.4-2.9-14.3-5-24.6h-4.4z"/></svg> </template>
CSS
.icon-musical-notes {
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%234d5357%22%20d%3D%22M17.6%2030.5V13.6s8.2%203.9%203.8%2012.6c-.1.3%201.1.6%201.3.3c9-15.4-2.9-14.3-5-24.6h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7.1-10.7%2011%200%2011c3.9%200%207.6-2.4%207.6-5.5M53.6%202h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.6%200-10.6%2010.9.1%2010.9c3.9%200%207.6-2.4%207.6-5.5V13.6s8.2%203.9%203.8%2012.6c-.1.3%201.1.6%201.3.3c9-15.3-2.9-14.2-5.1-24.5M26.3%2028v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7%200-10.7%2010.9%200%2010.9c3.9%200%207.6-2.4%207.6-5.5V39.6s8.2%203.9%203.8%2012.6c-.1.3%201.1.6%201.3.3c9-15.4-2.9-14.3-5-24.6h-4.4z%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%234d5357%22%20d%3D%22M17.6%2030.5V13.6s8.2%203.9%203.8%2012.6c-.1.3%201.1.6%201.3.3c9-15.4-2.9-14.3-5-24.6h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7.1-10.7%2011%200%2011c3.9%200%207.6-2.4%207.6-5.5M53.6%202h-4.4v23.5c-.8-.3-2.3-.4-3.3-.4c-10.6%200-10.6%2010.9.1%2010.9c3.9%200%207.6-2.4%207.6-5.5V13.6s8.2%203.9%203.8%2012.6c-.1.3%201.1.6%201.3.3c9-15.3-2.9-14.2-5.1-24.5M26.3%2028v23.5c-.8-.3-2.3-.4-3.3-.4c-10.7%200-10.7%2010.9%200%2010.9c3.9%200%207.6-2.4%207.6-5.5V39.6s8.2%203.9%203.8%2012.6c-.1.3%201.1.6%201.3.3c9-15.4-2.9-14.3-5-24.6h-4.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/musical-notes.svg?color=%231a73e8&size=48
