Available Icons

Welcome to the icon library. Below, you'll find a list of all available icons that you can use with our components. Each icon can be selected by using its name in the icon attribute of the component. 

<Icon icon="star" class="custom-class" />

Icon List

  • home
    • home
    • home-2
  • user
    • user
    • user-delete
    • user-check
    • user-circle
    • user-group
    • user-add
  • links-&-share
    • link
    • link-2
    • link-off
    • link-off-2
    • share
    • share-2
    • share-3
    • launch
    • launch-2
  • upload-&-download
    • upload
    • upload-2
    • download
    • download-2
  • calendar
    • calendar
  • edit
    • edit
    • eye
    • eye-off
    • search
    • delete
  • shapes
    • ellipse
    • triangle
    • square
    • pentagon
    • hexagon
    • star
  • arrows
    • arrow-up
    • arrow-down
    • arrow-left
    • arrow-right
    • arrow-up-left
    • arrow-up-right
    • arrow-down-left
    • arrow-down-right
    • chevron-up
    • chevron-down
    • chevron-left
    • chevron-right
  • notification
    • bell
    • bell-off
  • validation
    • check
    • clear
    • sort
    • filter
    • filter-2
    • remove
    • add

Using Icons

To learn more about how to use these icons in your components, including customization options, please refer to the Icon Component Documentation.

Note

  • Icon Name: Use the icon attribute with the icon name (e.g., icon="star") to display the desired icon.

  • Customization: ou can style the icons using CSS classes, such as custom-class, to adjust size and color.