music note 3 icon
music-note-3-line-duotone from Solar by 480 Design · Line Duotone · Video · CC-BY-4.0 Attribution required.
- Name
- music-note-3-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 18C12 20.2091 10.2091 22 8 22C5.79086 22 4 20.2091 4 18C4 15.7909 5.79086 14 8 14C10.2091 14 12 15.7909 12 18Z"/><path d="M12 18V6" opacity=".5"/><path stroke-linecap="round" d="M16.1167 10.0587L13.4833 8.74199C13.1184 8.55954 12.9359 8.46831 12.7852 8.35309C12.3949 8.05463 12.128 7.62291 12.0357 7.14028C12 6.95397 12 6.74998 12 6.34199C12 5.3709 12 4.88536 12.1196 4.55528C12.4356 3.68288 13.3101 3.14239 14.2317 3.24989C14.5804 3.29057 15.0147 3.50771 15.8833 3.94199L18.5167 5.25871C18.8816 5.44117 19.0641 5.5324 19.2148 5.64761C19.6051 5.94608 19.872 6.3778 19.9643 6.86043C20 7.04673 20 7.25073 20 7.65871C20 8.6298 20 9.11535 19.8804 9.44543C19.5644 10.3178 18.6899 10.8583 17.7683 10.7508C17.4196 10.7101 16.9853 10.493 16.1167 10.0587Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMusicNote3LineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M12 18C12 20.2091 10.2091 22 8 22C5.79086 22 4 20.2091 4 18C4 15.7909 5.79086 14 8 14C10.2091 14 12 15.7909 12 18Z"/><path d="M12 18V6" opacity=".5"/><path strokeLinecap="round" d="M16.1167 10.0587L13.4833 8.74199C13.1184 8.55954 12.9359 8.46831 12.7852 8.35309C12.3949 8.05463 12.128 7.62291 12.0357 7.14028C12 6.95397 12 6.74998 12 6.34199C12 5.3709 12 4.88536 12.1196 4.55528C12.4356 3.68288 13.3101 3.14239 14.2317 3.24989C14.5804 3.29057 15.0147 3.50771 15.8833 3.94199L18.5167 5.25871C18.8816 5.44117 19.0641 5.5324 19.2148 5.64761C19.6051 5.94608 19.872 6.3778 19.9643 6.86043C20 7.04673 20 7.25073 20 7.65871C20 8.6298 20 9.11535 19.8804 9.44543C19.5644 10.3178 18.6899 10.8583 17.7683 10.7508C17.4196 10.7101 16.9853 10.493 16.1167 10.0587Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 18C12 20.2091 10.2091 22 8 22C5.79086 22 4 20.2091 4 18C4 15.7909 5.79086 14 8 14C10.2091 14 12 15.7909 12 18Z"/><path d="M12 18V6" opacity=".5"/><path stroke-linecap="round" d="M16.1167 10.0587L13.4833 8.74199C13.1184 8.55954 12.9359 8.46831 12.7852 8.35309C12.3949 8.05463 12.128 7.62291 12.0357 7.14028C12 6.95397 12 6.74998 12 6.34199C12 5.3709 12 4.88536 12.1196 4.55528C12.4356 3.68288 13.3101 3.14239 14.2317 3.24989C14.5804 3.29057 15.0147 3.50771 15.8833 3.94199L18.5167 5.25871C18.8816 5.44117 19.0641 5.5324 19.2148 5.64761C19.6051 5.94608 19.872 6.3778 19.9643 6.86043C20 7.04673 20 7.25073 20 7.65871C20 8.6298 20 9.11535 19.8804 9.44543C19.5644 10.3178 18.6899 10.8583 17.7683 10.7508C17.4196 10.7101 16.9853 10.493 16.1167 10.0587Z"/></g></svg> </template>
CSS
.icon-music-note-3-line-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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%2018C12%2020.2091%2010.2091%2022%208%2022C5.79086%2022%204%2020.2091%204%2018C4%2015.7909%205.79086%2014%208%2014C10.2091%2014%2012%2015.7909%2012%2018Z%22%2F%3E%3Cpath%20d%3D%22M12%2018V6%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16.1167%2010.0587L13.4833%208.74199C13.1184%208.55954%2012.9359%208.46831%2012.7852%208.35309C12.3949%208.05463%2012.128%207.62291%2012.0357%207.14028C12%206.95397%2012%206.74998%2012%206.34199C12%205.3709%2012%204.88536%2012.1196%204.55528C12.4356%203.68288%2013.3101%203.14239%2014.2317%203.24989C14.5804%203.29057%2015.0147%203.50771%2015.8833%203.94199L18.5167%205.25871C18.8816%205.44117%2019.0641%205.5324%2019.2148%205.64761C19.6051%205.94608%2019.872%206.3778%2019.9643%206.86043C20%207.04673%2020%207.25073%2020%207.65871C20%208.6298%2020%209.11535%2019.8804%209.44543C19.5644%2010.3178%2018.6899%2010.8583%2017.7683%2010.7508C17.4196%2010.7101%2016.9853%2010.493%2016.1167%2010.0587Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%2018C12%2020.2091%2010.2091%2022%208%2022C5.79086%2022%204%2020.2091%204%2018C4%2015.7909%205.79086%2014%208%2014C10.2091%2014%2012%2015.7909%2012%2018Z%22%2F%3E%3Cpath%20d%3D%22M12%2018V6%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16.1167%2010.0587L13.4833%208.74199C13.1184%208.55954%2012.9359%208.46831%2012.7852%208.35309C12.3949%208.05463%2012.128%207.62291%2012.0357%207.14028C12%206.95397%2012%206.74998%2012%206.34199C12%205.3709%2012%204.88536%2012.1196%204.55528C12.4356%203.68288%2013.3101%203.14239%2014.2317%203.24989C14.5804%203.29057%2015.0147%203.50771%2015.8833%203.94199L18.5167%205.25871C18.8816%205.44117%2019.0641%205.5324%2019.2148%205.64761C19.6051%205.94608%2019.872%206.3778%2019.9643%206.86043C20%207.04673%2020%207.25073%2020%207.65871C20%208.6298%2020%209.11535%2019.8804%209.44543C19.5644%2010.3178%2018.6899%2010.8583%2017.7683%2010.7508C17.4196%2010.7101%2016.9853%2010.493%2016.1167%2010.0587Z%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-3-line-duotone.svg?color=%231a73e8&size=48
