cup music icon
cup-music-line-duotone from Solar by 480 Design · Line Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- cup-music-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the cup music 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.0002 16C6.24021 16 5.21983 10.2595 5.03907 5.70647C4.98879 4.43998 4.96365 3.80673 5.43937 3.22083C5.91508 2.63494 6.48445 2.53887 7.62318 2.34674C8.74724 2.15709 10.2166 2 12.0002 2C13.7837 2 15.2531 2.15709 16.3771 2.34674C17.5159 2.53887 18.0852 2.63494 18.5609 3.22083C19.0367 3.80673 19.0115 4.43998 18.9612 5.70647C18.7805 10.2595 17.7601 16 12.0002 16Z"/><path stroke-linecap="round" d="M13 10.5V7.5V5"/><circle cx="11.5" cy="10.5" r="1.5"/><path stroke-linecap="round" d="M15 7C13.8954 7 13 6.10457 13 5"/><path d="M19 5L19.9486 5.31621C20.9387 5.64623 21.4337 5.81124 21.7168 6.20408C22 6.59692 22 7.11873 21.9999 8.16234L21.9999 8.23487C21.9999 9.09561 21.9999 9.52598 21.7927 9.87809C21.5855 10.2302 21.2093 10.4392 20.4569 10.8572L17.5 12.5" opacity=".5"/><path d="M4.99994 5L4.05132 5.31621C3.06126 5.64623 2.56623 5.81124 2.2831 6.20408C1.99996 6.59692 1.99997 7.11873 2 8.16234L2 8.23487C2.00003 9.09561 2.00004 9.52598 2.20723 9.87809C2.41441 10.2302 2.79063 10.4392 3.54305 10.8572L6.49994 12.5" opacity=".5"/><path stroke-linecap="round" d="M12 16V19" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M15.5 22H8.5L8.83922 20.3039C8.93271 19.8365 9.34312 19.5 9.8198 19.5H14.1802C14.6569 19.5 15.0673 19.8365 15.1608 20.3039L15.5 22Z"/><path stroke-linecap="round" d="M18 22H6" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCupMusicLineDuotone(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.0002 16C6.24021 16 5.21983 10.2595 5.03907 5.70647C4.98879 4.43998 4.96365 3.80673 5.43937 3.22083C5.91508 2.63494 6.48445 2.53887 7.62318 2.34674C8.74724 2.15709 10.2166 2 12.0002 2C13.7837 2 15.2531 2.15709 16.3771 2.34674C17.5159 2.53887 18.0852 2.63494 18.5609 3.22083C19.0367 3.80673 19.0115 4.43998 18.9612 5.70647C18.7805 10.2595 17.7601 16 12.0002 16Z"/><path strokeLinecap="round" d="M13 10.5V7.5V5"/><circle cx="11.5" cy="10.5" r="1.5"/><path strokeLinecap="round" d="M15 7C13.8954 7 13 6.10457 13 5"/><path d="M19 5L19.9486 5.31621C20.9387 5.64623 21.4337 5.81124 21.7168 6.20408C22 6.59692 22 7.11873 21.9999 8.16234L21.9999 8.23487C21.9999 9.09561 21.9999 9.52598 21.7927 9.87809C21.5855 10.2302 21.2093 10.4392 20.4569 10.8572L17.5 12.5" opacity=".5"/><path d="M4.99994 5L4.05132 5.31621C3.06126 5.64623 2.56623 5.81124 2.2831 6.20408C1.99996 6.59692 1.99997 7.11873 2 8.16234L2 8.23487C2.00003 9.09561 2.00004 9.52598 2.20723 9.87809C2.41441 10.2302 2.79063 10.4392 3.54305 10.8572L6.49994 12.5" opacity=".5"/><path strokeLinecap="round" d="M12 16V19" opacity=".5"/><path strokeLinecap="round" strokeLinejoin="round" d="M15.5 22H8.5L8.83922 20.3039C8.93271 19.8365 9.34312 19.5 9.8198 19.5H14.1802C14.6569 19.5 15.0673 19.8365 15.1608 20.3039L15.5 22Z"/><path strokeLinecap="round" d="M18 22H6" opacity=".5"/></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.0002 16C6.24021 16 5.21983 10.2595 5.03907 5.70647C4.98879 4.43998 4.96365 3.80673 5.43937 3.22083C5.91508 2.63494 6.48445 2.53887 7.62318 2.34674C8.74724 2.15709 10.2166 2 12.0002 2C13.7837 2 15.2531 2.15709 16.3771 2.34674C17.5159 2.53887 18.0852 2.63494 18.5609 3.22083C19.0367 3.80673 19.0115 4.43998 18.9612 5.70647C18.7805 10.2595 17.7601 16 12.0002 16Z"/><path stroke-linecap="round" d="M13 10.5V7.5V5"/><circle cx="11.5" cy="10.5" r="1.5"/><path stroke-linecap="round" d="M15 7C13.8954 7 13 6.10457 13 5"/><path d="M19 5L19.9486 5.31621C20.9387 5.64623 21.4337 5.81124 21.7168 6.20408C22 6.59692 22 7.11873 21.9999 8.16234L21.9999 8.23487C21.9999 9.09561 21.9999 9.52598 21.7927 9.87809C21.5855 10.2302 21.2093 10.4392 20.4569 10.8572L17.5 12.5" opacity=".5"/><path d="M4.99994 5L4.05132 5.31621C3.06126 5.64623 2.56623 5.81124 2.2831 6.20408C1.99996 6.59692 1.99997 7.11873 2 8.16234L2 8.23487C2.00003 9.09561 2.00004 9.52598 2.20723 9.87809C2.41441 10.2302 2.79063 10.4392 3.54305 10.8572L6.49994 12.5" opacity=".5"/><path stroke-linecap="round" d="M12 16V19" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M15.5 22H8.5L8.83922 20.3039C8.93271 19.8365 9.34312 19.5 9.8198 19.5H14.1802C14.6569 19.5 15.0673 19.8365 15.1608 20.3039L15.5 22Z"/><path stroke-linecap="round" d="M18 22H6" opacity=".5"/></g></svg> </template>
CSS
.icon-cup-music-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.0002%2016C6.24021%2016%205.21983%2010.2595%205.03907%205.70647C4.98879%204.43998%204.96365%203.80673%205.43937%203.22083C5.91508%202.63494%206.48445%202.53887%207.62318%202.34674C8.74724%202.15709%2010.2166%202%2012.0002%202C13.7837%202%2015.2531%202.15709%2016.3771%202.34674C17.5159%202.53887%2018.0852%202.63494%2018.5609%203.22083C19.0367%203.80673%2019.0115%204.43998%2018.9612%205.70647C18.7805%2010.2595%2017.7601%2016%2012.0002%2016Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M13%2010.5V7.5V5%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2210.5%22%20r%3D%221.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%207C13.8954%207%2013%206.10457%2013%205%22%2F%3E%3Cpath%20d%3D%22M19%205L19.9486%205.31621C20.9387%205.64623%2021.4337%205.81124%2021.7168%206.20408C22%206.59692%2022%207.11873%2021.9999%208.16234L21.9999%208.23487C21.9999%209.09561%2021.9999%209.52598%2021.7927%209.87809C21.5855%2010.2302%2021.2093%2010.4392%2020.4569%2010.8572L17.5%2012.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M4.99994%205L4.05132%205.31621C3.06126%205.64623%202.56623%205.81124%202.2831%206.20408C1.99996%206.59692%201.99997%207.11873%202%208.16234L2%208.23487C2.00003%209.09561%202.00004%209.52598%202.20723%209.87809C2.41441%2010.2302%202.79063%2010.4392%203.54305%2010.8572L6.49994%2012.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2016V19%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.5%2022H8.5L8.83922%2020.3039C8.93271%2019.8365%209.34312%2019.5%209.8198%2019.5H14.1802C14.6569%2019.5%2015.0673%2019.8365%2015.1608%2020.3039L15.5%2022Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M18%2022H6%22%20opacity%3D%22.5%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.0002%2016C6.24021%2016%205.21983%2010.2595%205.03907%205.70647C4.98879%204.43998%204.96365%203.80673%205.43937%203.22083C5.91508%202.63494%206.48445%202.53887%207.62318%202.34674C8.74724%202.15709%2010.2166%202%2012.0002%202C13.7837%202%2015.2531%202.15709%2016.3771%202.34674C17.5159%202.53887%2018.0852%202.63494%2018.5609%203.22083C19.0367%203.80673%2019.0115%204.43998%2018.9612%205.70647C18.7805%2010.2595%2017.7601%2016%2012.0002%2016Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M13%2010.5V7.5V5%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2210.5%22%20r%3D%221.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%207C13.8954%207%2013%206.10457%2013%205%22%2F%3E%3Cpath%20d%3D%22M19%205L19.9486%205.31621C20.9387%205.64623%2021.4337%205.81124%2021.7168%206.20408C22%206.59692%2022%207.11873%2021.9999%208.16234L21.9999%208.23487C21.9999%209.09561%2021.9999%209.52598%2021.7927%209.87809C21.5855%2010.2302%2021.2093%2010.4392%2020.4569%2010.8572L17.5%2012.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M4.99994%205L4.05132%205.31621C3.06126%205.64623%202.56623%205.81124%202.2831%206.20408C1.99996%206.59692%201.99997%207.11873%202%208.16234L2%208.23487C2.00003%209.09561%202.00004%209.52598%202.20723%209.87809C2.41441%2010.2302%202.79063%2010.4392%203.54305%2010.8572L6.49994%2012.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2016V19%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.5%2022H8.5L8.83922%2020.3039C8.93271%2019.8365%209.34312%2019.5%209.8198%2019.5H14.1802C14.6569%2019.5%2015.0673%2019.8365%2015.1608%2020.3039L15.5%2022Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M18%2022H6%22%20opacity%3D%22.5%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/cup-music-line-duotone.svg?color=%231a73e8&size=48
