CODEWITHSUNDEEP
htmlcssfrontendfavicon
Mr-Programs
Mr-Programs

Reputation: 827

default fontawesome favicon but different color? possibly through class or css

I am uncertain if these are native to bootstrap only, but I'm using the default favicons on my HTML.

<i class="fa fa-video-camera"></i>

favicons cheatsheet

I want to know if there is a simple way of changing the color of this favicon, such as inserting another class like alert or by putting a #fff for example on the .css

I am trying to avoid a response such as making my own colored version and using it on a

<link rel="shortcut icon" href="/PATH_TO_STATIC_FAVICON/favicon.ico" type="image/x-icon"> <link rel="icon" href="/PATH_TO_ANIMATED_FAVICON/favicon.ico" type="image/x-icon">

Cheers

Upvotes: 1

Views: 557

Answers (3)

Mr-Programs
Mr-Programs

Reputation: 827

---USING HTML

<i class="text-success fa fa-video-camera"></i>

· "text-success"

Bootstrap color classes

---USING CSS

.fa-video-camera{color:green;}

· "color:green"

--- for specific hex

·"color:#fff"

for specific hex I supose you would need the css code used above but with the #hex as you would normally do

--info**

"class fa" seems bootstrap-only, since I tried it on a stripped down html and didn't work

Upvotes: 1

Inizio
Inizio

Reputation: 2256

Hope this will help you,

With the help of Bootstrap Color Utility you can achieve this.

For example to achieve green color you can use the class text-success

<i class="text-success fa fa-video-camera"></i>

Upvotes: 2

Smollet777
Smollet777

Reputation: 1646

You can't use font awesome icons as a favicons. Those are just for styling your html.

Upvotes: 0

Related Questions