CODEWITHSUNDEEP
htmlcsssemantic-uisemantic-ui-react
Jack The Baker
Jack The Baker

Reputation: 1883

Semantic UI icon white color not show

I using Semantic-UI icons, in this case, I used group icon, and want to make a certificate icon with checked mark inside, it is good, but I want to make check icon white, but it's not working, I don't want to use additional CSS like color:white, I looking for semantic class, how can I do this?

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />


<i class="huge icons">
  <i class="big blue certificate icon"></i>
  <i class="white check icon"></i>
</i>

Upvotes: 0

Views: 853

Answers (1)

Pedram
Pedram

Reputation: 16575

Use inverted class

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />


<i class="huge icons">
  <i class="big blue certificate icon"></i>
  <i class=" inverted check icon"></i>
</i>

Upvotes: 3

Related Questions