CODEWITHSUNDEEP
htmlcsstwitter-bootstrapfonts
user1943020
user1943020

Reputation:

Can I use fontawesome icons without the bootstrap css?

I have downloaded the fontawesome icons into a folder and the CSS into another folder. I would like to try them out now but I am currently getting: 

"Error 503 Backend is unhealthy, Backend is unhealthy,Guru Meditation: XID: 1379938886 Varnish cache server"

when I go to the Example page on the fontawesome web site.

http://fortawesome.github.io/Font-Awesome/examples/

Can someone give me a very very simple example of how I can use an SVG font icon inside a DIV. Just the simplest would be good as I can then work out how to modify it.

Also I just want the very minimum so can I use the SVG without adding bootstrap.css files?

Upvotes: 9

Views: 16036

Answers (2)

EstherSoftwareDev
EstherSoftwareDev

Reputation: 86

The most current way to use Font Awesome without Bootstrap is to add their "kit code".

Log in or create an account at - http://fontawesome.io/get-started/ to get your kit code. Once you get it - just add it to the <head> section. The kit code looks like this ->

<script src="https://kit.fontawesome.com/**********.js" crossorigin="anonymous"></script>

Upvotes: 0

Hans
Hans

Reputation: 515

At http://fontawesome.io/get-started/ there's a "Not using Bootstrap?" section how to use it without Bootstrap.

And here: http://fontawesome.io/examples/ are examples how to use it. e.g. in a div:

<div><i class="icon-camera-retro"></i></div>

Upvotes: 9

Related Questions