Hello everyone and welcome back to our bootstrap course.
In this lecture I'm going to be showing you how to find icons and add them to your Web site without
having to import any libraries.
So what I've got ahead is Googled bootstrap icons and the first link that appears or at least one of
the first should be icons dot get bootstrapped icon.
You can go ahead and click on this link.
These are bootstraps own icons in it's own icon library.
There are external icon libraries as well but you'll have to import these.
The difference with this icon library is that you don't have to import anything you can automatically
use it as soon as you've imported bootstrap itself.
So you can scroll down here and see that these are all empty license which means they're free to use.
And here we have a bunch of different icons as you can see I'm scrolling and there are many icons.
So if you click on one of the icons such as Chevron double down then you'll see they come in different
sizes and what you do is you scroll down here for every icon you scroll down to the copy SPG code and
then you copy this SPG code here and you paste this into your HMO documents and this will create this
icon and by default its size will be the smallest one here.
OK.
We're going to be working with various icons as we build our projects using this default icon library.
As you can imagine it's very useful because it comes with a whole range of icons that are quite useful
as placeholders or just as icons themselves to be in your published site.
So thank you for watching now you know where to find icons and add them into your Web site without having
to add anything other than bootstrap into your scripts.
Thank you all for watching.
And we will see you in the next lecture where we're going to be continuing with our project C..