Bootstrap 4.5 icons

Tell us what’s happening:

I would like to be able to use the new svg/icons in Bootstrap 4.5 in a similar fashion as shown here in the lesson that utilizes Font Awesome. Can somebody point me to a working example?
The documentation at bootstrap https://icons.getbootstrap.com/#usage is not sufficient for me to figure out how to use them in a similar fashion as shown in the lesson here where you can simply set an icon via the class name.

Thank you.
Your code so far


    <button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>

**Challenge:** Add Font Awesome Icons to all of our Buttons

**Link to the challenge:**
https://www.freecodecamp.org/learn/front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons

You can use svg its like an image:
<img width="224" height="224" src="https://image.flaticon.com/icons/svg/3034/3034917.svg" class="loaded">

Result: <button class="btn btn-block btn-primary"><img width="20" height="20" src="https://image.flaticon.com/icons/svg/3034/3034917.svg" class="loaded">Like</button>

Just google about svg what is it and how to use.

Thank you. I understand that kind of usage (more or less). What I’m trying to understand is how to use CSS so that I can change or toggle an image on a button. The bootstrap documentation shows something like the below and I’m trying to figure out how to go from there and be able to simply assign a class to a <span> or <i> in order to set an image defined in CSS similar to how the lesson does.

.bi::before {
  display: inline-block;
  content: "";
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}

Are you working on a lesson? Trying to implement font-awesome in a page you’re making?

If a lesson, please click ‘Get Help’ --> ‘Ask for Help’ as that will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

If it’s something you’re trying to incorporate in your code please provide a link to your code so people can see what you’ve tried. It’s hard giving help/guidance when there is nothing concrete to see.

Thank you for replying. Bootstrap 4.5 now has icons built in. Therefore I am trying to figure out how to implement them using a class declaration in the same way that font awesome is implemented in the lesson.