music note4 icon
music-note4-filled from Reicon by REICON · Filled · Video · MIT Free for personal and commercial use.
- Name
- music-note4-filled
- Set
- Reicon
- Style
- Filled
- 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" d="M19.85 4.7c-.398-1.124-1.497-1.821-2.656-1.683a2.7 2.7 0 0 0-.77.24c-.256.114-.567.274-.95.47L13 4.997c-.284.145-.507.259-.698.409a2.6 2.6 0 0 0-.942 1.563c-.045.242-.045.497-.045.823v6.506a4.27 4.27 0 0 0-2.971-1.206c-2.4 0-4.344 1.994-4.344 4.454S5.944 22 8.343 22s4.343-1.994 4.343-4.454v-6.363c.43.226.926.325 1.434.265c.261-.032.514-.125.771-.24c.255-.114.566-.274.949-.47l2.475-1.27c.285-.145.507-.259.698-.408c.49-.385.826-.942.942-1.564c.045-.242.045-.497.045-.823v-.077c0-.439 0-.796-.015-1.08a3 3 0 0 0-.135-.816"/></svg>
React
import type { SVGProps } from "react";
export function ReiconMusicNote4Filled(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" d="M19.85 4.7c-.398-1.124-1.497-1.821-2.656-1.683a2.7 2.7 0 0 0-.77.24c-.256.114-.567.274-.95.47L13 4.997c-.284.145-.507.259-.698.409a2.6 2.6 0 0 0-.942 1.563c-.045.242-.045.497-.045.823v6.506a4.27 4.27 0 0 0-2.971-1.206c-2.4 0-4.344 1.994-4.344 4.454S5.944 22 8.343 22s4.343-1.994 4.343-4.454v-6.363c.43.226.926.325 1.434.265c.261-.032.514-.125.771-.24c.255-.114.566-.274.949-.47l2.475-1.27c.285-.145.507-.259.698-.408c.49-.385.826-.942.942-1.564c.045-.242.045-.497.045-.823v-.077c0-.439 0-.796-.015-1.08a3 3 0 0 0-.135-.816"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.85 4.7c-.398-1.124-1.497-1.821-2.656-1.683a2.7 2.7 0 0 0-.77.24c-.256.114-.567.274-.95.47L13 4.997c-.284.145-.507.259-.698.409a2.6 2.6 0 0 0-.942 1.563c-.045.242-.045.497-.045.823v6.506a4.27 4.27 0 0 0-2.971-1.206c-2.4 0-4.344 1.994-4.344 4.454S5.944 22 8.343 22s4.343-1.994 4.343-4.454v-6.363c.43.226.926.325 1.434.265c.261-.032.514-.125.771-.24c.255-.114.566-.274.949-.47l2.475-1.27c.285-.145.507-.259.698-.408c.49-.385.826-.942.942-1.564c.045-.242.045-.497.045-.823v-.077c0-.439 0-.796-.015-1.08a3 3 0 0 0-.135-.816"/></svg> </template>
CSS
.icon-music-note4-filled {
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%20d%3D%22M19.85%204.7c-.398-1.124-1.497-1.821-2.656-1.683a2.7%202.7%200%200%200-.77.24c-.256.114-.567.274-.95.47L13%204.997c-.284.145-.507.259-.698.409a2.6%202.6%200%200%200-.942%201.563c-.045.242-.045.497-.045.823v6.506a4.27%204.27%200%200%200-2.971-1.206c-2.4%200-4.344%201.994-4.344%204.454S5.944%2022%208.343%2022s4.343-1.994%204.343-4.454v-6.363c.43.226.926.325%201.434.265c.261-.032.514-.125.771-.24c.255-.114.566-.274.949-.47l2.475-1.27c.285-.145.507-.259.698-.408c.49-.385.826-.942.942-1.564c.045-.242.045-.497.045-.823v-.077c0-.439%200-.796-.015-1.08a3%203%200%200%200-.135-.816%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%20d%3D%22M19.85%204.7c-.398-1.124-1.497-1.821-2.656-1.683a2.7%202.7%200%200%200-.77.24c-.256.114-.567.274-.95.47L13%204.997c-.284.145-.507.259-.698.409a2.6%202.6%200%200%200-.942%201.563c-.045.242-.045.497-.045.823v6.506a4.27%204.27%200%200%200-2.971-1.206c-2.4%200-4.344%201.994-4.344%204.454S5.944%2022%208.343%2022s4.343-1.994%204.343-4.454v-6.363c.43.226.926.325%201.434.265c.261-.032.514-.125.771-.24c.255-.114.566-.274.949-.47l2.475-1.27c.285-.145.507-.259.698-.408c.49-.385.826-.942.942-1.564c.045-.242.045-.497.045-.823v-.077c0-.439%200-.796-.015-1.08a3%203%200%200%200-.135-.816%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/music-note4-filled.svg?color=%231a73e8&size=48
