musicalnote emoji

More objects icons from Firefox OS Emoji

Use the musicalnote emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00D1AE" d="M475.112 27.408c0-7.685-6.237-13.911-13.922-13.896l-310.081.587c-7.664.015-13.87 6.232-13.87 13.896v308.098c0 4.866-4.729 8.34-9.364 6.859a84.7 84.7 0 0 0-27.142-4c-45.452.708-82.669 37.744-83.571 83.193c-.947 47.697 37.433 86.659 84.914 86.659c45.844 0 83.182-36.327 84.851-81.763a22 22 0 0 0 .219-3.169v-215.56c0-7.675 6.221-13.896 13.896-13.896h210.267c7.675 0 13.896 6.221 13.896 13.896v71.56c0 4.861-4.72 8.335-9.353 6.863a84.7 84.7 0 0 0-27.113-3.958c-45.416.759-82.573 37.783-83.472 83.197c-.945 47.694 37.435 86.654 84.914 86.654c46.906 0 84.931-38.025 84.931-84.931c0-.427-.026-.848-.032-1.274c.01-.289.032-.575.032-.867zm-57.107 111.063H194.346a7.2 7.2 0 0 1-7.2-7.2V77.178a7.2 7.2 0 0 1 7.212-7.2l223.659.359a7.2 7.2 0 0 1 7.188 7.2v53.733a7.2 7.2 0 0 1-7.2 7.201"/></svg>

import type { SVGProps } from "react";

export function FxemojiMusicalnote(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00D1AE" d="M475.112 27.408c0-7.685-6.237-13.911-13.922-13.896l-310.081.587c-7.664.015-13.87 6.232-13.87 13.896v308.098c0 4.866-4.729 8.34-9.364 6.859a84.7 84.7 0 0 0-27.142-4c-45.452.708-82.669 37.744-83.571 83.193c-.947 47.697 37.433 86.659 84.914 86.659c45.844 0 83.182-36.327 84.851-81.763a22 22 0 0 0 .219-3.169v-215.56c0-7.675 6.221-13.896 13.896-13.896h210.267c7.675 0 13.896 6.221 13.896 13.896v71.56c0 4.861-4.72 8.335-9.353 6.863a84.7 84.7 0 0 0-27.113-3.958c-45.416.759-82.573 37.783-83.472 83.197c-.945 47.694 37.435 86.654 84.914 86.654c46.906 0 84.931-38.025 84.931-84.931c0-.427-.026-.848-.032-1.274c.01-.289.032-.575.032-.867zm-57.107 111.063H194.346a7.2 7.2 0 0 1-7.2-7.2V77.178a7.2 7.2 0 0 1 7.212-7.2l223.659.359a7.2 7.2 0 0 1 7.188 7.2v53.733a7.2 7.2 0 0 1-7.2 7.201"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00D1AE" d="M475.112 27.408c0-7.685-6.237-13.911-13.922-13.896l-310.081.587c-7.664.015-13.87 6.232-13.87 13.896v308.098c0 4.866-4.729 8.34-9.364 6.859a84.7 84.7 0 0 0-27.142-4c-45.452.708-82.669 37.744-83.571 83.193c-.947 47.697 37.433 86.659 84.914 86.659c45.844 0 83.182-36.327 84.851-81.763a22 22 0 0 0 .219-3.169v-215.56c0-7.675 6.221-13.896 13.896-13.896h210.267c7.675 0 13.896 6.221 13.896 13.896v71.56c0 4.861-4.72 8.335-9.353 6.863a84.7 84.7 0 0 0-27.113-3.958c-45.416.759-82.573 37.783-83.472 83.197c-.945 47.694 37.435 86.654 84.914 86.654c46.906 0 84.931-38.025 84.931-84.931c0-.427-.026-.848-.032-1.274c.01-.289.032-.575.032-.867zm-57.107 111.063H194.346a7.2 7.2 0 0 1-7.2-7.2V77.178a7.2 7.2 0 0 1 7.212-7.2l223.659.359a7.2 7.2 0 0 1 7.188 7.2v53.733a7.2 7.2 0 0 1-7.2 7.201"/></svg>
</template>

.icon-musicalnote {
  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%2300D1AE%22%20d%3D%22M475.112%2027.408c0-7.685-6.237-13.911-13.922-13.896l-310.081.587c-7.664.015-13.87%206.232-13.87%2013.896v308.098c0%204.866-4.729%208.34-9.364%206.859a84.7%2084.7%200%200%200-27.142-4c-45.452.708-82.669%2037.744-83.571%2083.193c-.947%2047.697%2037.433%2086.659%2084.914%2086.659c45.844%200%2083.182-36.327%2084.851-81.763a22%2022%200%200%200%20.219-3.169v-215.56c0-7.675%206.221-13.896%2013.896-13.896h210.267c7.675%200%2013.896%206.221%2013.896%2013.896v71.56c0%204.861-4.72%208.335-9.353%206.863a84.7%2084.7%200%200%200-27.113-3.958c-45.416.759-82.573%2037.783-83.472%2083.197c-.945%2047.694%2037.435%2086.654%2084.914%2086.654c46.906%200%2084.931-38.025%2084.931-84.931c0-.427-.026-.848-.032-1.274c.01-.289.032-.575.032-.867zm-57.107%20111.063H194.346a7.2%207.2%200%200%201-7.2-7.2V77.178a7.2%207.2%200%200%201%207.212-7.2l223.659.359a7.2%207.2%200%200%201%207.188%207.2v53.733a7.2%207.2%200%200%201-7.2%207.201%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%2300D1AE%22%20d%3D%22M475.112%2027.408c0-7.685-6.237-13.911-13.922-13.896l-310.081.587c-7.664.015-13.87%206.232-13.87%2013.896v308.098c0%204.866-4.729%208.34-9.364%206.859a84.7%2084.7%200%200%200-27.142-4c-45.452.708-82.669%2037.744-83.571%2083.193c-.947%2047.697%2037.433%2086.659%2084.914%2086.659c45.844%200%2083.182-36.327%2084.851-81.763a22%2022%200%200%200%20.219-3.169v-215.56c0-7.675%206.221-13.896%2013.896-13.896h210.267c7.675%200%2013.896%206.221%2013.896%2013.896v71.56c0%204.861-4.72%208.335-9.353%206.863a84.7%2084.7%200%200%200-27.113-3.958c-45.416.759-82.573%2037.783-83.472%2083.197c-.945%2047.694%2037.435%2086.654%2084.914%2086.654c46.906%200%2084.931-38.025%2084.931-84.931c0-.427-.026-.848-.032-1.274c.01-.289.032-.575.032-.867zm-57.107%20111.063H194.346a7.2%207.2%200%200%201-7.2-7.2V77.178a7.2%207.2%200%200%201%207.212-7.2l223.659.359a7.2%207.2%200%200%201%207.188%207.2v53.733a7.2%207.2%200%200%201-7.2%207.201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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