music lib icon
music-lib from Reicon by REICON · Outline · Video · MIT Free for personal and commercial use.
- Name
- music-lib
- Set
- Reicon
- Style
- Outline
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
1 other variant 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 lib icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="m12.756 11.759l-.001.016a8 8 0 0 0-.004.537h.002c.027.015.064.034.137.07l.988.492c.17.084.271.134.347.167l.02.008v-.016a8 8 0 0 0 .004-.536l-.002-.001l-.137-.07l-.988-.491a9 9 0 0 0-.347-.168zm-.006 2.229l.475.236c.15.075.287.143.403.193c.118.052.272.11.449.131a1.5 1.5 0 0 0 1.583-.975c.06-.167.077-.332.083-.46c.007-.127.007-.28.007-.446v-.049c0-.118 0-.265-.027-.408a1.5 1.5 0 0 0-.563-.907a2 2 0 0 0-.353-.206l-.03-.014l-1.002-.499c-.15-.074-.287-.143-.403-.193a1.6 1.6 0 0 0-.449-.13a1.5 1.5 0 0 0-1.583.975c-.06.167-.077.332-.083.46a7 7 0 0 0-.007.335v2.362a2.254 2.254 0 0 0-3 2.115a2.246 2.246 0 0 0 2.25 2.242c1.239 0 2.25-1 2.25-2.242zm-1.5 2.52a.746.746 0 0 0-.75-.742a.746.746 0 0 0-.75.742c0 .406.332.742.75.742s.75-.336.75-.742"/><path d="M8.7 1.25h6.6c.22 0 .389 0 .536.016A2.75 2.75 0 0 1 18.29 3.87a2.89 2.89 0 0 1 2.054 2.721c.601.18 1.12.465 1.544.923c.652.705.854 1.572.862 2.586c.007.975-.166 2.207-.382 3.736l-.44 3.114c-.168 1.196-.305 2.168-.518 2.929c-.223.797-.552 1.452-1.16 1.956c-.604.5-1.32.715-2.166.817c-.819.098-1.849.098-3.13.098H9.046c-1.282 0-2.312 0-3.13-.098c-.847-.102-1.563-.317-2.167-.817c-.608-.504-.937-1.16-1.16-1.956c-.213-.761-.35-1.733-.519-2.93l-.439-3.113c-.215-1.53-.39-2.761-.382-3.736c.008-1.014.21-1.881.862-2.586c.424-.458.942-.742 1.543-.923a2.89 2.89 0 0 1 2.055-2.72a2.75 2.75 0 0 1 2.454-2.605c.147-.016.316-.016.535-.016m-3.51 5.078c.926-.078 2.06-.078 3.427-.078h6.768c1.366 0 2.5 0 3.427.078a1.38 1.38 0 0 0-1.35-1.078H6.539c-.669 0-1.212.47-1.349 1.078m10.487-3.57c.55.058.985.468 1.092.992H7.232a1.25 1.25 0 0 1 1.092-.993c.056-.006.136-.007.417-.007h6.518c.28 0 .36.001.417.007M3.213 8.532c.303-.327.758-.544 1.643-.662c.901-.12 2.108-.121 3.816-.121h6.656c1.708 0 2.915.002 3.816.121c.885.118 1.34.335 1.643.662c.296.32.457.755.463 1.579c.006.85-.15 1.97-.376 3.576l-.423 3c-.178 1.261-.302 2.133-.485 2.787c-.177.63-.384.965-.673 1.204c-.293.244-.687.4-1.388.484c-.719.086-1.658.087-3 .087h-5.81c-1.342 0-2.281-.001-3-.087c-.7-.085-1.095-.24-1.388-.483c-.289-.24-.496-.576-.673-1.205c-.183-.654-.307-1.526-.485-2.787l-.423-3c-.226-1.605-.382-2.726-.376-3.576c.006-.824.167-1.26.463-1.579"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconMusicLib(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" fillRule="evenodd" clipRule="evenodd"><path d="m12.756 11.759l-.001.016a8 8 0 0 0-.004.537h.002c.027.015.064.034.137.07l.988.492c.17.084.271.134.347.167l.02.008v-.016a8 8 0 0 0 .004-.536l-.002-.001l-.137-.07l-.988-.491a9 9 0 0 0-.347-.168zm-.006 2.229l.475.236c.15.075.287.143.403.193c.118.052.272.11.449.131a1.5 1.5 0 0 0 1.583-.975c.06-.167.077-.332.083-.46c.007-.127.007-.28.007-.446v-.049c0-.118 0-.265-.027-.408a1.5 1.5 0 0 0-.563-.907a2 2 0 0 0-.353-.206l-.03-.014l-1.002-.499c-.15-.074-.287-.143-.403-.193a1.6 1.6 0 0 0-.449-.13a1.5 1.5 0 0 0-1.583.975c-.06.167-.077.332-.083.46a7 7 0 0 0-.007.335v2.362a2.254 2.254 0 0 0-3 2.115a2.246 2.246 0 0 0 2.25 2.242c1.239 0 2.25-1 2.25-2.242zm-1.5 2.52a.746.746 0 0 0-.75-.742a.746.746 0 0 0-.75.742c0 .406.332.742.75.742s.75-.336.75-.742"/><path d="M8.7 1.25h6.6c.22 0 .389 0 .536.016A2.75 2.75 0 0 1 18.29 3.87a2.89 2.89 0 0 1 2.054 2.721c.601.18 1.12.465 1.544.923c.652.705.854 1.572.862 2.586c.007.975-.166 2.207-.382 3.736l-.44 3.114c-.168 1.196-.305 2.168-.518 2.929c-.223.797-.552 1.452-1.16 1.956c-.604.5-1.32.715-2.166.817c-.819.098-1.849.098-3.13.098H9.046c-1.282 0-2.312 0-3.13-.098c-.847-.102-1.563-.317-2.167-.817c-.608-.504-.937-1.16-1.16-1.956c-.213-.761-.35-1.733-.519-2.93l-.439-3.113c-.215-1.53-.39-2.761-.382-3.736c.008-1.014.21-1.881.862-2.586c.424-.458.942-.742 1.543-.923a2.89 2.89 0 0 1 2.055-2.72a2.75 2.75 0 0 1 2.454-2.605c.147-.016.316-.016.535-.016m-3.51 5.078c.926-.078 2.06-.078 3.427-.078h6.768c1.366 0 2.5 0 3.427.078a1.38 1.38 0 0 0-1.35-1.078H6.539c-.669 0-1.212.47-1.349 1.078m10.487-3.57c.55.058.985.468 1.092.992H7.232a1.25 1.25 0 0 1 1.092-.993c.056-.006.136-.007.417-.007h6.518c.28 0 .36.001.417.007M3.213 8.532c.303-.327.758-.544 1.643-.662c.901-.12 2.108-.121 3.816-.121h6.656c1.708 0 2.915.002 3.816.121c.885.118 1.34.335 1.643.662c.296.32.457.755.463 1.579c.006.85-.15 1.97-.376 3.576l-.423 3c-.178 1.261-.302 2.133-.485 2.787c-.177.63-.384.965-.673 1.204c-.293.244-.687.4-1.388.484c-.719.086-1.658.087-3 .087h-5.81c-1.342 0-2.281-.001-3-.087c-.7-.085-1.095-.24-1.388-.483c-.289-.24-.496-.576-.673-1.205c-.183-.654-.307-1.526-.485-2.787l-.423-3c-.226-1.605-.382-2.726-.376-3.576c.006-.824.167-1.26.463-1.579"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="m12.756 11.759l-.001.016a8 8 0 0 0-.004.537h.002c.027.015.064.034.137.07l.988.492c.17.084.271.134.347.167l.02.008v-.016a8 8 0 0 0 .004-.536l-.002-.001l-.137-.07l-.988-.491a9 9 0 0 0-.347-.168zm-.006 2.229l.475.236c.15.075.287.143.403.193c.118.052.272.11.449.131a1.5 1.5 0 0 0 1.583-.975c.06-.167.077-.332.083-.46c.007-.127.007-.28.007-.446v-.049c0-.118 0-.265-.027-.408a1.5 1.5 0 0 0-.563-.907a2 2 0 0 0-.353-.206l-.03-.014l-1.002-.499c-.15-.074-.287-.143-.403-.193a1.6 1.6 0 0 0-.449-.13a1.5 1.5 0 0 0-1.583.975c-.06.167-.077.332-.083.46a7 7 0 0 0-.007.335v2.362a2.254 2.254 0 0 0-3 2.115a2.246 2.246 0 0 0 2.25 2.242c1.239 0 2.25-1 2.25-2.242zm-1.5 2.52a.746.746 0 0 0-.75-.742a.746.746 0 0 0-.75.742c0 .406.332.742.75.742s.75-.336.75-.742"/><path d="M8.7 1.25h6.6c.22 0 .389 0 .536.016A2.75 2.75 0 0 1 18.29 3.87a2.89 2.89 0 0 1 2.054 2.721c.601.18 1.12.465 1.544.923c.652.705.854 1.572.862 2.586c.007.975-.166 2.207-.382 3.736l-.44 3.114c-.168 1.196-.305 2.168-.518 2.929c-.223.797-.552 1.452-1.16 1.956c-.604.5-1.32.715-2.166.817c-.819.098-1.849.098-3.13.098H9.046c-1.282 0-2.312 0-3.13-.098c-.847-.102-1.563-.317-2.167-.817c-.608-.504-.937-1.16-1.16-1.956c-.213-.761-.35-1.733-.519-2.93l-.439-3.113c-.215-1.53-.39-2.761-.382-3.736c.008-1.014.21-1.881.862-2.586c.424-.458.942-.742 1.543-.923a2.89 2.89 0 0 1 2.055-2.72a2.75 2.75 0 0 1 2.454-2.605c.147-.016.316-.016.535-.016m-3.51 5.078c.926-.078 2.06-.078 3.427-.078h6.768c1.366 0 2.5 0 3.427.078a1.38 1.38 0 0 0-1.35-1.078H6.539c-.669 0-1.212.47-1.349 1.078m10.487-3.57c.55.058.985.468 1.092.992H7.232a1.25 1.25 0 0 1 1.092-.993c.056-.006.136-.007.417-.007h6.518c.28 0 .36.001.417.007M3.213 8.532c.303-.327.758-.544 1.643-.662c.901-.12 2.108-.121 3.816-.121h6.656c1.708 0 2.915.002 3.816.121c.885.118 1.34.335 1.643.662c.296.32.457.755.463 1.579c.006.85-.15 1.97-.376 3.576l-.423 3c-.178 1.261-.302 2.133-.485 2.787c-.177.63-.384.965-.673 1.204c-.293.244-.687.4-1.388.484c-.719.086-1.658.087-3 .087h-5.81c-1.342 0-2.281-.001-3-.087c-.7-.085-1.095-.24-1.388-.483c-.289-.24-.496-.576-.673-1.205c-.183-.654-.307-1.526-.485-2.787l-.423-3c-.226-1.605-.382-2.726-.376-3.576c.006-.824.167-1.26.463-1.579"/></g></svg> </template>
CSS
.icon-music-lib {
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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m12.756%2011.759l-.001.016a8%208%200%200%200-.004.537h.002c.027.015.064.034.137.07l.988.492c.17.084.271.134.347.167l.02.008v-.016a8%208%200%200%200%20.004-.536l-.002-.001l-.137-.07l-.988-.491a9%209%200%200%200-.347-.168zm-.006%202.229l.475.236c.15.075.287.143.403.193c.118.052.272.11.449.131a1.5%201.5%200%200%200%201.583-.975c.06-.167.077-.332.083-.46c.007-.127.007-.28.007-.446v-.049c0-.118%200-.265-.027-.408a1.5%201.5%200%200%200-.563-.907a2%202%200%200%200-.353-.206l-.03-.014l-1.002-.499c-.15-.074-.287-.143-.403-.193a1.6%201.6%200%200%200-.449-.13a1.5%201.5%200%200%200-1.583.975c-.06.167-.077.332-.083.46a7%207%200%200%200-.007.335v2.362a2.254%202.254%200%200%200-3%202.115a2.246%202.246%200%200%200%202.25%202.242c1.239%200%202.25-1%202.25-2.242zm-1.5%202.52a.746.746%200%200%200-.75-.742a.746.746%200%200%200-.75.742c0%20.406.332.742.75.742s.75-.336.75-.742%22%2F%3E%3Cpath%20d%3D%22M8.7%201.25h6.6c.22%200%20.389%200%20.536.016A2.75%202.75%200%200%201%2018.29%203.87a2.89%202.89%200%200%201%202.054%202.721c.601.18%201.12.465%201.544.923c.652.705.854%201.572.862%202.586c.007.975-.166%202.207-.382%203.736l-.44%203.114c-.168%201.196-.305%202.168-.518%202.929c-.223.797-.552%201.452-1.16%201.956c-.604.5-1.32.715-2.166.817c-.819.098-1.849.098-3.13.098H9.046c-1.282%200-2.312%200-3.13-.098c-.847-.102-1.563-.317-2.167-.817c-.608-.504-.937-1.16-1.16-1.956c-.213-.761-.35-1.733-.519-2.93l-.439-3.113c-.215-1.53-.39-2.761-.382-3.736c.008-1.014.21-1.881.862-2.586c.424-.458.942-.742%201.543-.923a2.89%202.89%200%200%201%202.055-2.72a2.75%202.75%200%200%201%202.454-2.605c.147-.016.316-.016.535-.016m-3.51%205.078c.926-.078%202.06-.078%203.427-.078h6.768c1.366%200%202.5%200%203.427.078a1.38%201.38%200%200%200-1.35-1.078H6.539c-.669%200-1.212.47-1.349%201.078m10.487-3.57c.55.058.985.468%201.092.992H7.232a1.25%201.25%200%200%201%201.092-.993c.056-.006.136-.007.417-.007h6.518c.28%200%20.36.001.417.007M3.213%208.532c.303-.327.758-.544%201.643-.662c.901-.12%202.108-.121%203.816-.121h6.656c1.708%200%202.915.002%203.816.121c.885.118%201.34.335%201.643.662c.296.32.457.755.463%201.579c.006.85-.15%201.97-.376%203.576l-.423%203c-.178%201.261-.302%202.133-.485%202.787c-.177.63-.384.965-.673%201.204c-.293.244-.687.4-1.388.484c-.719.086-1.658.087-3%20.087h-5.81c-1.342%200-2.281-.001-3-.087c-.7-.085-1.095-.24-1.388-.483c-.289-.24-.496-.576-.673-1.205c-.183-.654-.307-1.526-.485-2.787l-.423-3c-.226-1.605-.382-2.726-.376-3.576c.006-.824.167-1.26.463-1.579%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m12.756%2011.759l-.001.016a8%208%200%200%200-.004.537h.002c.027.015.064.034.137.07l.988.492c.17.084.271.134.347.167l.02.008v-.016a8%208%200%200%200%20.004-.536l-.002-.001l-.137-.07l-.988-.491a9%209%200%200%200-.347-.168zm-.006%202.229l.475.236c.15.075.287.143.403.193c.118.052.272.11.449.131a1.5%201.5%200%200%200%201.583-.975c.06-.167.077-.332.083-.46c.007-.127.007-.28.007-.446v-.049c0-.118%200-.265-.027-.408a1.5%201.5%200%200%200-.563-.907a2%202%200%200%200-.353-.206l-.03-.014l-1.002-.499c-.15-.074-.287-.143-.403-.193a1.6%201.6%200%200%200-.449-.13a1.5%201.5%200%200%200-1.583.975c-.06.167-.077.332-.083.46a7%207%200%200%200-.007.335v2.362a2.254%202.254%200%200%200-3%202.115a2.246%202.246%200%200%200%202.25%202.242c1.239%200%202.25-1%202.25-2.242zm-1.5%202.52a.746.746%200%200%200-.75-.742a.746.746%200%200%200-.75.742c0%20.406.332.742.75.742s.75-.336.75-.742%22%2F%3E%3Cpath%20d%3D%22M8.7%201.25h6.6c.22%200%20.389%200%20.536.016A2.75%202.75%200%200%201%2018.29%203.87a2.89%202.89%200%200%201%202.054%202.721c.601.18%201.12.465%201.544.923c.652.705.854%201.572.862%202.586c.007.975-.166%202.207-.382%203.736l-.44%203.114c-.168%201.196-.305%202.168-.518%202.929c-.223.797-.552%201.452-1.16%201.956c-.604.5-1.32.715-2.166.817c-.819.098-1.849.098-3.13.098H9.046c-1.282%200-2.312%200-3.13-.098c-.847-.102-1.563-.317-2.167-.817c-.608-.504-.937-1.16-1.16-1.956c-.213-.761-.35-1.733-.519-2.93l-.439-3.113c-.215-1.53-.39-2.761-.382-3.736c.008-1.014.21-1.881.862-2.586c.424-.458.942-.742%201.543-.923a2.89%202.89%200%200%201%202.055-2.72a2.75%202.75%200%200%201%202.454-2.605c.147-.016.316-.016.535-.016m-3.51%205.078c.926-.078%202.06-.078%203.427-.078h6.768c1.366%200%202.5%200%203.427.078a1.38%201.38%200%200%200-1.35-1.078H6.539c-.669%200-1.212.47-1.349%201.078m10.487-3.57c.55.058.985.468%201.092.992H7.232a1.25%201.25%200%200%201%201.092-.993c.056-.006.136-.007.417-.007h6.518c.28%200%20.36.001.417.007M3.213%208.532c.303-.327.758-.544%201.643-.662c.901-.12%202.108-.121%203.816-.121h6.656c1.708%200%202.915.002%203.816.121c.885.118%201.34.335%201.643.662c.296.32.457.755.463%201.579c.006.85-.15%201.97-.376%203.576l-.423%203c-.178%201.261-.302%202.133-.485%202.787c-.177.63-.384.965-.673%201.204c-.293.244-.687.4-1.388.484c-.719.086-1.658.087-3%20.087h-5.81c-1.342%200-2.281-.001-3-.087c-.7-.085-1.095-.24-1.388-.483c-.289-.24-.496-.576-.673-1.205c-.183-.654-.307-1.526-.485-2.787l-.423-3c-.226-1.605-.382-2.726-.376-3.576c.006-.824.167-1.26.463-1.579%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/music-lib.svg?color=%231a73e8&size=48
