Coffee Mug Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Coffee Mug icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/305416.svg" alt="Coffee Mug icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305416.svg" alt="Coffee Mug icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305416.svg" alt="Coffee Mug icon" :width="24" :height="24" />
CSS background
.icon-coffee-mug {
background-image: url('https://proicons.com/icon/305416.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M321 173c24-2 47-6 67-10 6-2 13-3 19-4l30-6 1-1c3 0 6-1 9-1 3-1 7-2 10-2-6 2-14 5-20 7-13 5-26 11-36 15l-2 1c-18 8-46 21-51 44-2 8 0 18 5 25 7 7 16 12 25 11 4 0 7 0 11-1 6-1 13-3 18-5 30-12 31-4 32-3 1 5-8 16-11 21-1 1-2 1-2 2-1 1-2 3-3 4-7 10-17 23-14 34 1 2 2 3 4 2 1 0 2-1 2-3-1-5 3-10 7-14 3-4 7-8 11-12 2-2 3-4 5-5 6-8 18-20 18-32-1-4-3-8-6-12-11-10-27-8-40-5h-1l-7 2-8 1c-4 1-8 2-11 2-7 0-9-3-8-5 3-9 23-20 63-33 2-1 3-1 4-2 3-1 5-1 8-2 13-5 28-10 41-17 23-12 26-26 23-36v-1c-3-9-11-16-23-18-17-3-36 0-52 4h-5l-42 9c-12 3-24 6-36 8s-24 4-34 6c-7 1-17 2-26 2-7 0-16 0-22-3-6-4-3-14 0-19 8-15 24-23 40-30 14-6 30-11 50-15 13-3 26-5 38-7 1 0 2-2 2-3 0-2-1-2-3-2-24-3-49-1-72 3l-21 6c-26 7-59 24-64 57-2 12 1 21 7 28 15 16 46 17 70 15zm531 266c-30-34-77-53-138-56-8-34-35-60-67-60H183c-37 0-68 35-68 78v405c0 41 28 75 63 79v37c0 9 7 16 15 16h445c8 0 15-7 15-16v-37c35-4 63-37 63-79v-56c48-13 89-40 120-81 32-42 42-83 43-87l1-1c12-59 3-107-28-142zm-65 124c0 3-8 29-28 55-12 16-27 29-43 38V471c22 1 49 7 63 23 12 14 15 37 8 69z"/></svg>
More from IcoFont
View all
Copied!