Show all available icon sets
Show all icons from Fluent UI System Icons
Fluent UI System Icons
Author:
Microsoft Corporation
License:
MIT
drink-coffee-24-filled
drink-margarita-16-filled
16 Filled16 Regular20 Filled20 Regular24 Filled24 Regular

24 x 24

fluent:drink-coffee-24-regular

Customize "drink-coffee-24-regular" icon:

Color

Size

Flip

Rotate

Mode

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

HTMLReactVueSvelteEmberSVG
Web ComponentSVG FrameworkCSS

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

<iconify-icon icon="fluent:drink-coffee-24-regular"></iconify-icon>

Web component will load icon data from Iconify API and render SVG.

Make sure you import IconifyIcon web component:

<script src="https://code.iconify.design/iconify-icon/1.0.0/iconify-icon.min.js"></script>

Web component works with almost all modern UI frameworks. Click documentation link below.

Click here for more information about IconifyIcon web component.

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.