coffee icon
coffee-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- coffee-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- coffee, coffee-outline
The same icon in other sets
coffeeAkar IconscoffeeBoxIcons v2coffeeBoxIcons v2 SolidcoffeeCodiconscoffeeElement PluscoffeeFont Awesome SolidcoffeeFeather Iconscoffeecss.ggcoffeeHumbleiconscoffeeIonIconscoffeeJam IconscoffeeLine AwesomecoffeeMaterial Line IconscoffeeLucidecoffeeMaterial Icon ThemecoffeeMaterial SymbolscoffeeMaterial Symbols LightcoffeeMaterial Design IconscoffeeMyna UI IconscoffeePhosphorcoffeePixelarticonscoffeeTabler IconscoffeeUnicons
Use the coffee icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M275 281c19.9 0 36-16.1 36-36V36c0-19.9-16.1-36-36-36s-36 16.1-36 36v209c0 19.9 16.1 36 36 36m613 144H768c0-39.8-32.2-72-72-72H200c-39.8 0-72 32.2-72 72v248c0 3.4.2 6.7.7 9.9c-.5 7-.7 14-.7 21.1c0 176.7 143.3 320 320 320c160.1 0 292.7-117.5 316.3-271H888c39.8 0 72-32.2 72-72V497c0-39.8-32.2-72-72-72M696 681h-1.1c.7 7.6 1.1 15.2 1.1 23c0 137-111 248-248 248S200 841 200 704c0-7.8.4-15.4 1.1-23H200V425h496zm192-8H776V497h112zM613 281c19.9 0 36-16.1 36-36V36c0-19.9-16.1-36-36-36s-36 16.1-36 36v209c0 19.9 16.1 36 36 36m-170 0c19.9 0 36-16.1 36-36V36c0-19.9-16.1-36-36-36s-36 16.1-36 36v209c0 19.9 16.1 36 36 36"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignCoffeeOutlined(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M275 281c19.9 0 36-16.1 36-36V36c0-19.9-16.1-36-36-36s-36 16.1-36 36v209c0 19.9 16.1 36 36 36m613 144H768c0-39.8-32.2-72-72-72H200c-39.8 0-72 32.2-72 72v248c0 3.4.2 6.7.7 9.9c-.5 7-.7 14-.7 21.1c0 176.7 143.3 320 320 320c160.1 0 292.7-117.5 316.3-271H888c39.8 0 72-32.2 72-72V497c0-39.8-32.2-72-72-72M696 681h-1.1c.7 7.6 1.1 15.2 1.1 23c0 137-111 248-248 248S200 841 200 704c0-7.8.4-15.4 1.1-23H200V425h496zm192-8H776V497h112zM613 281c19.9 0 36-16.1 36-36V36c0-19.9-16.1-36-36-36s-36 16.1-36 36v209c0 19.9 16.1 36 36 36m-170 0c19.9 0 36-16.1 36-36V36c0-19.9-16.1-36-36-36s-36 16.1-36 36v209c0 19.9 16.1 36 36 36"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M275 281c19.9 0 36-16.1 36-36V36c0-19.9-16.1-36-36-36s-36 16.1-36 36v209c0 19.9 16.1 36 36 36m613 144H768c0-39.8-32.2-72-72-72H200c-39.8 0-72 32.2-72 72v248c0 3.4.2 6.7.7 9.9c-.5 7-.7 14-.7 21.1c0 176.7 143.3 320 320 320c160.1 0 292.7-117.5 316.3-271H888c39.8 0 72-32.2 72-72V497c0-39.8-32.2-72-72-72M696 681h-1.1c.7 7.6 1.1 15.2 1.1 23c0 137-111 248-248 248S200 841 200 704c0-7.8.4-15.4 1.1-23H200V425h496zm192-8H776V497h112zM613 281c19.9 0 36-16.1 36-36V36c0-19.9-16.1-36-36-36s-36 16.1-36 36v209c0 19.9 16.1 36 36 36m-170 0c19.9 0 36-16.1 36-36V36c0-19.9-16.1-36-36-36s-36 16.1-36 36v209c0 19.9 16.1 36 36 36"/></svg> </template>
CSS
.icon-coffee-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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M275%20281c19.9%200%2036-16.1%2036-36V36c0-19.9-16.1-36-36-36s-36%2016.1-36%2036v209c0%2019.9%2016.1%2036%2036%2036m613%20144H768c0-39.8-32.2-72-72-72H200c-39.8%200-72%2032.2-72%2072v248c0%203.4.2%206.7.7%209.9c-.5%207-.7%2014-.7%2021.1c0%20176.7%20143.3%20320%20320%20320c160.1%200%20292.7-117.5%20316.3-271H888c39.8%200%2072-32.2%2072-72V497c0-39.8-32.2-72-72-72M696%20681h-1.1c.7%207.6%201.1%2015.2%201.1%2023c0%20137-111%20248-248%20248S200%20841%20200%20704c0-7.8.4-15.4%201.1-23H200V425h496zm192-8H776V497h112zM613%20281c19.9%200%2036-16.1%2036-36V36c0-19.9-16.1-36-36-36s-36%2016.1-36%2036v209c0%2019.9%2016.1%2036%2036%2036m-170%200c19.9%200%2036-16.1%2036-36V36c0-19.9-16.1-36-36-36s-36%2016.1-36%2036v209c0%2019.9%2016.1%2036%2036%2036%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M275%20281c19.9%200%2036-16.1%2036-36V36c0-19.9-16.1-36-36-36s-36%2016.1-36%2036v209c0%2019.9%2016.1%2036%2036%2036m613%20144H768c0-39.8-32.2-72-72-72H200c-39.8%200-72%2032.2-72%2072v248c0%203.4.2%206.7.7%209.9c-.5%207-.7%2014-.7%2021.1c0%20176.7%20143.3%20320%20320%20320c160.1%200%20292.7-117.5%20316.3-271H888c39.8%200%2072-32.2%2072-72V497c0-39.8-32.2-72-72-72M696%20681h-1.1c.7%207.6%201.1%2015.2%201.1%2023c0%20137-111%20248-248%20248S200%20841%20200%20704c0-7.8.4-15.4%201.1-23H200V425h496zm192-8H776V497h112zM613%20281c19.9%200%2036-16.1%2036-36V36c0-19.9-16.1-36-36-36s-36%2016.1-36%2036v209c0%2019.9%2016.1%2036%2036%2036m-170%200c19.9%200%2036-16.1%2036-36V36c0-19.9-16.1-36-36-36s-36%2016.1-36%2036v209c0%2019.9%2016.1%2036%2036%2036%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/coffee-outlined.svg?color=%231a73e8&size=48
