music icon
music-outlined from WeUI Icon by WeUI · Outlined · MIT Free for personal and commercial use.
- Name
- music-outlined
- Set
- WeUI Icon
- Style
- Outlined
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
musicAkar IconsmusicBoxIcons v2musicBoxIcons v2 SolidmusicCarbonmusicCodiconsmusic-fillEva IconsmusicFont Awesome 6 SolidmusicFont Awesome SolidmusicFeather Iconsmusic-outlineFlowbite Iconsmusiccss.ggmusicHuge IconsmusicIconParkmusicIconPark OutlinemusicIconPark SolidmusicIconPark TwoTonemusicJam IconsmusicLine AwesomemusicLucidemusicMage IconsmusicMajesticonsmusicMaterial Design Iconsmusic-fillMingCute IconmusicMyna UI Icons
Related icons in WeUI Icon
Use the music 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.597 2.803a.61.61 0 0 0-.72-.46l-11.61 2.55a1.1 1.1 0 0 0-.86 1.11v10.4a.9.9 0 0 1-.73.89l-1.67.35a2.13 2.13 0 0 0-1.6 2.24a2.09 2.09 0 0 0 2 2q.19.021.38 0c.07 0 1.12-.24 1.3-.32a2.68 2.68 0 0 0 1.52-2.36v-13l10.79-2.37v9.91a.91.91 0 0 1-.73.89l-1.74.37a2.13 2.13 0 0 0-1.56 2.24a2.1 2.1 0 0 0 2 2q.195.023.39 0q.664-.131 1.31-.33a2.67 2.67 0 0 0 1.54-2.33V2.933a.6.6 0 0 0-.01-.13m-1.19 12.84v.9a1.48 1.48 0 0 1-.8 1.22c-.2.07-.93.23-1.09.26h-.15a.91.91 0 0 1-.8-.88a1 1 0 0 1 .6-1l1.74-.35q.259-.045.5-.15m-12 2.66v.9c-.03.52-.33.986-.79 1.23c-.19.06-.92.22-1.07.26a.87.87 0 0 1-.94-.87a1 1 0 0 1 .59-1l1.72-.34q.256-.06.49-.18"/></svg>
React
import type { SVGProps } from "react";
export function WeuiMusicOutlined(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.597 2.803a.61.61 0 0 0-.72-.46l-11.61 2.55a1.1 1.1 0 0 0-.86 1.11v10.4a.9.9 0 0 1-.73.89l-1.67.35a2.13 2.13 0 0 0-1.6 2.24a2.09 2.09 0 0 0 2 2q.19.021.38 0c.07 0 1.12-.24 1.3-.32a2.68 2.68 0 0 0 1.52-2.36v-13l10.79-2.37v9.91a.91.91 0 0 1-.73.89l-1.74.37a2.13 2.13 0 0 0-1.56 2.24a2.1 2.1 0 0 0 2 2q.195.023.39 0q.664-.131 1.31-.33a2.67 2.67 0 0 0 1.54-2.33V2.933a.6.6 0 0 0-.01-.13m-1.19 12.84v.9a1.48 1.48 0 0 1-.8 1.22c-.2.07-.93.23-1.09.26h-.15a.91.91 0 0 1-.8-.88a1 1 0 0 1 .6-1l1.74-.35q.259-.045.5-.15m-12 2.66v.9c-.03.52-.33.986-.79 1.23c-.19.06-.92.22-1.07.26a.87.87 0 0 1-.94-.87a1 1 0 0 1 .59-1l1.72-.34q.256-.06.49-.18"/></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.597 2.803a.61.61 0 0 0-.72-.46l-11.61 2.55a1.1 1.1 0 0 0-.86 1.11v10.4a.9.9 0 0 1-.73.89l-1.67.35a2.13 2.13 0 0 0-1.6 2.24a2.09 2.09 0 0 0 2 2q.19.021.38 0c.07 0 1.12-.24 1.3-.32a2.68 2.68 0 0 0 1.52-2.36v-13l10.79-2.37v9.91a.91.91 0 0 1-.73.89l-1.74.37a2.13 2.13 0 0 0-1.56 2.24a2.1 2.1 0 0 0 2 2q.195.023.39 0q.664-.131 1.31-.33a2.67 2.67 0 0 0 1.54-2.33V2.933a.6.6 0 0 0-.01-.13m-1.19 12.84v.9a1.48 1.48 0 0 1-.8 1.22c-.2.07-.93.23-1.09.26h-.15a.91.91 0 0 1-.8-.88a1 1 0 0 1 .6-1l1.74-.35q.259-.045.5-.15m-12 2.66v.9c-.03.52-.33.986-.79 1.23c-.19.06-.92.22-1.07.26a.87.87 0 0 1-.94-.87a1 1 0 0 1 .59-1l1.72-.34q.256-.06.49-.18"/></svg> </template>
CSS
.icon-music-outlined {
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.597%202.803a.61.61%200%200%200-.72-.46l-11.61%202.55a1.1%201.1%200%200%200-.86%201.11v10.4a.9.9%200%200%201-.73.89l-1.67.35a2.13%202.13%200%200%200-1.6%202.24a2.09%202.09%200%200%200%202%202q.19.021.38%200c.07%200%201.12-.24%201.3-.32a2.68%202.68%200%200%200%201.52-2.36v-13l10.79-2.37v9.91a.91.91%200%200%201-.73.89l-1.74.37a2.13%202.13%200%200%200-1.56%202.24a2.1%202.1%200%200%200%202%202q.195.023.39%200q.664-.131%201.31-.33a2.67%202.67%200%200%200%201.54-2.33V2.933a.6.6%200%200%200-.01-.13m-1.19%2012.84v.9a1.48%201.48%200%200%201-.8%201.22c-.2.07-.93.23-1.09.26h-.15a.91.91%200%200%201-.8-.88a1%201%200%200%201%20.6-1l1.74-.35q.259-.045.5-.15m-12%202.66v.9c-.03.52-.33.986-.79%201.23c-.19.06-.92.22-1.07.26a.87.87%200%200%201-.94-.87a1%201%200%200%201%20.59-1l1.72-.34q.256-.06.49-.18%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.597%202.803a.61.61%200%200%200-.72-.46l-11.61%202.55a1.1%201.1%200%200%200-.86%201.11v10.4a.9.9%200%200%201-.73.89l-1.67.35a2.13%202.13%200%200%200-1.6%202.24a2.09%202.09%200%200%200%202%202q.19.021.38%200c.07%200%201.12-.24%201.3-.32a2.68%202.68%200%200%200%201.52-2.36v-13l10.79-2.37v9.91a.91.91%200%200%201-.73.89l-1.74.37a2.13%202.13%200%200%200-1.56%202.24a2.1%202.1%200%200%200%202%202q.195.023.39%200q.664-.131%201.31-.33a2.67%202.67%200%200%200%201.54-2.33V2.933a.6.6%200%200%200-.01-.13m-1.19%2012.84v.9a1.48%201.48%200%200%201-.8%201.22c-.2.07-.93.23-1.09.26h-.15a.91.91%200%200%201-.8-.88a1%201%200%200%201%20.6-1l1.74-.35q.259-.045.5-.15m-12%202.66v.9c-.03.52-.33.986-.79%201.23c-.19.06-.92.22-1.07.26a.87.87%200%200%201-.94-.87a1%201%200%200%201%20.59-1l1.72-.34q.256-.06.49-.18%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/weui/music-outlined.svg?color=%231a73e8&size=48
