Show all available icon sets
Show all icons from Feather Icon
Feather Icon
Author:
Megumi Hano
License:
MIT
smile
smile-heart

24 x 24

fe:smile-alt

Customize "smile-alt" icon:

Color

Size

Flip

Rotate

Mode

Code for "smile-alt" for developers:

HTMLReactVueSvelteEmberSVG
Web ComponentSVG FrameworkCSS

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

<iconify-icon icon="fe:smile-alt"></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-beta.3/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.

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.