music note4 icon
music-note4 from Reicon by REICON · Outline · Video · MIT Free for personal and commercial use.
- Name
- music-note4
- Set
- Reicon
- Style
- Outline
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
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 note4 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.175 4.81a1.25 1.25 0 0 0-1.32-.815c-.063.007-.178.036-.418.14c-.238.105-.543.257-.985.478L13.82 5.93c-.392.196-.498.252-.578.313a1.25 1.25 0 0 0-.469.758c-.019.1-.022.22-.022.658c0 .494 0 .834.014 1.094c.014.262.04.377.06.437a1.25 1.25 0 0 0 1.32.816c.064-.007.179-.036.419-.141c.238-.104.543-.256.985-.477L18.18 8.07c.392-.196.497-.252.578-.314a1.25 1.25 0 0 0 .47-.756c.019-.1.022-.219.022-.657c0-.494 0-.835-.014-1.094c-.014-.262-.04-.378-.06-.437m-1.494-2.305A2.75 2.75 0 0 1 20.586 4.3c.098.27.132.563.148.869c.016.304.016.684.016 1.152v.083c0 .347 0 .62-.049.877a2.75 2.75 0 0 1-1.03 1.668c-.21.16-.453.28-.764.436l-.055.028l-2.652 1.326c-.418.21-.759.38-1.038.5c-.281.123-.558.223-.843.257a2.74 2.74 0 0 1-1.569-.282V18a4.75 4.75 0 1 1-1.5-3.464V7.597c0-.348 0-.62.049-.878a2.75 2.75 0 0 1 1.03-1.667c.21-.16.453-.281.764-.436l.055-.028L15.8 3.262c.418-.21.759-.38 1.038-.501c.281-.123.558-.223.843-.256M11.25 18a3.25 3.25 0 1 0-6.5 0a3.25 3.25 0 0 0 6.5 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconMusicNote4(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M19.175 4.81a1.25 1.25 0 0 0-1.32-.815c-.063.007-.178.036-.418.14c-.238.105-.543.257-.985.478L13.82 5.93c-.392.196-.498.252-.578.313a1.25 1.25 0 0 0-.469.758c-.019.1-.022.22-.022.658c0 .494 0 .834.014 1.094c.014.262.04.377.06.437a1.25 1.25 0 0 0 1.32.816c.064-.007.179-.036.419-.141c.238-.104.543-.256.985-.477L18.18 8.07c.392-.196.497-.252.578-.314a1.25 1.25 0 0 0 .47-.756c.019-.1.022-.219.022-.657c0-.494 0-.835-.014-1.094c-.014-.262-.04-.378-.06-.437m-1.494-2.305A2.75 2.75 0 0 1 20.586 4.3c.098.27.132.563.148.869c.016.304.016.684.016 1.152v.083c0 .347 0 .62-.049.877a2.75 2.75 0 0 1-1.03 1.668c-.21.16-.453.28-.764.436l-.055.028l-2.652 1.326c-.418.21-.759.38-1.038.5c-.281.123-.558.223-.843.257a2.74 2.74 0 0 1-1.569-.282V18a4.75 4.75 0 1 1-1.5-3.464V7.597c0-.348 0-.62.049-.878a2.75 2.75 0 0 1 1.03-1.667c.21-.16.453-.281.764-.436l.055-.028L15.8 3.262c.418-.21.759-.38 1.038-.501c.281-.123.558-.223.843-.256M11.25 18a3.25 3.25 0 1 0-6.5 0a3.25 3.25 0 0 0 6.5 0" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.175 4.81a1.25 1.25 0 0 0-1.32-.815c-.063.007-.178.036-.418.14c-.238.105-.543.257-.985.478L13.82 5.93c-.392.196-.498.252-.578.313a1.25 1.25 0 0 0-.469.758c-.019.1-.022.22-.022.658c0 .494 0 .834.014 1.094c.014.262.04.377.06.437a1.25 1.25 0 0 0 1.32.816c.064-.007.179-.036.419-.141c.238-.104.543-.256.985-.477L18.18 8.07c.392-.196.497-.252.578-.314a1.25 1.25 0 0 0 .47-.756c.019-.1.022-.219.022-.657c0-.494 0-.835-.014-1.094c-.014-.262-.04-.378-.06-.437m-1.494-2.305A2.75 2.75 0 0 1 20.586 4.3c.098.27.132.563.148.869c.016.304.016.684.016 1.152v.083c0 .347 0 .62-.049.877a2.75 2.75 0 0 1-1.03 1.668c-.21.16-.453.28-.764.436l-.055.028l-2.652 1.326c-.418.21-.759.38-1.038.5c-.281.123-.558.223-.843.257a2.74 2.74 0 0 1-1.569-.282V18a4.75 4.75 0 1 1-1.5-3.464V7.597c0-.348 0-.62.049-.878a2.75 2.75 0 0 1 1.03-1.667c.21-.16.453-.281.764-.436l.055-.028L15.8 3.262c.418-.21.759-.38 1.038-.501c.281-.123.558-.223.843-.256M11.25 18a3.25 3.25 0 1 0-6.5 0a3.25 3.25 0 0 0 6.5 0" clip-rule="evenodd"/></svg> </template>
CSS
.icon-music-note4 {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.175%204.81a1.25%201.25%200%200%200-1.32-.815c-.063.007-.178.036-.418.14c-.238.105-.543.257-.985.478L13.82%205.93c-.392.196-.498.252-.578.313a1.25%201.25%200%200%200-.469.758c-.019.1-.022.22-.022.658c0%20.494%200%20.834.014%201.094c.014.262.04.377.06.437a1.25%201.25%200%200%200%201.32.816c.064-.007.179-.036.419-.141c.238-.104.543-.256.985-.477L18.18%208.07c.392-.196.497-.252.578-.314a1.25%201.25%200%200%200%20.47-.756c.019-.1.022-.219.022-.657c0-.494%200-.835-.014-1.094c-.014-.262-.04-.378-.06-.437m-1.494-2.305A2.75%202.75%200%200%201%2020.586%204.3c.098.27.132.563.148.869c.016.304.016.684.016%201.152v.083c0%20.347%200%20.62-.049.877a2.75%202.75%200%200%201-1.03%201.668c-.21.16-.453.28-.764.436l-.055.028l-2.652%201.326c-.418.21-.759.38-1.038.5c-.281.123-.558.223-.843.257a2.74%202.74%200%200%201-1.569-.282V18a4.75%204.75%200%201%201-1.5-3.464V7.597c0-.348%200-.62.049-.878a2.75%202.75%200%200%201%201.03-1.667c.21-.16.453-.281.764-.436l.055-.028L15.8%203.262c.418-.21.759-.38%201.038-.501c.281-.123.558-.223.843-.256M11.25%2018a3.25%203.25%200%201%200-6.5%200a3.25%203.25%200%200%200%206.5%200%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.175%204.81a1.25%201.25%200%200%200-1.32-.815c-.063.007-.178.036-.418.14c-.238.105-.543.257-.985.478L13.82%205.93c-.392.196-.498.252-.578.313a1.25%201.25%200%200%200-.469.758c-.019.1-.022.22-.022.658c0%20.494%200%20.834.014%201.094c.014.262.04.377.06.437a1.25%201.25%200%200%200%201.32.816c.064-.007.179-.036.419-.141c.238-.104.543-.256.985-.477L18.18%208.07c.392-.196.497-.252.578-.314a1.25%201.25%200%200%200%20.47-.756c.019-.1.022-.219.022-.657c0-.494%200-.835-.014-1.094c-.014-.262-.04-.378-.06-.437m-1.494-2.305A2.75%202.75%200%200%201%2020.586%204.3c.098.27.132.563.148.869c.016.304.016.684.016%201.152v.083c0%20.347%200%20.62-.049.877a2.75%202.75%200%200%201-1.03%201.668c-.21.16-.453.28-.764.436l-.055.028l-2.652%201.326c-.418.21-.759.38-1.038.5c-.281.123-.558.223-.843.257a2.74%202.74%200%200%201-1.569-.282V18a4.75%204.75%200%201%201-1.5-3.464V7.597c0-.348%200-.62.049-.878a2.75%202.75%200%200%201%201.03-1.667c.21-.16.453-.281.764-.436l.055-.028L15.8%203.262c.418-.21.759-.38%201.038-.501c.281-.123.558-.223.843-.256M11.25%2018a3.25%203.25%200%201%200-6.5%200a3.25%203.25%200%200%200%206.5%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/music-note4.svg?color=%231a73e8&size=48
