How to Add Font Awesome Icons in Vue 3

[@givup_]

Clear, simple and straight to the point. 10/10, will watch again when I need to add FontAwesome to a Vue project.

[@SuboptimalEng]

I’ve come back to this video multiple times as well 😂😂

[@arinad2560]

Omg, It finally worked!! THank you so much, I was struggling for more than an hour before your video

[@SuboptimalEng]

@@arinad2560 Nice! Glad the video is still helpful all these years later.

[@esterSPR]

Man you don't know how long I've been trying to make this work and it NEVER did, you're a lifesaver man, wish u all the best

[@SuboptimalEng]

Appreciate the comment, I'm glad the video helped you out!

[@JanouTreffers]

A million thanks! I only struggled for 15 minutes before I found your video.

[@SuboptimalEng]

@@JanouTreffers Glad the video helped! Don’t know why Font-awesome is so hard to set up. So many people have struggled with it that I wonder if they should change their documentation 😅

[@chengzhejiang]

Nice video man, sorry I'm so late, had a busy day!

[@proxy_ego]

Thanks! Very straightforward and I always love links and timestamps.

[@superpwningnoob617]

You are a natural explainer I'm jealous !

[@SuboptimalEng]

Haha, I’ve just been teaching (on the side) for over 6-7 years 😂

[@superpwningnoob617]

@@SuboptimalEng Well it definitely shows 😁

[@birralight4455]

Nice video! I was really stock with this and you help me!

[@SuboptimalEng]

Thanks, I’m glad the video helped!

[@chengjoseph9459]

Very helpful! Thank you for sharing

[@paulasperlich4240]

perfect, you helped me a lot and I now totally get it thank you !!!!

[@a.p0p0]

I finally found someone who knows how to explain... How the hell you only have 1k views??

[@SuboptimalEng]

The KZbin algorithm is a mystery 👀

[@pignuuu6455]

Great explaination, still works today. Thanks for saving me the time of figuring this out myself.

[@SuboptimalEng]

Glad the video helped!

[@sofiamziou6927]

thanks! very helpful. you saved my job

[@vincenzocristiano135]

Thanks a lot for this video, just what i was looking for!

[@matthiashorst9817]

Thanks for that video, saved my life. that was really easy!

[@matthiashorst9817]

can I buy you a coffee?

[@SuboptimalEng]

Glad it helped you out! I didn’t set up any way to take donations but I appreciate the gesture ❤️

[@jhonnasomarribapenalba7973]

Thanks for amazing and clear explanation

[@jamesgrimshaw]

This video is pretty awesome :P

[@SuboptimalEng]

Was wondering what happened to you 😂 Working on the next project?

[@jamesgrimshaw]

@@SuboptimalEng University work :( in my final year, and it's taken over my life! I have another project planned for once I've finished and will make a short video probably within the next couple of weeks, but other than that I'll have to watch your videos rather than making my own for the time being 😆

[@SuboptimalEng]

Impressive to see that you made such good videos while in Uni! I was way too lazy to do that back in my college days 🥲

[@loglinn05]

You're doing great! Thank you so much! It really works.

[@SuboptimalEng]

Thanks Angelina 😊

[@juliopeluciofox]

This is simply...how can I say... AWESOME?!

[@lcapocer]

Thanks, your vid helped a lot!

[@markg5986]

Thank you @Suboptimal Engineer! I would describe your explanation as ... optimal

[@captainmujheri]

Great video bro, keep it up

[@odilhonislomov8954]

Thank you. It saved my time

[@Thunder007de]

Thank you very much! Saved me!

[@_chappie_]

Thanks. Plain and simple.

[@emiliano001]

Really usseful, thanks!

[@zseanx16]

thanks, very helpful!

[@infyro]

Does anyone know how to pass the font awesome icons into other components? Can only seem to use the icons in my App.vue file

[@georginreji1945]

Will it work if we paste the cdn link in index page?

[@sylvainsalliou1566]

Thank you for this video

[@milhane166]

Thank you soo much you're a life saver xD

[@LinoLowLevel]

nice video man, thankyouu 👍👍👍

[@glatocha]

hi thanks for the video. There is a problem using the regular icons which are also free. Could you make a vid about that?

[@sanjohn1753]

thanks for the video! any example of using fa-light please!

[@izusaE]

Hi, I have a little question about it, how can we change the color of the icon for example ? Or it's size ? Thanks by advance :)

[@Markovia21]

Target it in CSS. when it says icon="some-text" I forgot but you should target it like a class or id so, .some-text or #some-text. I think it's class. For his example it would be like .coffee {color: red}

[@killiankavanagh3854]

really good man

[@SuboptimalEng]

Thanks Killian 😊

[@ryengard]

thanks for information. Good work.

[@SuboptimalEng]

Glad to help!

[@Troy-ol5fk]

I wanted to add stripe icon but it didn't work, is there something incorrect in my code ?

[@SuboptimalEng]

Did you import stripe icon into your library?

[@Troy-ol5fk]

@@SuboptimalEng I did. import { faStripeS } from '@fortawesome/free-brands-svg-icons' also I add it into the library, but still it won't work

[@SuboptimalEng]

@@Troy-ol5fk You may have to change it to ['fab', 'stripe-s']

[@rishabhprajapati8423]

Thanks! this helped.

[@jasbirkhalif1314]

thanks for saving us

[@moutawakilbouraima1647]

cela m'a été vraiment utile

[@bikramthapa7016]

Hello sir can you make video on Import Icomoon icons in vue js projects

[@yowomart4992]

thanks a lot brother

[@marwaabdelbasit2522]

can you help me please i keep getting this error Uncaught (in promise) TypeError: Cannot read property 'icon' of undefined

[@marwaabdelbasit2522]

never mind i fixed it keep up the good work bro ~

[@selinah9224]

@@marwaabdelbasit2522 Hi, i got the same warning.. how did you fix it?

[@islamelorabi-r5n]

thanks for you borther

[@reviewsjay3172]

Ty Sir!

[@geraldyvancabarrubias6196]

Thanks , done Subscribing :D

[@xbwafi]

sir can i have your vim setting for vscode???

[@SuboptimalEng]

It’s on my GitHub linked in description

[@alexzinovkin]

Thanks!

[@thismujahid]

Amizing thanks

[@asyncFlex]

thanks man, i did it with yarn

[@lucasbecker3134]

thank u very much!!

[@SuboptimalEng]

thanks lucas

[@agentzhao]

nice vid

[@SuboptimalEng]

Thanks Agentzhao!

[@lakshmichaitanya1316]

Nice

[@sinikaru]

I love you

[@chengzhejiang]

Hey dude, if you really want to get a lot more traction on your videos, I would suggest doing videos like: "Learn (language) in 4 HOURS!" those videos always do well, don't give up, you will get to 1mil one day!

[@SuboptimalEng]

🙏🏾 🙏🏾 idk how people do those 4 hour videos, my voice starts dying after 30 minutes

[@SuboptimalEng]

But I'll never give up, that's my nindo 😉

[@makindetolulope3628]

Doing 4 hours vidoes doesn't guarantee more views or subscribers. What matters is what you can learn in a short time just like this video i just watched. I think its awesome.

[@robertbinkowski]

it is good that you are trying, but if you do not have a script ready to do these things, stop making tutorials. They are not entertainment. Look up your stuff 1st

[@makindetolulope3628]

Great video. Thanks

[@emmanuelmichael5314]

Thanks man!