mug icon
mug-bold-duotone from Solar by 480 Design · Bold Duotone · Food · CC-BY-4.0 Attribution required.
- Name
- mug-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Food
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More food icons from Solar
Use the mug icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M1.25 21C1.25 20.5858 1.58579 20.25 2 20.25L22 20.25C22.4142 20.25 22.75 20.5858 22.75 21C22.75 21.4142 22.4142 21.75 22 21.75L2 21.75C1.58579 21.75 1.25 21.4142 1.25 21Z" clip-rule="evenodd" opacity=".5"/><path fill-rule="evenodd" d="M3.00174 13C3 12.6878 3 12.355 3 12V7C3 5.11438 3 4.17157 3.58579 3.58579C4.17157 3 5.11438 3 7 3H13C14.8856 3 15.8284 3 16.4142 3.58579C16.649 3.82059 16.7897 4.11275 16.874 4.5H18C20.5261 4.5 22.75 6.31185 22.75 8.75C22.75 11.1882 20.5261 13 18 13H3.00174ZM16.9957 6C17 6.30037 17 6.63226 17 7V11.5H18C19.8921 11.5 21.25 10.1778 21.25 8.75C21.25 7.32216 19.8921 6 18 6H16.9957Z" clip-rule="evenodd"/><path d="M9.00021 18H11.0002C13.8286 18 15.2429 18 16.1215 17.1213C16.8899 16.3529 16.9864 15.175 16.9985 13H3.00195C3.01406 15.175 3.11051 16.3529 3.87889 17.1213C4.75757 18 6.17179 18 9.00021 18Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMugBoldDuotone(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"><path fillRule="evenodd" d="M1.25 21C1.25 20.5858 1.58579 20.25 2 20.25L22 20.25C22.4142 20.25 22.75 20.5858 22.75 21C22.75 21.4142 22.4142 21.75 22 21.75L2 21.75C1.58579 21.75 1.25 21.4142 1.25 21Z" clipRule="evenodd" opacity=".5"/><path fillRule="evenodd" d="M3.00174 13C3 12.6878 3 12.355 3 12V7C3 5.11438 3 4.17157 3.58579 3.58579C4.17157 3 5.11438 3 7 3H13C14.8856 3 15.8284 3 16.4142 3.58579C16.649 3.82059 16.7897 4.11275 16.874 4.5H18C20.5261 4.5 22.75 6.31185 22.75 8.75C22.75 11.1882 20.5261 13 18 13H3.00174ZM16.9957 6C17 6.30037 17 6.63226 17 7V11.5H18C19.8921 11.5 21.25 10.1778 21.25 8.75C21.25 7.32216 19.8921 6 18 6H16.9957Z" clipRule="evenodd"/><path d="M9.00021 18H11.0002C13.8286 18 15.2429 18 16.1215 17.1213C16.8899 16.3529 16.9864 15.175 16.9985 13H3.00195C3.01406 15.175 3.11051 16.3529 3.87889 17.1213C4.75757 18 6.17179 18 9.00021 18Z" 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="currentColor"><path fill-rule="evenodd" d="M1.25 21C1.25 20.5858 1.58579 20.25 2 20.25L22 20.25C22.4142 20.25 22.75 20.5858 22.75 21C22.75 21.4142 22.4142 21.75 22 21.75L2 21.75C1.58579 21.75 1.25 21.4142 1.25 21Z" clip-rule="evenodd" opacity=".5"/><path fill-rule="evenodd" d="M3.00174 13C3 12.6878 3 12.355 3 12V7C3 5.11438 3 4.17157 3.58579 3.58579C4.17157 3 5.11438 3 7 3H13C14.8856 3 15.8284 3 16.4142 3.58579C16.649 3.82059 16.7897 4.11275 16.874 4.5H18C20.5261 4.5 22.75 6.31185 22.75 8.75C22.75 11.1882 20.5261 13 18 13H3.00174ZM16.9957 6C17 6.30037 17 6.63226 17 7V11.5H18C19.8921 11.5 21.25 10.1778 21.25 8.75C21.25 7.32216 19.8921 6 18 6H16.9957Z" clip-rule="evenodd"/><path d="M9.00021 18H11.0002C13.8286 18 15.2429 18 16.1215 17.1213C16.8899 16.3529 16.9864 15.175 16.9985 13H3.00195C3.01406 15.175 3.11051 16.3529 3.87889 17.1213C4.75757 18 6.17179 18 9.00021 18Z" opacity=".5"/></g></svg> </template>
CSS
.icon-mug-bold-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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.25%2021C1.25%2020.5858%201.58579%2020.25%202%2020.25L22%2020.25C22.4142%2020.25%2022.75%2020.5858%2022.75%2021C22.75%2021.4142%2022.4142%2021.75%2022%2021.75L2%2021.75C1.58579%2021.75%201.25%2021.4142%201.25%2021Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.00174%2013C3%2012.6878%203%2012.355%203%2012V7C3%205.11438%203%204.17157%203.58579%203.58579C4.17157%203%205.11438%203%207%203H13C14.8856%203%2015.8284%203%2016.4142%203.58579C16.649%203.82059%2016.7897%204.11275%2016.874%204.5H18C20.5261%204.5%2022.75%206.31185%2022.75%208.75C22.75%2011.1882%2020.5261%2013%2018%2013H3.00174ZM16.9957%206C17%206.30037%2017%206.63226%2017%207V11.5H18C19.8921%2011.5%2021.25%2010.1778%2021.25%208.75C21.25%207.32216%2019.8921%206%2018%206H16.9957Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M9.00021%2018H11.0002C13.8286%2018%2015.2429%2018%2016.1215%2017.1213C16.8899%2016.3529%2016.9864%2015.175%2016.9985%2013H3.00195C3.01406%2015.175%203.11051%2016.3529%203.87889%2017.1213C4.75757%2018%206.17179%2018%209.00021%2018Z%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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.25%2021C1.25%2020.5858%201.58579%2020.25%202%2020.25L22%2020.25C22.4142%2020.25%2022.75%2020.5858%2022.75%2021C22.75%2021.4142%2022.4142%2021.75%2022%2021.75L2%2021.75C1.58579%2021.75%201.25%2021.4142%201.25%2021Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.00174%2013C3%2012.6878%203%2012.355%203%2012V7C3%205.11438%203%204.17157%203.58579%203.58579C4.17157%203%205.11438%203%207%203H13C14.8856%203%2015.8284%203%2016.4142%203.58579C16.649%203.82059%2016.7897%204.11275%2016.874%204.5H18C20.5261%204.5%2022.75%206.31185%2022.75%208.75C22.75%2011.1882%2020.5261%2013%2018%2013H3.00174ZM16.9957%206C17%206.30037%2017%206.63226%2017%207V11.5H18C19.8921%2011.5%2021.25%2010.1778%2021.25%208.75C21.25%207.32216%2019.8921%206%2018%206H16.9957Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M9.00021%2018H11.0002C13.8286%2018%2015.2429%2018%2016.1215%2017.1213C16.8899%2016.3529%2016.9864%2015.175%2016.9985%2013H3.00195C3.01406%2015.175%203.11051%2016.3529%203.87889%2017.1213C4.75757%2018%206.17179%2018%209.00021%2018Z%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/mug-bold-duotone.svg?color=%231a73e8&size=48
