music note icon
music-note-duotone from Reicon by REICON · Duotone · Video · MIT Free for personal and commercial use.
- Name
- music-note-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All music note icons →music-noteAkar Iconsmusic-noteBootstrap Iconsmusic-noteFramework7 Iconsmusic-notecss.ggmusic-noteHumbleiconsmusic-noteIconoirmusic-noteIonIconsmusic-noteKeyline Iconsmusic-noteMajesticonsmusic-noteMaterial Symbolsmusic-noteMaterial Symbols Lightmusic-noteMaterial Design Iconsmusic-notePhosphormusic-note-boldSolarmusic-noteUnicons
More video icons from Reicon
albumcameracamera-addcamera-add2camera-altcamera-offcamera-recordcamera-rotatecamera-squarecamera2camera3clapperboardclapperboard-editclapperboard-openclapperboard-open-playclapperboard-playclapperboard-textexit-fullscreenexit-fullscreen-circleexit-fullscreen-squareexit-pipfast-forwardfast-forward-circlefilm
Use the music note icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="m10.09 11.963l9.273-3.332L21 7.952v-.46c0-1.12 0-2.059-.088-2.807a7 7 0 0 0-.043-.31c-.085-.51-.234-.988-.523-1.386a2.2 2.2 0 0 0-.675-.617l-.01-.005c-.77-.461-1.638-.428-2.532-.224c-.864.198-1.935.6-3.249 1.095l-2.284.859c-.616.231-1.138.427-1.547.63c-.436.216-.811.471-1.092.851s-.399.79-.452 1.234c-.05.418-.05.926-.05 1.525v4.265z" clip-rule="evenodd"/><path d="M8.455 16.13a3.8 3.8 0 0 0-1.91-.5C4.587 15.63 3 17.056 3 18.815S4.587 22 6.545 22c1.959 0 3.546-1.426 3.546-3.185v-6.852l-1.636.638zm10.909-7.5v5.54a3.8 3.8 0 0 0-1.91-.5c-1.958 0-3.545 1.426-3.545 3.185s1.587 3.185 3.545 3.185c1.959 0 3.546-1.426 3.546-3.185V7.952z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconMusicNoteDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="m10.09 11.963l9.273-3.332L21 7.952v-.46c0-1.12 0-2.059-.088-2.807a7 7 0 0 0-.043-.31c-.085-.51-.234-.988-.523-1.386a2.2 2.2 0 0 0-.675-.617l-.01-.005c-.77-.461-1.638-.428-2.532-.224c-.864.198-1.935.6-3.249 1.095l-2.284.859c-.616.231-1.138.427-1.547.63c-.436.216-.811.471-1.092.851s-.399.79-.452 1.234c-.05.418-.05.926-.05 1.525v4.265z" clipRule="evenodd"/><path d="M8.455 16.13a3.8 3.8 0 0 0-1.91-.5C4.587 15.63 3 17.056 3 18.815S4.587 22 6.545 22c1.959 0 3.546-1.426 3.546-3.185v-6.852l-1.636.638zm10.909-7.5v5.54a3.8 3.8 0 0 0-1.91-.5c-1.958 0-3.545 1.426-3.545 3.185s1.587 3.185 3.545 3.185c1.959 0 3.546-1.426 3.546-3.185V7.952z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="m10.09 11.963l9.273-3.332L21 7.952v-.46c0-1.12 0-2.059-.088-2.807a7 7 0 0 0-.043-.31c-.085-.51-.234-.988-.523-1.386a2.2 2.2 0 0 0-.675-.617l-.01-.005c-.77-.461-1.638-.428-2.532-.224c-.864.198-1.935.6-3.249 1.095l-2.284.859c-.616.231-1.138.427-1.547.63c-.436.216-.811.471-1.092.851s-.399.79-.452 1.234c-.05.418-.05.926-.05 1.525v4.265z" clip-rule="evenodd"/><path d="M8.455 16.13a3.8 3.8 0 0 0-1.91-.5C4.587 15.63 3 17.056 3 18.815S4.587 22 6.545 22c1.959 0 3.546-1.426 3.546-3.185v-6.852l-1.636.638zm10.909-7.5v5.54a3.8 3.8 0 0 0-1.91-.5c-1.958 0-3.545 1.426-3.545 3.185s1.587 3.185 3.545 3.185c1.959 0 3.546-1.426 3.546-3.185V7.952z" opacity=".5"/></g></svg> </template>
CSS
.icon-music-note-duotone {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m10.09%2011.963l9.273-3.332L21%207.952v-.46c0-1.12%200-2.059-.088-2.807a7%207%200%200%200-.043-.31c-.085-.51-.234-.988-.523-1.386a2.2%202.2%200%200%200-.675-.617l-.01-.005c-.77-.461-1.638-.428-2.532-.224c-.864.198-1.935.6-3.249%201.095l-2.284.859c-.616.231-1.138.427-1.547.63c-.436.216-.811.471-1.092.851s-.399.79-.452%201.234c-.05.418-.05.926-.05%201.525v4.265z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M8.455%2016.13a3.8%203.8%200%200%200-1.91-.5C4.587%2015.63%203%2017.056%203%2018.815S4.587%2022%206.545%2022c1.959%200%203.546-1.426%203.546-3.185v-6.852l-1.636.638zm10.909-7.5v5.54a3.8%203.8%200%200%200-1.91-.5c-1.958%200-3.545%201.426-3.545%203.185s1.587%203.185%203.545%203.185c1.959%200%203.546-1.426%203.546-3.185V7.952z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m10.09%2011.963l9.273-3.332L21%207.952v-.46c0-1.12%200-2.059-.088-2.807a7%207%200%200%200-.043-.31c-.085-.51-.234-.988-.523-1.386a2.2%202.2%200%200%200-.675-.617l-.01-.005c-.77-.461-1.638-.428-2.532-.224c-.864.198-1.935.6-3.249%201.095l-2.284.859c-.616.231-1.138.427-1.547.63c-.436.216-.811.471-1.092.851s-.399.79-.452%201.234c-.05.418-.05.926-.05%201.525v4.265z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M8.455%2016.13a3.8%203.8%200%200%200-1.91-.5C4.587%2015.63%203%2017.056%203%2018.815S4.587%2022%206.545%2022c1.959%200%203.546-1.426%203.546-3.185v-6.852l-1.636.638zm10.909-7.5v5.54a3.8%203.8%200%200%200-1.91-.5c-1.958%200-3.545%201.426-3.545%203.185s1.587%203.185%203.545%203.185c1.959%200%203.546-1.426%203.546-3.185V7.952z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/music-note-duotone.svg?color=%231a73e8&size=48
