Let's imagine you wanna build something like this:
You know what's the biggest problem: WHERE TO GET THESE ICONS FROM. Should I give link to a png, should I search for an emoji, blah, blah, blah...
I faced the similar problem and someone suggested this awesome website so I thought to share:
First things first: No, I have not been paid to promote or something like this.
What is fontsawesome? Font Awesome is one of the top open source projects on GitHub which gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
Now, let's see how to use these awesome icons in our code (step by step guide)
Go to fontawesome.com and click on "start for free".
Now scroll down, enter your email id and click on "send kit code" button.
You'll get a mail from fonts awesome, now click on "Click to confirm your email address + set things up" button and you'll be redirected to the fontsawesome website.
Now, set up the password for your fontsawesome account. (I hate setting up passwords)
You could skip this step:
Now you'll see the kit code on the screen and a button to copy the same. copy the code.
Paste the code copied above into the header section of your HTML.
Wait is over: Search for any icon you want and click on it.
Now copy HTML, you see in the image and paste it wherever you want the icon in your css.
<i class="fas fa-inbox"></i>
So simple (yet awesome!)
I hope you liked the article. I loved it!
I write articles related to web development. Follow me here if you are learning the same.
Have an awesome day ahead 😀!
my twitter handle: @therajatg