Top 100+ Web Icons Interview Questions And Answers
Question 1. What Is Web Icon?
Answer :
Web Icon is a image that is used to symbolize a specific motion or a functionality on a website. It is used in files in addition to packages.
Question 2. How Can We Link The Font Library?
Answer :
We can hyperlink 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>
HTML Interview Questions
Question three. What Are The Web Icons Fonts?
Answer :
Web Icons fonts are:
Font Awesome
Bootstrap Glyphicons
Google's Material Icons
Question four. What Are The Advantages Of Web Icons?
Answer :
There are following functions of Web Icons:
It is simple to apply.
We have to down load only Library font documents.
It enables to web developers to build an Icon.
All net icons used within <I> HTML tag.
HTML Tutorial
Question five. How Can We Use Font Awesome Icons?
Answer :
We can use net icons through 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>
HTML 5 Interview Questions
Question 6. How Can We Define The Font Awesome Icons Size?
Answer :
We can outline the dimensions of Icons by means of the use of 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-length: 10em;
</style>
</head>
<body>
<i class = "fa fa-inr mysize"></i>
</body>
</html>
Question 7. What Are The Icons Provide By Font Awesome?
Answer :
Font Awesome presents 519 Icons.
There are a few following categories:
Web Application Icons
Hand Icons
Transportation Icons
Gender Icons
File Type Icons
Spinner Icons
Form Control Icons
Payment Icons and so forth
HTML 5 Tutorial Flash Interview Questions
Question eight. What Are The Various Form Control Icons And Their Use?
Answer :
There are various from manage 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.
Question nine. What Are Material Icons?
Answer :
Material Icons are simple and help all cutting-edge web browsers. It is based on vector. It uses font (Library) magnificence material-icons.
Example:
<head>
<link href = https://fonts.Googleapis.Com/icon?Family=Material+Icons rel = stylesheet>
</head>
Graphic Design Interview Questions
Question 10. How Many Icons Font Provided By Material?
Answer :
Material offers 519 icons, following are given underneath:
Action Icons
Alert Icons
AV Icons
Communication Icons
Content Icons
Image Icons
Maps Icons
Navigation Icons
Notification Icons
Social Icons
Toggle Icons and so forth.
Flash Tutorial
Question eleven. What Is Bootstrap Glyphicons And How To Load The Font (library)?
Answer :
Bootstrap Glyphicons is a library of monochromatic icons. It presents 250 glyphs in font layout. 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>
Illustrator Interview Questions
Question 12. How Can We Define The Size Of Glyphicons Icons In Bootstrap?
Answer :
We can outline the dimensions of Glyphicons Icons in Bootstrap by the usage of following codes:
Example:
<html>
<head>
<hyperlink 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>
HTML Interview Questions
Question 13. What Are The Types Of Material Social Icons And Its Use?
Answer :
There are following types of Material Social Icons:
<i class="material-icons custom">cake</i>
<i class="material-icons custom">institution</i>
<i class="material-icons custom">public</i>
<i class="material-icons custom">college</i>
<i class="material-icons custom">share</in> and so on
CSS Advanced Tutorial
Question 14. How Can We Use Payment Icons By Using Font Awesome?
Answer :
We can use charge icons through 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.
