Search code examples
htmlcssfrontendfavicon

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

Solution

  • ---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