Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. In this article, we are going to learn about Icon Set Status.  

It is equipped with pre-built semantic components that help create responsive layouts using user-friendly HTML, and it uses predefined CSS and jQuery to incorporate different frameworks.

A Semantic UI Icon Set Status is used to represent the status symbol for different states. An icon set contains an arbitrary number of glyphs and Icons can represent different states. 

Semantic-UI Icon Set Status Class:

• Status-icon-class-name: This class is used to include the icon inside the label. Please refer the reference link to see the list of class names.

Syntax: 

<a class="ui label">
 <i class="... icon"></i>
 ...
</a>

The below example illustrates the Semantic-UI Icon Set Status:

Example 1:

Output:

Example 2:

Output:

Reference: https://semantic-ui.com/elements/icon.html#status