How To Add Icons on HTML Website | Add Font Awesome Icons on website

Поділитися
Вставка
  • Опубліковано 5 жов 2024

КОМЕНТАРІ • 336

  • @edunjobiemmanuel4200
    @edunjobiemmanuel4200 Рік тому +1

    Thanks for this, I have been having issue to add icons from font awesome website while designing my portfolio. Your video helped me figure it out

  • @busraaltintass11
    @busraaltintass11 Рік тому

    You're the best. As a person with almost zero knowledge, it took me a few seconds to do that. Thanks a lot.

  • @balford2112
    @balford2112 3 роки тому +15

    Very helpful. The pace is just right for a beginner and nothing is left unexplained. Thank you.

    • @GreatStackDev
      @GreatStackDev  3 роки тому +1

      Great to hear!

    • @TommyGreat
      @TommyGreat 11 місяців тому

      You are very good to whath you GREATSTACK@@GreatStackDev

  • @csb7562
    @csb7562 Рік тому

    Thank you bro , i struggled a lot while adding the cart icon in website bcz of you only i added successfully. Now I am subscribing your channel. Thank you so much.

  • @vanshkohli9417
    @vanshkohli9417 3 роки тому +2

    Bro This was relly useful. I was searching the method in which i don't have to download the font awesome file but no one told this in videos. And then i ound your video . It was really helpful. You saved my time. Thank you bro!

  • @deseanlothian
    @deseanlothian 2 роки тому

    Thankyou for this. I couldn't get the icons to work using the older method in your " How To Make Ecommerce Website Using HTML And CSS Step By Step | Create e-Commerce Website," video.
    Putting in the script after confirming my email, immediately solved the problem.

  • @tusharuddin1666
    @tusharuddin1666 3 роки тому +1

    you are true teacher sir god bless you

  • @ceejaylomibao1433
    @ceejaylomibao1433 2 роки тому +7

    Thank you brother. I was following a tutorial and somehow my fontawsome icons was not working. It turns out, I was missing the tag provided by Font Awsome from my account.

  • @Netflixandreviews
    @Netflixandreviews Рік тому

    thanks you very much. After struggling for days, this video has been super super helpful.

  • @mayankrathore3694
    @mayankrathore3694 3 роки тому +1

    Really helpful video, because fint awesome don't show their link directly. That's why some times fonts didn't work for me. But now..❤️

  • @theophilusboakye2161
    @theophilusboakye2161 3 роки тому +7

    this is amazing and came at exaCT time when i'm needing it...was it a general problem or what bcos font awsome icons werent working on my sites again

    • @GreatStackDev
      @GreatStackDev  3 роки тому +2

      it may be because you might be using font awesome 5 CDN link with font awesome 4 icon code.

    • @GreatStackDev
      @GreatStackDev  3 роки тому +1

      I found most of the people were making that mistake, that's why i made this video to solve icon related issues.

    • @ejiroosiephri346
      @ejiroosiephri346 2 роки тому

      Does it work only on HTML 5

  • @mmjnarayanganj
    @mmjnarayanganj 2 роки тому

    I am really a BIG FAN of your's. Thanks for giving us these kinds of Great videos for free.. Thank you very much..

  • @prathamsharma2362
    @prathamsharma2362 2 роки тому

    Thank you 😊 sir I searched the reason why my icon not showing during yesterday and now throw ur vidio finally I succeeded thank you so much.....

  • @MyConsistency-yy
    @MyConsistency-yy 2 роки тому

    thank you ! i watch many video but this tutorial solve by problems regarding icons

  • @algertitajeanbajo7478
    @algertitajeanbajo7478 2 роки тому +3

    Thank you, that was very helpful. I tried just putting an icon image in png but it won't change colors, so this was really a big help.

  • @dorotee.classique
    @dorotee.classique 2 роки тому

    I love you for this...been trying this for hours I didn't know what was wrong..thanks a lot

  • @esbi1124
    @esbi1124 2 роки тому +3

    Hello, very helpful, thanks a lot. Which method do you recommend: using online or downloading the fonts?

    • @zstrygwyr2021
      @zstrygwyr2021 2 роки тому

      using link online, its much easier and u dont have to download

  • @saggysshorts
    @saggysshorts 3 роки тому +3

    Really Helpful sir.... Thank you for solving our problem❤️🙏🏻

    • @GreatStackDev
      @GreatStackDev  3 роки тому

      Glad to hear that sagar

    • @gurkhaff1283
      @gurkhaff1283 3 роки тому

      Make n symbol of coss khukuri plzz brother❤️

  • @arteeedg421
    @arteeedg421 2 роки тому

    Thank you good sir you just help me what I was struggling to do for 30mins in 7mins THANK YOU

  • @spsujoypaul9268
    @spsujoypaul9268 3 роки тому +1

    Very helpful for beginner's....... 🥰
    I face this problem after 6th month ago 🤧

  • @Unlucky13ification
    @Unlucky13ification 2 роки тому

    I compare coding for a living to my current job making car parts at a factory. THAT pushes me to learn

  • @ntl6423
    @ntl6423 Рік тому

    oh my god thankyou for this, I wasted an hour trying to fix my code because the icon is not showing on my website. thanks for this updated tutorial

  • @rhfgaming9155
    @rhfgaming9155 3 роки тому +1

    LOVE this bro..
    Am huge FAN of your coding and..... A Satisfied Subscriber❤💖👀

  • @webdeveloperanddesigner2076
    @webdeveloperanddesigner2076 2 роки тому

    Thank you for your efforts from the bottom of my heart ❤️ May God bless you🙏

  • @jenichakma3568
    @jenichakma3568 3 роки тому +1

    Thanks Sir For fast reply and solution.....

  • @ziashoukat8267
    @ziashoukat8267 3 роки тому

    One of the best video for how to use font awesome on web pages . Thanks a lot dear.

  • @satyajitsenapati3246
    @satyajitsenapati3246 2 роки тому +3

    Still not working in my laptop..

  • @codesaif8075
    @codesaif8075 3 роки тому +2

    I needed this video thanks Easy Tutorials

  • @erin1961
    @erin1961 2 роки тому +3

    You are the best font-end teacher on UA-cam! Clear and easy to follow, thx, bro!

  • @stephencurry3502
    @stephencurry3502 3 роки тому +2

    Thank you so much, very useful for my website

  • @SimbaTech
    @SimbaTech Рік тому

    simple and straight forward thank you bro

  • @3msampath
    @3msampath 3 роки тому +1

    I very helpful your videos.thank you for this videos ❤❤❤

  • @obaoriekwo3375
    @obaoriekwo3375 2 роки тому

    Many thanks for this great video! You're simply the best! I have been battling with this for so long but this video gave me the solution.

  • @aashishvardhanp
    @aashishvardhanp 3 роки тому +4

    Very Useful Solution❤️
    Have Seen lot of Videos finally this helped a lot👍🏻
    Great Work Bro🔥

  • @rushendirrushi6172
    @rushendirrushi6172 2 роки тому +1

    super.understand easy for this and usefull👍

  • @debin.station
    @debin.station 3 роки тому

    Thank you so much brother ❤️❤️ Finally this tutorial helped me and worked well. My happiness was no bound when this tutorial helped really. Thank you so much brother 🙏🙏🙏🙏❤️❤️❤️❤️❤️😊😊

  • @joanoboarekeh332
    @joanoboarekeh332 9 місяців тому

    Thanks so much for this video, it really helped me alot 😊

  • @limitless1692
    @limitless1692 Рік тому

    LIKE
    Really useful, I myself did the mistake to inport fontawesome.css instead of all.css and I didn't know what I was doing wrong..
    Hahaha ... I think I spend over an hour on this bug...
    Thanks much appreciated it!! :)

  • @user001sg9
    @user001sg9 2 роки тому +2

    Very nice video, thanks. I learned a a lot hereby. One question though - are there any animated font icons (e.g. a rotating cog wheel) also available from Font Awesome? If you happen to know of such animated icons please do inform. Thanks for your help in advance.

  • @kimanijoseph8837
    @kimanijoseph8837 2 роки тому

    using times was a bit random. but very helpful.

  • @raidalkhalaf4518
    @raidalkhalaf4518 3 роки тому +3

    Thank you very much. In your video (full responsive multi page) I used version 4 fa- times and fa- bars as you show, but it appear as a box !! not as a humberger or cross ??

    • @GreatStackDev
      @GreatStackDev  3 роки тому +2

      Please use this font awesome cdn link for font awesome version 4: stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

    • @raidalkhalaf4518
      @raidalkhalaf4518 3 роки тому

      @@GreatStackDev Great. It works. Thanks

  • @bidheklamaa1336
    @bidheklamaa1336 3 роки тому +1

    i learnt a lot from u....thanks

  • @g.pavani5275
    @g.pavani5275 3 роки тому

    take one website and by inspecting make similar copy of it,waiting for the video!!!

  • @avamoradi6248
    @avamoradi6248 2 роки тому

    That was great session. fixed my icons problem. Thank you.

  • @michaelasante5002
    @michaelasante5002 2 роки тому

    God bless you sir. You are amazinnnnnnnnnnng.

  • @vaibhav.v6403
    @vaibhav.v6403 2 роки тому

    Thanks alot bro🙏 your amazing man god bless you 🙏🌹🌹

  • @samikshashahu1358
    @samikshashahu1358 2 роки тому

    Very helpful, time saving thanks bro👍🥳

  • @Kaleabe25
    @Kaleabe25 2 роки тому

    Thank you, Sir. Very helpful!!

  • @rayyonaya
    @rayyonaya 2 роки тому +1

    perfectly explained

  • @mestido
    @mestido 3 роки тому +1

    But how to make those icons clickable? doesn’t seems to work 😅

    • @GreatStackDev
      @GreatStackDev  3 роки тому +1

      it works, write

    • @mestido
      @mestido 3 роки тому +1

      @@GreatStackDev yea this worked, thanks )

  • @vigneshsamireddy
    @vigneshsamireddy 3 роки тому +1

    Hi bro, please make Shopify series from scratch...
    It will more useful for many of us...

    • @GreatStackDev
      @GreatStackDev  3 роки тому +2

      I have zero experience with shopify

    • @vigneshsamireddy
      @vigneshsamireddy 3 роки тому

      @@GreatStackDev okay bro thanks for considered my comments 😁

  • @arunengti5524
    @arunengti5524 2 роки тому

    Really your are very genus. I will give you 5 🌟 out of 5.

  • @ethanhaque1174
    @ethanhaque1174 2 роки тому

    Thanks for This Very Easy to understand tutorial

  • @thinkerthinker2140
    @thinkerthinker2140 Рік тому

    Thank you so much sir I was stuck

  • @abdallahomary853
    @abdallahomary853 2 роки тому

    sooo helpful, be blessed Sir

  • @theweb_developer
    @theweb_developer Рік тому

    Thank you Sir, It helped alot!

  • @Global-y8p
    @Global-y8p 2 роки тому +1

    Thank you soo much sir🥰🥰🥰

  • @adityamaurya2300
    @adityamaurya2300 3 роки тому +1

    that was really helpfull for me..!

  • @soltsdev
    @soltsdev 3 роки тому +4

    how to change color in CSS if I use more than one fav classname icons

    • @GreatStackDev
      @GreatStackDev  3 роки тому +3

      use the icons unique class name of the icon, of you can add class name by yourself

    • @rahulrock5282
      @rahulrock5282 3 роки тому +1

      @@GreatStackDev how to increase icon size and height ?

    • @GreatStackDev
      @GreatStackDev  3 роки тому

      @@rahulrock5282 use css property font-size

    • @nobodynoone343
      @nobodynoone343 3 роки тому

      Add another classname

    • @xena082
      @xena082 Рік тому

      ​@GreatStackDev I tried this font icon on my pc....I wanted to add it to the new website I'm building but it's not showing
      Pls help

  • @anushkasrivastava8814
    @anushkasrivastava8814 2 роки тому +1

    Thaank you so much sir!!

  • @AchrafAmesguine
    @AchrafAmesguine 3 роки тому

    thank you so much you helped my life

  • @josh__f
    @josh__f 2 роки тому

    Thank you so much, this worked for me!

  • @dhanrai263
    @dhanrai263 3 роки тому

    Than you. This is the latest version.

  • @emmanuelphillip5856
    @emmanuelphillip5856 2 роки тому

    Just want to say thank you. Works

  • @ayanbanerjee5508
    @ayanbanerjee5508 3 роки тому

    thankyou
    i was facing a similar problem

  • @cruzecarolus4444
    @cruzecarolus4444 2 роки тому

    This one helped quite a lot! Thank you sm

  • @bhavyekathuria
    @bhavyekathuria 3 роки тому

    Thank you sir 👍 for such great videos

  • @bhupenderbehwal7961
    @bhupenderbehwal7961 3 роки тому

    Thankyou sir, it helps a lot.

  • @raven.4815
    @raven.4815 Рік тому

    Very helpful tutorial, thank you!

  • @tanishkadesai7683
    @tanishkadesai7683 3 роки тому +1

    very helpful.. Thanx a lot!

  • @markzait2750
    @markzait2750 Рік тому

    Very helpful. Thank you!

  • @coderlicious6565
    @coderlicious6565 11 місяців тому

    Very succint and to the point

  • @abdulazim9607
    @abdulazim9607 2 роки тому

    Great video sir thank you very much

  • @realdoni5073
    @realdoni5073 3 роки тому

    thank you man you realy helped me out so ur the best . bye

  • @sonamohialdin3376
    @sonamohialdin3376 Рік тому

    Very helpful thank you

  • @AbdulAhad-j4e
    @AbdulAhad-j4e Рік тому

    thanks man it really helped me

  • @eseeruotor1118
    @eseeruotor1118 2 роки тому

    Thanks..very helpful

  • @redlobsta1
    @redlobsta1 2 роки тому

    can you also do a tutorial on how to add Icons with Local Icon files (ones you download from other websites) ?

  • @markroos6424
    @markroos6424 3 роки тому

    Thanks for helping me!!!

  • @josephainebyona3889
    @josephainebyona3889 3 роки тому +4

    This was awesome avenash "sorry if i wrongly spelt your name, please forgive my language problems"

    • @GreatStackDev
      @GreatStackDev  3 роки тому +1

      Thank you Joseph

    • @g.pavani5275
      @g.pavani5275 3 роки тому

      @@GreatStackDev take one website by inspecting create similar copy of that waiting for the video soon!!!

  • @bodsportszone9416
    @bodsportszone9416 2 роки тому

    thanks, it was really helpful. keep it up

  • @MeforMinutes
    @MeforMinutes Рік тому

    Thanks man for helping 🥰🥰🥰🥰🥰🥰

  • @tharollodikgale
    @tharollodikgale 2 роки тому

    Thank you, worked for me🙂

  • @xxKingQuinxx
    @xxKingQuinxx 2 роки тому

    Very good instructions. Thank you!

    • @GreatStackDev
      @GreatStackDev  2 роки тому

      Glad you enjoyed it!

    • @GamerAadil5575
      @GamerAadil5575 2 роки тому

      @@GreatStackDev bro my setup link is not opening script batado please 🙇🙇🙇

    • @GreatStackDev
      @GreatStackDev  2 роки тому

      I have also explained how to use it offline after downloading the font awesome file, please watch the video till end, you can download font awesome here: fontawesome.com/download

  • @AshTheNeetAspirant
    @AshTheNeetAspirant 3 роки тому

    M unable to add menu and cross buttons for small screen devices as u told in your earlier video..can u please help me out..?

  • @ankitapol5537
    @ankitapol5537 2 роки тому

    Thank you Sir
    😇😇😇

  • @cappyalemayehu813
    @cappyalemayehu813 2 роки тому

    you are always the best! thank you!

  • @titangarg44
    @titangarg44 2 роки тому

    Thank you so much sir!

  • @_vuxluong939
    @_vuxluong939 Рік тому

    thanks man! this help me alot

  • @cartgladdenbandong6304
    @cartgladdenbandong6304 3 роки тому +1

    THANK YOU SO MUCH

  • @ashutoshgangwar2665
    @ashutoshgangwar2665 Рік тому

    Thanks for your help

  • @Keyscorner829
    @Keyscorner829 2 роки тому

    Thank you so much 😊

  • @lokanshusharma5268
    @lokanshusharma5268 3 роки тому

    Bro great work
    how is it if you work on vs code

  • @prathaphangodi1310
    @prathaphangodi1310 Рік тому

    in which way is better via single link or dowland zip file ?

    • @GreatStackDev
      @GreatStackDev  Рік тому

      download and use it in your folder that will be better

  • @GreatStackDev
    @GreatStackDev  Рік тому

    👉 Make Multi Page complete responsive website: ua-cam.com/video/oYRda7UtuhA/v-deo.html

  • @nehaprasad8956
    @nehaprasad8956 2 роки тому

    Thank you so much😇😇

  • @chimeziekennedy9521
    @chimeziekennedy9521 2 роки тому

    very good. but i will like to know how to add name of a webste to the side of the logo

  • @33monkeyface
    @33monkeyface 2 роки тому

    Hi, ive been unable to hide the font awesome navigation icon while in fullscreen. I have tried everything, any advice?

  • @alexprecious1915
    @alexprecious1915 Рік тому

    Thank you so so so much...

  • @soinyayadav8426
    @soinyayadav8426 3 роки тому +1

    Can tou make video how to use visual code editors in hindi

    • @GreatStackDev
      @GreatStackDev  3 роки тому +1

      I use Brackets Editor because it looks clean, so it's good for my video.
      So currently i am not planing to make video with VS code. but it's also very easy to use. Just Install the VS code Editor, and try it. if you get any confusion you can ask me on email: [avinashdm@outllok.com] or social media link is in the description.