How to add Bootstrap icons to your HTML layout
Here is a general outline of the steps used in this video to add a web icon to your HTML layout (specifically bootstrap icons):
1. Copy the bootstrap stylesheet reference into the header of your HTML layout (https://icons.getbootstrap.com/#install)
2. Search for an icon (https://icons.getbootstrap.com/#icons)
3. Add icons to your layout using the format explained in the following example: https://icons.getbootstrap.com/icons/...
4. Here is some additional documentation for styling: https://icons.getbootstrap.com/#usage
I chose to work with Bootstrap icons because they are open source, free and offer a great selection. However, here is a list of some additional icon libraries you may want to check out:
Font awesome:
https://fontawesome.com
Feather:
https://feathericons.com
Octagons:
https://primer.style/octicons/
Bytesize icons:
https://github.com/danklammer/bytesiz...
Google icons:
https://fonts.google.com/icons?select...
Ionicons:
https://ionic.io/ionicons
Dripicons:
http://demo.amitjakhu.com/dripicons/
Ikons:
http://ikons.piotrkwiatkowski.co.uk
Icons8:
https://icons8.com/icons/small
Icofont:
https://icons8.com/icons/small
CoreUIicons:
https://icons.coreui.io
Hope you found this tutorial helpful—please give me a thumbs up and subscribe if you did!
Thank you for watching!
#genxdesigner #genxdesigner123 #graphicdesignerslife #graphicdesignertechandtips #htmltutorial #html #bootstrap #bootstrapwebsite