music note 2 icon
music-note-2-bold-duotone from Solar by 480 Design · Bold Duotone · Video · CC-BY-4.0 Attribution required.
- Name
- music-note-2-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More video icons from Solar
album-boldcamera-add-boldcamera-boldcamera-minimalistic-boldcamera-off-boldcamera-rotate-boldcamera-square-boldclapperboard-boldclapperboard-edit-boldclapperboard-open-boldclapperboard-open-play-boldclapperboard-play-boldclapperboard-text-boldfull-screen-boldfull-screen-circle-boldfull-screen-square-boldgallery-add-boldgallery-boldgallery-check-boldgallery-circle-boldgallery-download-boldgallery-edit-boldgallery-favorite-boldgallery-minimalistic-bold
Use the music note 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9 13.25C6.37665 13.25 4.25 15.3766 4.25 18C4.25 20.6234 6.37665 22.75 9 22.75C11.6234 22.75 13.75 20.6234 13.75 18C13.75 15.3766 11.6234 13.25 9 13.25Z"/><path fill-rule="evenodd" d="M13 1.25C13.4142 1.25 13.75 1.58579 13.75 2C13.75 4.8995 16.1005 7.25 19 7.25C19.4142 7.25 19.75 7.58579 19.75 8C19.75 8.41421 19.4142 8.75 19 8.75C15.2721 8.75 12.25 5.72792 12.25 2C12.25 1.58579 12.5858 1.25 13 1.25Z" clip-rule="evenodd"/><path d="M12.25 14.5359V2C12.25 3.60747 12.8119 5.08371 13.75 6.243V18C13.75 16.6339 13.1733 15.4024 12.25 14.5359Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMusicNote2BoldDuotone(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 d="M9 13.25C6.37665 13.25 4.25 15.3766 4.25 18C4.25 20.6234 6.37665 22.75 9 22.75C11.6234 22.75 13.75 20.6234 13.75 18C13.75 15.3766 11.6234 13.25 9 13.25Z"/><path fillRule="evenodd" d="M13 1.25C13.4142 1.25 13.75 1.58579 13.75 2C13.75 4.8995 16.1005 7.25 19 7.25C19.4142 7.25 19.75 7.58579 19.75 8C19.75 8.41421 19.4142 8.75 19 8.75C15.2721 8.75 12.25 5.72792 12.25 2C12.25 1.58579 12.5858 1.25 13 1.25Z" clipRule="evenodd"/><path d="M12.25 14.5359V2C12.25 3.60747 12.8119 5.08371 13.75 6.243V18C13.75 16.6339 13.1733 15.4024 12.25 14.5359Z" 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 d="M9 13.25C6.37665 13.25 4.25 15.3766 4.25 18C4.25 20.6234 6.37665 22.75 9 22.75C11.6234 22.75 13.75 20.6234 13.75 18C13.75 15.3766 11.6234 13.25 9 13.25Z"/><path fill-rule="evenodd" d="M13 1.25C13.4142 1.25 13.75 1.58579 13.75 2C13.75 4.8995 16.1005 7.25 19 7.25C19.4142 7.25 19.75 7.58579 19.75 8C19.75 8.41421 19.4142 8.75 19 8.75C15.2721 8.75 12.25 5.72792 12.25 2C12.25 1.58579 12.5858 1.25 13 1.25Z" clip-rule="evenodd"/><path d="M12.25 14.5359V2C12.25 3.60747 12.8119 5.08371 13.75 6.243V18C13.75 16.6339 13.1733 15.4024 12.25 14.5359Z" opacity=".5"/></g></svg> </template>
CSS
.icon-music-note-2-bold-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%20d%3D%22M9%2013.25C6.37665%2013.25%204.25%2015.3766%204.25%2018C4.25%2020.6234%206.37665%2022.75%209%2022.75C11.6234%2022.75%2013.75%2020.6234%2013.75%2018C13.75%2015.3766%2011.6234%2013.25%209%2013.25Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13%201.25C13.4142%201.25%2013.75%201.58579%2013.75%202C13.75%204.8995%2016.1005%207.25%2019%207.25C19.4142%207.25%2019.75%207.58579%2019.75%208C19.75%208.41421%2019.4142%208.75%2019%208.75C15.2721%208.75%2012.25%205.72792%2012.25%202C12.25%201.58579%2012.5858%201.25%2013%201.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12.25%2014.5359V2C12.25%203.60747%2012.8119%205.08371%2013.75%206.243V18C13.75%2016.6339%2013.1733%2015.4024%2012.25%2014.5359Z%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%20d%3D%22M9%2013.25C6.37665%2013.25%204.25%2015.3766%204.25%2018C4.25%2020.6234%206.37665%2022.75%209%2022.75C11.6234%2022.75%2013.75%2020.6234%2013.75%2018C13.75%2015.3766%2011.6234%2013.25%209%2013.25Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13%201.25C13.4142%201.25%2013.75%201.58579%2013.75%202C13.75%204.8995%2016.1005%207.25%2019%207.25C19.4142%207.25%2019.75%207.58579%2019.75%208C19.75%208.41421%2019.4142%208.75%2019%208.75C15.2721%208.75%2012.25%205.72792%2012.25%202C12.25%201.58579%2012.5858%201.25%2013%201.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12.25%2014.5359V2C12.25%203.60747%2012.8119%205.08371%2013.75%206.243V18C13.75%2016.6339%2013.1733%2015.4024%2012.25%2014.5359Z%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/solar/music-note-2-bold-duotone.svg?color=%231a73e8&size=48
