1
00:00:04,040 --> 00:00:06,710
Hello everyone and welcome back to our bootstrap course.

2
00:00:06,710 --> 00:00:12,080
In this lecture I'm going to be showing you how to find icons and add them to your Web site without

3
00:00:12,080 --> 00:00:13,910
having to import any libraries.

4
00:00:13,910 --> 00:00:20,930
So what I've got ahead is Googled bootstrap icons and the first link that appears or at least one of

5
00:00:20,930 --> 00:00:24,690
the first should be icons dot get bootstrapped icon.

6
00:00:24,860 --> 00:00:26,320
You can go ahead and click on this link.

7
00:00:26,330 --> 00:00:32,720
These are bootstraps own icons in it's own icon library.

8
00:00:32,720 --> 00:00:36,640
There are external icon libraries as well but you'll have to import these.

9
00:00:36,650 --> 00:00:40,940
The difference with this icon library is that you don't have to import anything you can automatically

10
00:00:40,940 --> 00:00:44,600
use it as soon as you've imported bootstrap itself.

11
00:00:44,600 --> 00:00:49,610
So you can scroll down here and see that these are all empty license which means they're free to use.

12
00:00:49,650 --> 00:00:54,100
And here we have a bunch of different icons as you can see I'm scrolling and there are many icons.

13
00:00:54,170 --> 00:00:58,610
So if you click on one of the icons such as Chevron double down then you'll see they come in different

14
00:00:58,610 --> 00:01:04,730
sizes and what you do is you scroll down here for every icon you scroll down to the copy SPG code and

15
00:01:04,730 --> 00:01:11,780
then you copy this SPG code here and you paste this into your HMO documents and this will create this

16
00:01:11,870 --> 00:01:16,070
icon and by default its size will be the smallest one here.

17
00:01:16,130 --> 00:01:16,430
OK.

18
00:01:16,460 --> 00:01:23,120
We're going to be working with various icons as we build our projects using this default icon library.

19
00:01:23,150 --> 00:01:28,970
As you can imagine it's very useful because it comes with a whole range of icons that are quite useful

20
00:01:28,970 --> 00:01:34,340
as placeholders or just as icons themselves to be in your published site.

21
00:01:35,330 --> 00:01:40,550
So thank you for watching now you know where to find icons and add them into your Web site without having

22
00:01:40,550 --> 00:01:45,220
to add anything other than bootstrap into your scripts.

23
00:01:45,230 --> 00:01:46,130
Thank you all for watching.

24
00:01:46,130 --> 00:01:49,960
And we will see you in the next lecture where we're going to be continuing with our project C..