Show all available icon sets

Show all icons from Fluent UI System Icons

Fluent UI System Icons

Author:: Microsoft Corporation

License:: MIT

16 Filled 16 Regular 20 Filled 20 Regular 24 Filled 24 Regular

fluent:drink-coffee-20-regular

Code for "drink-coffee-20-regular" for developers:

SVG HTML React Vue Svelte Ember

SVG SVG with viewBox rectangle SVG as data: URI

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M3.169 3.969C2.523 3.969 2 4.492 2 5.137v4.864a6 6 0 0 0 11.917 1H15a3 3 0 1 0 0-6h-1.008a1.169 1.169 0 0 0-1.16-1.032H3.168ZM3 5.137c0-.093.075-.168.169-.168h9.662c.094 0 .169.075.169.168v4.864a5 5 0 0 1-10 0V5.137ZM14 6h1a2 2 0 1 1 0 4h-1V6Z"/></svg>

Download SVG

Data for icons is open source and is available for everyone to use. You can use it with various icon components, create your own components that use Iconify as source or just export raw SVGs.

All icons are validated, cleaned up and automatically kept up to date.

About Iconify

Iconify gives you freedom to choose icons, while using same open source icon components and tools.

Visit Iconify website to learn more about the project.