cup hot icon
cup-hot-line-duotone from Solar by 480 Design · Line Duotone · Food · CC-BY-4.0 Attribution required.
- Name
- cup-hot-line-duotone
- Set
- Solar
- Style
- Line 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
bottle-boldchef-hat-boldchef-hat-heart-boldchef-hat-minimalistic-boldcorkscrew-boldcup-paper-bolddonut-bitten-bolddonut-boldladle-boldmug-boldoven-mitts-boldoven-mitts-minimalistic-boldrolling-pin-boldtea-cup-boldwhisk-boldwineglass-boldwineglass-triangle-boldcup-first-boldcup-music-boldcup-star-bold
Use the cup hot 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="M3.28441 11.2661C3.15113 9.26687 3.08449 8.26726 3.67729 7.63363C4.27009 7 5.27191 7 7.27555 7H12.7245C14.7281 7 15.7299 7 16.3227 7.63363C16.9155 8.26726 16.8489 9.26687 16.7156 11.2661L16.3734 16.3991C16.1964 19.054 16.1079 20.3815 15.2429 21.1907C14.3779 22 13.0475 22 10.3867 22H9.61333C6.95253 22 5.62212 22 4.75712 21.1907C3.89211 20.3815 3.80361 19.054 3.62662 16.3991L3.28441 11.2661Z"/><path d="M17 17H18C20.2091 17 22 15.2091 22 13C22 10.7909 20.2091 9 18 9H17"/><path d="M16.5 18H3.5" opacity=".5"/><path stroke-linecap="round" d="M6.05081 5.0614L6.46143 4.48574C6.6882 4.16781 6.61431 3.72623 6.29638 3.49945C5.97845 3.27267 5.90455 2.8311 6.13133 2.51317L6.54195 1.9375M14.0508 5.0614L14.4614 4.48574C14.6882 4.16781 14.6143 3.72623 14.2964 3.49945C13.9784 3.27267 13.9046 2.8311 14.1313 2.51317L14.5419 1.9375"/><path stroke-linecap="round" d="M10.0507 5.0614L10.4613 4.48574C10.6881 4.16781 10.6142 3.72623 10.2963 3.49945C9.97837 3.27267 9.90447 2.8311 10.1313 2.51317L10.5419 1.9375" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCupHotLineDuotone(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="M3.28441 11.2661C3.15113 9.26687 3.08449 8.26726 3.67729 7.63363C4.27009 7 5.27191 7 7.27555 7H12.7245C14.7281 7 15.7299 7 16.3227 7.63363C16.9155 8.26726 16.8489 9.26687 16.7156 11.2661L16.3734 16.3991C16.1964 19.054 16.1079 20.3815 15.2429 21.1907C14.3779 22 13.0475 22 10.3867 22H9.61333C6.95253 22 5.62212 22 4.75712 21.1907C3.89211 20.3815 3.80361 19.054 3.62662 16.3991L3.28441 11.2661Z"/><path d="M17 17H18C20.2091 17 22 15.2091 22 13C22 10.7909 20.2091 9 18 9H17"/><path d="M16.5 18H3.5" opacity=".5"/><path strokeLinecap="round" d="M6.05081 5.0614L6.46143 4.48574C6.6882 4.16781 6.61431 3.72623 6.29638 3.49945C5.97845 3.27267 5.90455 2.8311 6.13133 2.51317L6.54195 1.9375M14.0508 5.0614L14.4614 4.48574C14.6882 4.16781 14.6143 3.72623 14.2964 3.49945C13.9784 3.27267 13.9046 2.8311 14.1313 2.51317L14.5419 1.9375"/><path strokeLinecap="round" d="M10.0507 5.0614L10.4613 4.48574C10.6881 4.16781 10.6142 3.72623 10.2963 3.49945C9.97837 3.27267 9.90447 2.8311 10.1313 2.51317L10.5419 1.9375" 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="M3.28441 11.2661C3.15113 9.26687 3.08449 8.26726 3.67729 7.63363C4.27009 7 5.27191 7 7.27555 7H12.7245C14.7281 7 15.7299 7 16.3227 7.63363C16.9155 8.26726 16.8489 9.26687 16.7156 11.2661L16.3734 16.3991C16.1964 19.054 16.1079 20.3815 15.2429 21.1907C14.3779 22 13.0475 22 10.3867 22H9.61333C6.95253 22 5.62212 22 4.75712 21.1907C3.89211 20.3815 3.80361 19.054 3.62662 16.3991L3.28441 11.2661Z"/><path d="M17 17H18C20.2091 17 22 15.2091 22 13C22 10.7909 20.2091 9 18 9H17"/><path d="M16.5 18H3.5" opacity=".5"/><path stroke-linecap="round" d="M6.05081 5.0614L6.46143 4.48574C6.6882 4.16781 6.61431 3.72623 6.29638 3.49945C5.97845 3.27267 5.90455 2.8311 6.13133 2.51317L6.54195 1.9375M14.0508 5.0614L14.4614 4.48574C14.6882 4.16781 14.6143 3.72623 14.2964 3.49945C13.9784 3.27267 13.9046 2.8311 14.1313 2.51317L14.5419 1.9375"/><path stroke-linecap="round" d="M10.0507 5.0614L10.4613 4.48574C10.6881 4.16781 10.6142 3.72623 10.2963 3.49945C9.97837 3.27267 9.90447 2.8311 10.1313 2.51317L10.5419 1.9375" opacity=".5"/></g></svg> </template>
CSS
.icon-cup-hot-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%22M3.28441%2011.2661C3.15113%209.26687%203.08449%208.26726%203.67729%207.63363C4.27009%207%205.27191%207%207.27555%207H12.7245C14.7281%207%2015.7299%207%2016.3227%207.63363C16.9155%208.26726%2016.8489%209.26687%2016.7156%2011.2661L16.3734%2016.3991C16.1964%2019.054%2016.1079%2020.3815%2015.2429%2021.1907C14.3779%2022%2013.0475%2022%2010.3867%2022H9.61333C6.95253%2022%205.62212%2022%204.75712%2021.1907C3.89211%2020.3815%203.80361%2019.054%203.62662%2016.3991L3.28441%2011.2661Z%22%2F%3E%3Cpath%20d%3D%22M17%2017H18C20.2091%2017%2022%2015.2091%2022%2013C22%2010.7909%2020.2091%209%2018%209H17%22%2F%3E%3Cpath%20d%3D%22M16.5%2018H3.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6.05081%205.0614L6.46143%204.48574C6.6882%204.16781%206.61431%203.72623%206.29638%203.49945C5.97845%203.27267%205.90455%202.8311%206.13133%202.51317L6.54195%201.9375M14.0508%205.0614L14.4614%204.48574C14.6882%204.16781%2014.6143%203.72623%2014.2964%203.49945C13.9784%203.27267%2013.9046%202.8311%2014.1313%202.51317L14.5419%201.9375%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.0507%205.0614L10.4613%204.48574C10.6881%204.16781%2010.6142%203.72623%2010.2963%203.49945C9.97837%203.27267%209.90447%202.8311%2010.1313%202.51317L10.5419%201.9375%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%22M3.28441%2011.2661C3.15113%209.26687%203.08449%208.26726%203.67729%207.63363C4.27009%207%205.27191%207%207.27555%207H12.7245C14.7281%207%2015.7299%207%2016.3227%207.63363C16.9155%208.26726%2016.8489%209.26687%2016.7156%2011.2661L16.3734%2016.3991C16.1964%2019.054%2016.1079%2020.3815%2015.2429%2021.1907C14.3779%2022%2013.0475%2022%2010.3867%2022H9.61333C6.95253%2022%205.62212%2022%204.75712%2021.1907C3.89211%2020.3815%203.80361%2019.054%203.62662%2016.3991L3.28441%2011.2661Z%22%2F%3E%3Cpath%20d%3D%22M17%2017H18C20.2091%2017%2022%2015.2091%2022%2013C22%2010.7909%2020.2091%209%2018%209H17%22%2F%3E%3Cpath%20d%3D%22M16.5%2018H3.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6.05081%205.0614L6.46143%204.48574C6.6882%204.16781%206.61431%203.72623%206.29638%203.49945C5.97845%203.27267%205.90455%202.8311%206.13133%202.51317L6.54195%201.9375M14.0508%205.0614L14.4614%204.48574C14.6882%204.16781%2014.6143%203.72623%2014.2964%203.49945C13.9784%203.27267%2013.9046%202.8311%2014.1313%202.51317L14.5419%201.9375%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.0507%205.0614L10.4613%204.48574C10.6881%204.16781%2010.6142%203.72623%2010.2963%203.49945C9.97837%203.27267%209.90447%202.8311%2010.1313%202.51317L10.5419%201.9375%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-hot-line-duotone.svg?color=%231a73e8&size=48
