[Vuejs]-How can I colorize <b-icon> component in nuxt

There are multiple ways of doing this:
Notic variant="danger" gives the red color by default. Watch this
you can add id and style it with css like:

<b-icon `variant="danger"` id="danger_icon" icon="check-circle"  ></b-icon>

#danger_icon{
  color:blue;
}

or change the default variant="danger" which is a class .text-danger color using css again

`<b-icon variant="danger" icon="check-circle"  ></b-icon>`

.text-danger {
color: black !important;

}

Watch this demo: jsfiddle