Yeah, absolutely! You have to snag them from Font Awesome but they have a huge library of icons.
Once you find one you like, click on it and a pop-up will appear. Only the Classic Solid options are available for free. But anyway, you'll see some code on the side with tabs that say HTML, React, Vue, and SVG. Click on SVG, copy that code, and paste it into your biosheet over the existing icon. You'll be able to identify them pretty easily based on the link preceding them.
Lastly, I added some things to the SVG codes to make them fit with this design. You can see it in the other tabs if you look for them, but in the SVG element, we want to add style="width: 1em; height: 1em;" and in the path element, we'll add fill="#333".
For example! Here's Font Awesome's sailboat icon with the added in bits. (and the credit removed since i already put it into the main code anyway)
Alternatively, just pick out some icons from Font Awesome's library, and I can just do this for all of them, if you like. :) Hope that helps!
no subject
Once you find one you like, click on it and a pop-up will appear. Only the Classic Solid options are available for free. But anyway, you'll see some code on the side with tabs that say HTML, React, Vue, and SVG. Click on SVG, copy that code, and paste it into your biosheet over the existing icon. You'll be able to identify them pretty easily based on the link preceding them.
Lastly, I added some things to the SVG codes to make them fit with this design. You can see it in the other tabs if you look for them, but in the SVG element, we want to add style="width: 1em; height: 1em;" and in the path element, we'll add fill="#333".
For example! Here's Font Awesome's sailboat icon with the added in bits. (and the credit removed since i already put it into the main code anyway)
Alternatively, just pick out some icons from Font Awesome's library, and I can just do this for all of them, if you like. :) Hope that helps!