coffee

Coffee icon · Lucide · <Coffee />

coffee

Lucide tags coffee with mug, tea and cafe. It's in Lucide's Food & beverage category; similar icons include Cup Soda, Beer and Beer Off. The matching icons are Drink Coffee in Microsoft's Fluent icons and local_cafe in Google's Material Symbols.

24 px, stroke 2

coffee.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { Coffee } from "lucide-react";

export function Example() {
  return <Coffee />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`coffee`
Component	`Coffee` (also `CoffeeIcon`, `LucideCoffee`)
Category	Food & beverage
Icon font	`icon-coffee`, `U+E096`
CSS content	`"\e096"`
File	`lucide-static/icons/coffee.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)