FREE Icons! How to use Bootstrap Icons v1.0.0 | Bootstrap 5 (2020)

Channel:
United States codeSTACKr
Subscribers:
296,000
Published on ● Video Link: https://www.youtube.com/watch?v=DPnJldwv22o


Category:
Tutorial
Duration: 9:49
68,818 views
786

πŸ‘‰ Become A VS Code SuperHero Today: https://vsCodeHero.com

Did you know that Bootstrap has its own icon library? Apparently, they released the first stable version, 1.0.0, last week.

In this video, we'll look at how we can implement these with any of our projects even if we are not using Bootstrap. That's right! You can use these independent of Bootstrap. Bootstrap 5 is not required.

Since these are MIT licensed and they are just SVGs, we can use them anywhere for FREE!

Let me know what you think.

Website: https://icons.getbootstrap.com/

Timestamps:
00:00 - Introduction
00:34 - Installation
01:34 - Embedding
03:07 - Sprite
04:34 - External Image
06:26 - CSS
08:32 - Style
_____________________________________

πŸ“š Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

πŸ› οΈ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🚒 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

πŸ’– Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #bootstrap5 #icons



Other Videos By codeSTACKr


2020-10-26Easy VS Code Docker Remote Containers | Dockerize Development Environment Easily with VS Code (2020)
2020-10-19Clone GOOGLE with Tailwind CSS - How Google was Built in the 90s vs TODAY!
2020-10-136 Amazing Tips to Successfully Freelance in Web Development (2020)
2020-10-10Top VS Code Updates | v1.50 Released!! | Tips & Tricks 2020
2020-10-05NEW GitHub CLI 1.0 Tutorial | FREE Swag! | Hacktoberfest UPDATE | Step-by-Step Guide | Web Developer
2020-09-28React 17: New Features!! - JSX Transform is Amazing!!
2020-09-24How To Make Responsive Website | Animated Hamburger Menu | HTML & CSS | Step By Step Tutorial 2020
2020-09-22Become A VS Code SuperHero Today! | Course Launch
2020-09-18How to Create a VS Code Extension Pack | Top Extensions | Download SuperHero Extension Pack Now!!
2020-09-12How to Create a Custom VS Code Theme (2020) | Step-by-Step | Debut of codeSTACKr Dark Theme
2020-09-05FREE Icons! How to use Bootstrap Icons v1.0.0 | Bootstrap 5 (2020)
2020-08-310 to 70K SUBSCRIBERS in 1 YEAR | YouTube 2020: The strategies that helped me to grow on YouTube
2020-08-27How To Build A React App w/ Hooks & Airtable API | styled-components | Code Quality Check
2020-08-21UPDATE: VS Code July 2020 Stable Release | Settings Sync | Browser Debugging
2020-08-15UPDATE: Next Level GitHub Profile README (NEW) | GitHub Actions | Vercel | Spotify
2020-08-13SPEED RUN: Build a CRUD API with PrestoAPI & MongoDB Atlas in 9 Minutes! Then Airbnb Clone!
2020-08-11Building BATTLESHIPS Multiplayer Game with Node.js, Express, Socket.io, Heroku | (2/3)
2020-08-07GSAP Typing Animation | Tween & Timeline Basics (2020)
2020-07-29Next Level GitHub Profile README (NEW) | How To Create An Amazing Profile ReadMe With GitHub Actions
2020-07-24There's more to CONSOLE than .log( ) | Things you didn't know console could do!!
2020-07-23Simple React.js User Login Authentication | Auth0


Tags:
bootstrap tutorial for beginners
bootstrap 5
bootstrap
bootstrap icons how to use
bootstrap icons
bootstrap icons 1.0
bootstrap 5 icons
svg icons
svg icons tutorial
svg icons html
svg icons css
svg icons html css
svg color
svg color change
svg color change css
svg bootstrap
svg bootstrap 4
svg bootstrap 5
bootstrap 5 svg
bootstrap 4 svg
bootstrap 4 icons
bootstrap 4
embed svg in html
svg sprites
svg use in html
svg use external file
free icons