coffee icon
coffee-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- coffee-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the coffee icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M82 56V24a6 6 0 0 1 12 0v32a6 6 0 0 1-12 0m38 6a6 6 0 0 0 6-6V24a6 6 0 0 0-12 0v32a6 6 0 0 0 6 6m32 0a6 6 0 0 0 6-6V24a6 6 0 0 0-12 0v32a6 6 0 0 0 6 6m94 58v8a38 38 0 0 1-36.94 38a94.55 94.55 0 0 1-31.13 44H208a6 6 0 0 1 0 12H32a6 6 0 0 1 0-12h30.07A94.34 94.34 0 0 1 26 136V88a6 6 0 0 1 6-6h176a38 38 0 0 1 38 38m-44 16V94H38v42a82.27 82.27 0 0 0 46.67 74h70.66A82.27 82.27 0 0 0 202 136m32-16a26 26 0 0 0-20-25.29V136a93 93 0 0 1-1.69 17.64A26 26 0 0 0 234 128Z"/></svg>
React
import type { SVGProps } from "react";
export function PhCoffeeLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M82 56V24a6 6 0 0 1 12 0v32a6 6 0 0 1-12 0m38 6a6 6 0 0 0 6-6V24a6 6 0 0 0-12 0v32a6 6 0 0 0 6 6m32 0a6 6 0 0 0 6-6V24a6 6 0 0 0-12 0v32a6 6 0 0 0 6 6m94 58v8a38 38 0 0 1-36.94 38a94.55 94.55 0 0 1-31.13 44H208a6 6 0 0 1 0 12H32a6 6 0 0 1 0-12h30.07A94.34 94.34 0 0 1 26 136V88a6 6 0 0 1 6-6h176a38 38 0 0 1 38 38m-44 16V94H38v42a82.27 82.27 0 0 0 46.67 74h70.66A82.27 82.27 0 0 0 202 136m32-16a26 26 0 0 0-20-25.29V136a93 93 0 0 1-1.69 17.64A26 26 0 0 0 234 128Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M82 56V24a6 6 0 0 1 12 0v32a6 6 0 0 1-12 0m38 6a6 6 0 0 0 6-6V24a6 6 0 0 0-12 0v32a6 6 0 0 0 6 6m32 0a6 6 0 0 0 6-6V24a6 6 0 0 0-12 0v32a6 6 0 0 0 6 6m94 58v8a38 38 0 0 1-36.94 38a94.55 94.55 0 0 1-31.13 44H208a6 6 0 0 1 0 12H32a6 6 0 0 1 0-12h30.07A94.34 94.34 0 0 1 26 136V88a6 6 0 0 1 6-6h176a38 38 0 0 1 38 38m-44 16V94H38v42a82.27 82.27 0 0 0 46.67 74h70.66A82.27 82.27 0 0 0 202 136m32-16a26 26 0 0 0-20-25.29V136a93 93 0 0 1-1.69 17.64A26 26 0 0 0 234 128Z"/></svg> </template>
CSS
.icon-coffee-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M82%2056V24a6%206%200%200%201%2012%200v32a6%206%200%200%201-12%200m38%206a6%206%200%200%200%206-6V24a6%206%200%200%200-12%200v32a6%206%200%200%200%206%206m32%200a6%206%200%200%200%206-6V24a6%206%200%200%200-12%200v32a6%206%200%200%200%206%206m94%2058v8a38%2038%200%200%201-36.94%2038a94.55%2094.55%200%200%201-31.13%2044H208a6%206%200%200%201%200%2012H32a6%206%200%200%201%200-12h30.07A94.34%2094.34%200%200%201%2026%20136V88a6%206%200%200%201%206-6h176a38%2038%200%200%201%2038%2038m-44%2016V94H38v42a82.27%2082.27%200%200%200%2046.67%2074h70.66A82.27%2082.27%200%200%200%20202%20136m32-16a26%2026%200%200%200-20-25.29V136a93%2093%200%200%201-1.69%2017.64A26%2026%200%200%200%20234%20128Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M82%2056V24a6%206%200%200%201%2012%200v32a6%206%200%200%201-12%200m38%206a6%206%200%200%200%206-6V24a6%206%200%200%200-12%200v32a6%206%200%200%200%206%206m32%200a6%206%200%200%200%206-6V24a6%206%200%200%200-12%200v32a6%206%200%200%200%206%206m94%2058v8a38%2038%200%200%201-36.94%2038a94.55%2094.55%200%200%201-31.13%2044H208a6%206%200%200%201%200%2012H32a6%206%200%200%201%200-12h30.07A94.34%2094.34%200%200%201%2026%20136V88a6%206%200%200%201%206-6h176a38%2038%200%200%201%2038%2038m-44%2016V94H38v42a82.27%2082.27%200%200%200%2046.67%2074h70.66A82.27%2082.27%200%200%200%20202%20136m32-16a26%2026%200%200%200-20-25.29V136a93%2093%200%200%201-1.69%2017.64A26%2026%200%200%200%20234%20128Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/coffee-light.svg?color=%231a73e8&size=48
