300+ TOP Web Icons Interview Questions – Answers

    1. 1. What Is Web Icon?
      Web Icon is a symbol that is used to represent a specific action or a capability on a webpage. It is used in documents as well as applications.

 

    1. 2. How Can We Link The Font Library?
      We can link the font library in HTML head sections.
      Example:
       
       
      href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css”>
       

 
HTML Interview Questions

    1. 3. What Are The Web Icons Fonts?
      Web Icons fonts are:

      • Font Awesome
      • Bootstrap Glyphicons
      • Google’s Material Icons

 
 

    1. 4. What Are The Advantages Of Web Icons?
      There are following features of Web Icons:

      • It is easy to use.
      • We have to download only Library font files.
      • It helps to web developers to build an Icon.
      • All web icons used within HTML tag.

 
HTML Tutorial

    1. 5. How Can We Use Font Awesome Icons?
      We can use web icons by using HTML element.
      Example:
       
       
       
      href = “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css”>
       
       
       
       
       

 
HTML 5 Interview Questions

    1. 6. How Can We Define The Font Awesome Icons Size?
      We can define the size of Icons by using following codes:
      Example:
       
       
       
      href = “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css”>

       
       
       
       
       

 
 

    1. 7. What Are The Icons Provide By Font Awesome?
      Font Awesome provides 519 Icons.
      There are some following categories:

      • Web Application Icons
      • Hand Icons
      • Transportation Icons
      • Gender Icons
      • File Type Icons
      • Spinner Icons
      • Form Control Icons
      • Payment Icons etc

 
HTML 5 Tutorial
Flash Interview Questions

    1. 8. What Are The Various Form Control Icons And Their Use?
      There are various from control icons:

      • etc.

 
 

    1. 9. What Are Material Icons?
      Material Icons are simple and support all modern web browsers. It is based on vector. It uses font (Library) class material-icons.
      Example:
       
       
       

 
Graphic Design Interview Questions

    1. 10. How Many Icons Font Provided By Material?
      Material provides 519 icons, following are given below:

      • Action Icons
      • Alert Icons
      • AV Icons
      • Communication Icons
      • Content Icons
      • Image Icons
      • Maps Icons
      • Navigation Icons
      • Notification Icons
      • Social Icons
      • Toggle Icons etc.

 
Flash Tutorial

    1. 11. What Is Bootstrap Glyphicons And How To Load The Font (library)?
      Bootstrap Glyphicons is a library of monochromatic icons. It provides 250 glyphs in font format. It is loaded the font with head HTML tag.
      Example:
       
       
      href = http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css>
       

 
Illustrator Interview Questions

    1. 12. How Can We Define The Size Of Glyphicons Icons In Bootstrap?
      We can define the size of Glyphicons Icons in Bootstrap by using following codes:
      Example:
       
       
       
      href = “http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css”>
      i.mysize {font-size: 6em;}
       
       
       
       
       

 
 
HTML Interview Questions

    1. 13. What Are The Types Of Material Social Icons And Its Use?
      There are following types of Material Social Icons:

      • cake
      • group
      • public
      • school
      • share etc

 
CSS Advanced Tutorial

    1. 14. How Can We Use Payment Icons By Using Font Awesome?
      We can use payment icons by using Font Awesome:

      • etc.