ios musical notes icon
ios-musical-notes from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-musical-notes
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios musical notes icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M406.3 48.2c-4.7.9-202 39.2-206.2 40-4.2.8-8.1 3.6-8.1 8v240.1c0 1.6-.1 7.2-2.4 11.7-3.1 5.9-8.5 10.2-16.1 12.7-3.3 1.1-7.8 2.1-13.1 3.3-24.1 5.4-64.4 14.6-64.4 51.8 0 31.1 22.4 45.1 41.7 47.5 2.1.3 4.5.7 7.1.7 6.7 0 36-3.3 51.2-13.2 11-7.2 24.1-21.4 24.1-47.8V190.5c0-3.8 2.7-7.1 6.4-7.8l152-30.7c5-1 9.6 2.8 9.6 7.8v130.9c0 4.1-.2 8.9-2.5 13.4-3.1 5.9-8.5 10.2-16.2 12.7-3.3 1.1-8.8 2.1-14.1 3.3-24.1 5.4-64.4 14.5-64.4 51.7 0 33.7 25.4 47.2 41.8 48.3 6.5.4 11.2.3 19.4-.9s23.5-5.5 36.5-13c17.9-10.3 27.5-26.8 27.5-48.2V55.9c-.1-4.4-3.8-8.9-9.8-7.7z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosMusicalNotes(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M406.3 48.2c-4.7.9-202 39.2-206.2 40-4.2.8-8.1 3.6-8.1 8v240.1c0 1.6-.1 7.2-2.4 11.7-3.1 5.9-8.5 10.2-16.1 12.7-3.3 1.1-7.8 2.1-13.1 3.3-24.1 5.4-64.4 14.6-64.4 51.8 0 31.1 22.4 45.1 41.7 47.5 2.1.3 4.5.7 7.1.7 6.7 0 36-3.3 51.2-13.2 11-7.2 24.1-21.4 24.1-47.8V190.5c0-3.8 2.7-7.1 6.4-7.8l152-30.7c5-1 9.6 2.8 9.6 7.8v130.9c0 4.1-.2 8.9-2.5 13.4-3.1 5.9-8.5 10.2-16.2 12.7-3.3 1.1-8.8 2.1-14.1 3.3-24.1 5.4-64.4 14.5-64.4 51.7 0 33.7 25.4 47.2 41.8 48.3 6.5.4 11.2.3 19.4-.9s23.5-5.5 36.5-13c17.9-10.3 27.5-26.8 27.5-48.2V55.9c-.1-4.4-3.8-8.9-9.8-7.7z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M406.3 48.2c-4.7.9-202 39.2-206.2 40-4.2.8-8.1 3.6-8.1 8v240.1c0 1.6-.1 7.2-2.4 11.7-3.1 5.9-8.5 10.2-16.1 12.7-3.3 1.1-7.8 2.1-13.1 3.3-24.1 5.4-64.4 14.6-64.4 51.8 0 31.1 22.4 45.1 41.7 47.5 2.1.3 4.5.7 7.1.7 6.7 0 36-3.3 51.2-13.2 11-7.2 24.1-21.4 24.1-47.8V190.5c0-3.8 2.7-7.1 6.4-7.8l152-30.7c5-1 9.6 2.8 9.6 7.8v130.9c0 4.1-.2 8.9-2.5 13.4-3.1 5.9-8.5 10.2-16.2 12.7-3.3 1.1-8.8 2.1-14.1 3.3-24.1 5.4-64.4 14.5-64.4 51.7 0 33.7 25.4 47.2 41.8 48.3 6.5.4 11.2.3 19.4-.9s23.5-5.5 36.5-13c17.9-10.3 27.5-26.8 27.5-48.2V55.9c-.1-4.4-3.8-8.9-9.8-7.7z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%20512%20512%22%3E%3Cpath%20d%3D%22M406.3%2048.2c-4.7.9-202%2039.2-206.2%2040-4.2.8-8.1%203.6-8.1%208v240.1c0%201.6-.1%207.2-2.4%2011.7-3.1%205.9-8.5%2010.2-16.1%2012.7-3.3%201.1-7.8%202.1-13.1%203.3-24.1%205.4-64.4%2014.6-64.4%2051.8%200%2031.1%2022.4%2045.1%2041.7%2047.5%202.1.3%204.5.7%207.1.7%206.7%200%2036-3.3%2051.2-13.2%2011-7.2%2024.1-21.4%2024.1-47.8V190.5c0-3.8%202.7-7.1%206.4-7.8l152-30.7c5-1%209.6%202.8%209.6%207.8v130.9c0%204.1-.2%208.9-2.5%2013.4-3.1%205.9-8.5%2010.2-16.2%2012.7-3.3%201.1-8.8%202.1-14.1%203.3-24.1%205.4-64.4%2014.5-64.4%2051.7%200%2033.7%2025.4%2047.2%2041.8%2048.3%206.5.4%2011.2.3%2019.4-.9s23.5-5.5%2036.5-13c17.9-10.3%2027.5-26.8%2027.5-48.2V55.9c-.1-4.4-3.8-8.9-9.8-7.7z%22%20fill%3D%22currentColor%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%20d%3D%22M406.3%2048.2c-4.7.9-202%2039.2-206.2%2040-4.2.8-8.1%203.6-8.1%208v240.1c0%201.6-.1%207.2-2.4%2011.7-3.1%205.9-8.5%2010.2-16.1%2012.7-3.3%201.1-7.8%202.1-13.1%203.3-24.1%205.4-64.4%2014.6-64.4%2051.8%200%2031.1%2022.4%2045.1%2041.7%2047.5%202.1.3%204.5.7%207.1.7%206.7%200%2036-3.3%2051.2-13.2%2011-7.2%2024.1-21.4%2024.1-47.8V190.5c0-3.8%202.7-7.1%206.4-7.8l152-30.7c5-1%209.6%202.8%209.6%207.8v130.9c0%204.1-.2%208.9-2.5%2013.4-3.1%205.9-8.5%2010.2-16.2%2012.7-3.3%201.1-8.8%202.1-14.1%203.3-24.1%205.4-64.4%2014.5-64.4%2051.7%200%2033.7%2025.4%2047.2%2041.8%2048.3%206.5.4%2011.2.3%2019.4-.9s23.5-5.5%2036.5-13c17.9-10.3%2027.5-26.8%2027.5-48.2V55.9c-.1-4.4-3.8-8.9-9.8-7.7z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-musical-notes.svg?color=%231a73e8&size=48
