drink coffee 24 regular • Fluent UI System Icons • Iconify

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

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

HTML React Vue Svelte Ember SVG

SVG Framework CSS

Iconify SVG framework makes using icons as easy as icon fonts. To use "drink-coffee-24-regular" in HTML, add this code to the document:

Iconify SVG framework will load icon data from Iconify API and replace that placeholder with SVG.

Make sure you import Iconify SVG framework:

Click here for more information about Iconify SVG framework.

Iconify tries to unify all icon sets. You can use the same code no matter what icon set you choose. You can mix icons from multiple icon sets on the same page.

Icon data for all icons shown above is available for developers. You can use it with your own icon components, generate SVG, convert to other formats. See icon data documentation. Icon sets are automatically kept up to date, making sure you always have access to the newest icons.

See Iconify.design to learn more about Iconify project or about Iconify page to see why Iconify exists.