html – Semantic UI icon white color not show-ThrowExceptions

Exception or error:

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>
How to solve:

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>

Leave a Reply

Your email address will not be published. Required fields are marked *