Mug Pixel Art Icon
A mug icon for drinks, merchandise listings, break states, and kitchen or cafe sections.
Tags
mugcoffeedrink
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
glyph
Filled · sharp corners
solid
Filled · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Mug icon
A straight-sided mug, heavier than the cup and closer to a merchandise item. Use it in a shop's product categories beside shirts and stickers, on a kitchen or pantry section, or wherever a drink needs to read as an object rather than a moment.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/mug.svg" width="24" height="24" alt="Mug" />
<!-- React -->
import { Mug } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="mug.svg" width="48" height="48" style="image-rendering: pixelated" />
