Clash Royale CLAN TAG#URR8PPP

How do I change icons on a bootstrap template?

Hi so I am using the Start Bootstrap template called "New Age". How can I change the icons in the third section? Is there a specific library of those icons? This is what the current code looks like:

<i class="icon-camera text-primary"></i>


Apparently that class name is how the icon/image is called. I checked the CSS file and there is no CSS related to that class or any of the other icons. Here is link to the template:

https://blackrockdigital.github.io/startbootstrap-new-age/#

3 Answers
3

You can use font Awsome icone using this CDN file .

then you can change like .

One of the most common libraries for such these icons is https://fontawesome.com . There you can find so many icons per you requirement.
First you should add the reference like :

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">


and then you can use icons like :

<i class="fas fa-address-card"></i>


Yes they are using a library for those icons and the library is simple icons and you can see in the link http://simplelineicons.com/..

If you click over any icon in that page, you will get the class name of that icon and you can apply that class name into your code.

For eg,

<i class="icon-frame text-primary"></i>


Here i have replaced icon-frame instead of icon-camera, So it will show frame icon.

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.