music note 4 icon
music-note-4-line-duotone from Solar by 480 Design · Line Duotone · Video · CC-BY-4.0 Attribution required.
- Name
- music-note-4-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 4 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 18V8" opacity=".5"/><path stroke-linecap="round" d="M16.1167 3.94199L13.4833 5.25871C13.1184 5.44117 12.9359 5.5324 12.7852 5.64761C12.3949 5.94608 12.128 6.3778 12.0357 6.86043C12 7.04673 12 7.25073 12 7.65871C12 8.6298 12 9.11535 12.1196 9.44543C12.4356 10.3178 13.3101 10.8583 14.2317 10.7508C14.5804 10.7101 15.0147 10.493 15.8833 10.0587L18.5167 8.74199C18.8816 8.55954 19.0641 8.46831 19.2148 8.35309C19.6051 8.05463 19.872 7.62291 19.9643 7.14028C20 6.95397 20 6.74998 20 6.34199C20 5.3709 20 4.88536 19.8804 4.55528C19.5644 3.68288 18.6899 3.14239 17.7683 3.24989C17.4196 3.29057 16.9853 3.50771 16.1167 3.94199Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMusicNote4LineDuotone(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 18V8" opacity=".5"/><path strokeLinecap="round" d="M16.1167 3.94199L13.4833 5.25871C13.1184 5.44117 12.9359 5.5324 12.7852 5.64761C12.3949 5.94608 12.128 6.3778 12.0357 6.86043C12 7.04673 12 7.25073 12 7.65871C12 8.6298 12 9.11535 12.1196 9.44543C12.4356 10.3178 13.3101 10.8583 14.2317 10.7508C14.5804 10.7101 15.0147 10.493 15.8833 10.0587L18.5167 8.74199C18.8816 8.55954 19.0641 8.46831 19.2148 8.35309C19.6051 8.05463 19.872 7.62291 19.9643 7.14028C20 6.95397 20 6.74998 20 6.34199C20 5.3709 20 4.88536 19.8804 4.55528C19.5644 3.68288 18.6899 3.14239 17.7683 3.24989C17.4196 3.29057 16.9853 3.50771 16.1167 3.94199Z"/></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 18V8" opacity=".5"/><path stroke-linecap="round" d="M16.1167 3.94199L13.4833 5.25871C13.1184 5.44117 12.9359 5.5324 12.7852 5.64761C12.3949 5.94608 12.128 6.3778 12.0357 6.86043C12 7.04673 12 7.25073 12 7.65871C12 8.6298 12 9.11535 12.1196 9.44543C12.4356 10.3178 13.3101 10.8583 14.2317 10.7508C14.5804 10.7101 15.0147 10.493 15.8833 10.0587L18.5167 8.74199C18.8816 8.55954 19.0641 8.46831 19.2148 8.35309C19.6051 8.05463 19.872 7.62291 19.9643 7.14028C20 6.95397 20 6.74998 20 6.34199C20 5.3709 20 4.88536 19.8804 4.55528C19.5644 3.68288 18.6899 3.14239 17.7683 3.24989C17.4196 3.29057 16.9853 3.50771 16.1167 3.94199Z"/></g></svg> </template>
CSS
.icon-music-note-4-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%2018V8%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16.1167%203.94199L13.4833%205.25871C13.1184%205.44117%2012.9359%205.5324%2012.7852%205.64761C12.3949%205.94608%2012.128%206.3778%2012.0357%206.86043C12%207.04673%2012%207.25073%2012%207.65871C12%208.6298%2012%209.11535%2012.1196%209.44543C12.4356%2010.3178%2013.3101%2010.8583%2014.2317%2010.7508C14.5804%2010.7101%2015.0147%2010.493%2015.8833%2010.0587L18.5167%208.74199C18.8816%208.55954%2019.0641%208.46831%2019.2148%208.35309C19.6051%208.05463%2019.872%207.62291%2019.9643%207.14028C20%206.95397%2020%206.74998%2020%206.34199C20%205.3709%2020%204.88536%2019.8804%204.55528C19.5644%203.68288%2018.6899%203.14239%2017.7683%203.24989C17.4196%203.29057%2016.9853%203.50771%2016.1167%203.94199Z%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%2018V8%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16.1167%203.94199L13.4833%205.25871C13.1184%205.44117%2012.9359%205.5324%2012.7852%205.64761C12.3949%205.94608%2012.128%206.3778%2012.0357%206.86043C12%207.04673%2012%207.25073%2012%207.65871C12%208.6298%2012%209.11535%2012.1196%209.44543C12.4356%2010.3178%2013.3101%2010.8583%2014.2317%2010.7508C14.5804%2010.7101%2015.0147%2010.493%2015.8833%2010.0587L18.5167%208.74199C18.8816%208.55954%2019.0641%208.46831%2019.2148%208.35309C19.6051%208.05463%2019.872%207.62291%2019.9643%207.14028C20%206.95397%2020%206.74998%2020%206.34199C20%205.3709%2020%204.88536%2019.8804%204.55528C19.5644%203.68288%2018.6899%203.14239%2017.7683%203.24989C17.4196%203.29057%2016.9853%203.50771%2016.1167%203.94199Z%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-4-line-duotone.svg?color=%231a73e8&size=48
