Interview Questions

AJAX Interview Questions Android Interview Questions Angular 2 Interview Questions AngularJs Interview Questions Apache Presto Interview Questions Apache Tapestry Interview Questions Arduino Interview Questions ASP.NET MVC Interview Questions Aurelia Interview Questions AWS Interview Questions Blockchain Interview Questions Bootstrap Interview Questions C Interview Questions C Programming Coding Interview Questions C# Interview Questions C++ Interview Questions Cakephp Interview Questions Cassandra Interview Questions CherryPy Interview Questions Clojure Interview Questions Cobol Interview Questions CodeIgniter interview Questions CoffeeScript Interview Questions Cordova Interview Questions CouchDB interview questions CSS Buttons Interview Questions CSS Interview Questions D Programming Language Interview Questions Dart Programming Language Interview Questions Data structure & Algorithm Interview Questions DB2 Interview Questions DBMS Interview Questions Django Interview Questions Docker Interview Questions DOJO Interview Questions Drupal Interview Questions Electron Interview Questions Elixir Interview Questions Erlang Interview Questions ES6 Interview Questions and Answers Euphoria Interview Questions ExpressJS Interview Questions Ext Js Interview Questions F# Interview Questions Firebase Interview Questions Flask Interview Questions Flex Interview Questions Fortran Interview Questions Foundation Interview Questions Framework7 Interview Questions FuelPHP Framework Interview Questions Go Programming Language Interview Questions Google Maps Interview Questions Groovy interview Questions GWT Interview Questions Hadoop Interview Questions Haskell Interview Questions Highcharts Interview Questions HTML Interview Questions HTTP Interview Questions Ionic Interview Questions iOS Interview Questions IoT Interview Questions Java BeanUtils Interview Questions Java Collections Interview Questions Java Interview Questions Java JDBC Interview Questions Java Multithreading Interview Questions Java OOPS Interview Questions Java Programming Coding Interview Questions Java Swing Interview Questions JavaFX Interview Questions JavaScript Interview Questions JCL (Job Control Language) Interview Questions Joomla Interview Questions jQuery Interview Questions js Interview Questions JSF Interview Questions JSP Interview Questions KnockoutJS Interview Questions Koa Interview Questions Laravel Interview Questions Less Interview Questions LISP Interview Questions Magento Interview Questions MariaDB Interview Questions Material Design Lite Interview Questions Materialize CSS Framework Interview Questions MathML Interview Questions MATLAB Interview Questions Meteor Interview Questions MongoDB interview Questions Moo Tools Interview Questions MySQL Interview Questions NodeJS Interview Questions OpenStack Interview Questions Oracle DBA Interview Questions Pascal Interview Questions Perl interview questions Phalcon Framework Interview Questions PhantomJS Interview Questions PhoneGap Interview Questions Php Interview Questions PL/SQL Interview Questions PostgreSQL Interview Questions PouchDB Interview Questions Prototype Interview Questions Pure CSS Interview Questions Python Interview Questions R programming Language Interview Questions React Native Interview Questions ReactJS Interview Questions RequireJs Interview Questions RESTful Web Services Interview Questions RPA Interview Questions Ruby Interview Questions Ruby on Rails Interview Questions SAS Interview Questions SASS Interview Questions Scala Interview Questions Sencha Touch Interview Questions SEO Interview Questions Servlet Interview Questions SQL Interview Questions SQL Server Interview Questions SQLite Interview Questions Struts Interview Questions SVG Interview Questions Swift Interview Questions Symfony PHP Framework Interview Questions T-SQL(Transact-SQL) Interview Questions TurboGears Framework Interview Questions TypeScript Interview Questions UiPath Interview Questions VB Script Interview Questions VBA Interview Questions WCF Interview Questions Web icon Interview Questions Web Service Interview Questions Web2py Framework Interview Questions WebGL Interview Questions Website Development Interview Questions WordPress Interview Questions Xamarin Interview Questions XHTML Interview Questions XML Interview Questions XSL Interview Questions Yii PHP Framework Interview Questions Zend Framework Interview Questions

Top 14 Web icon Interview Questions for 2022

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.

2) How can we link the font library?

We can link the font library in HTML head sections. Example:
<head>  

   <link rel = "stylesheet"   

   href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">  

</head>

3) What are the Web Icons Fonts?

Web Icons fonts are:
  • Font Awesome
  • Bootstrap Glyphicons
  • Google's Material Icons

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 built an Icons.
  • All web icons used within <I> HTML tag.

5) How can we use Font Awesome Icons?

We can use web icons by using HTML <i> element. Example:
<html>  

   <head>  

      <link rel = "stylesheet"   

      href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">  

   </head>  

      

   <body>  

      <i class = "fa fa-inr"></i>  

   </body>  

      

</html>

6) How can we define the Font Awesome Icons size?

We can define the size of Icons by using following codes: Example:
<html>  

<head>  

      <link rel = "stylesheet"   

      href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">  

          

      <style>  

         i.mysize{  

            font-size: 10em;  

                 }  

      </style>          

   </head>  

   <body>  

      <i class = "fa fa-inr mysize"></i>  

   </body>  

     

   </html>

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.

8) What are the various form control icons and their use?

There are various from control icons:
<i class="fa fa-check-square custom"></i>

<i class="fa fa-check-square-o custom"></i>

<i class="fa fa-circle custom"></i>

<i class="fa fa-circle-o custom"></i>

<i class="fa fa-dot-circle-o custom"></i>

<i class="fa fa-minus-square custom"></i>

<i class="fa fa-minus-square-o custom"></i> etc.

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:
<head>  

   <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">  

</head>

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.

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:
<head>  

   <link rel = "stylesheet"   

   href = "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">  

</head>

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:
<html>  

   <head>  

      <link rel = "stylesheet" href = <link rel = "stylesheet"   

      href = "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">  

      i.mysize {font-size: 6em;}  

   </head>  

      

   <body>  

      <i class = "glyphicon glyphicon-tree-deciduous mysize"></i>  

   </body>  

      

</html>

13) What are the types of Material Social Icons and its use?

There are following types of Material Social Icons:
<i class="material-icons custom">cake</i>

<i class="material-icons custom">group</i>

<i class="material-icons custom">public</i>

<i class="material-icons custom">school</i>

<i class="material-icons custom">share</i> etc

14) How can we use Payment Icons by using Font Awesome?

We can use payment icons by using Font Awesome:
<i class="fa fa-cc-visa custom"></i>

<i class="fa fa-cc-paypal custom"></i>

<i class="fa fa-cc-mastercard custom"></i>

<i class="fa fa-cc-discover custom"></i>

<i class="fa fa-cc-jcb custom"></i>

<i class="fa fa-cc-stripe custom"></i> etc.



ADVERTISEMENT
ADVERTISEMENT