Search This Blog
Hello Guys!! My name is Ammar Ali. In this blog you will find detailed tutorial videos about web development and web designing languages.. So stay tuned and keep learning..!
Featured
- Get link
- X
- Other Apps
Adding Icons in your page
In this article we will take a look about how to add fontawesome icons and material icons from google fonts library in your HTML page:
Adding Font awesome Icons:
To add font awesome icons first we need to attach the font awesome CSS file.
CSS file code: <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" />
Attach the above code in your <head> section of your HTML page.
Now open the font awesome library: https://fontawesome.com/v4.7.0/icons/
Click on any icon you want to add in your site. Then copy this block of code
And paste it in <body> section of your HTML page.
Now save the file and check the page in browser.
Adding Material Icons:
To add material icons first we need to attach the material icon font family file.
Font family code: <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
Attach the above code in your <head> section of your HTML page.
Now open the material icons library: https://fonts.google.com/icons?selected=Material+Icons
Click on any icon you want to add in your site. Then copy this block of code from the sidebar:
Now save the file and check the page in browser.
Full Tutorial:
- Get link
- X
- Other Apps
Popular Posts
How To Remove JotForm Branding (With Using Code)
- Get link
- X
- Other Apps
Comments
Post a Comment