Search Material Symbols Icons
Search Results
What is Material Symbols Icon?
Let us first understand what is Icon- Icons are basically used as symbols in Website/Application. Just think while travelling on road we see Symbols which provides us important information like - there is U turn, Left turn or Right turn. So all these symbols helps us while travelling. On the same way it is very important to get key information through symbols. The basic exam of icon is search icon on google search button which gives hint to user the purpose of button. In real life no body wants to read long text or waste timing in searching the navigation links or other important information so icons plays key role here. Few years ago people used images to show icons but now things has been changed. Lets see one more example to understand the use of images as icons suppose we have to add 20-30 icons on our website, in this case we need 30 images to show icons. So creating 20-30 images will consume the resource and time as well. To oversome this problem the concept of Material Symbolsicons came into existence. Basically Material Symbolsicons is library which contains all possible icons list.
To use Material Symbolsicons you just need to include Material Symbolsicons library then you have to use css classes. You can add any icons within seconds using this library. Instead of wasting your time you can adopt this library very easily, It is simple and easy to integrate. If you have basic idea about HTML, CSS you can use it easily. This library also provides you some basic customization such as changing icon size, icon color etc. Here on this page we have shown the icons which are common used almost in every application. You can directly copy the HTML code along with css and use the icon Make sure you have included the Material Symbols icon library. There are some other libraries available for icons but Material Symbols icon library is most popular and widely used by developers/designers.
Material Symbols Icons CDN URL | Link
You can include Material Symbols icons library simply using the below cdn url link.
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" ">
Material Symbols Icons Example
After including library you are able to use Material Symbols icons. Here is an example to use an icon using Material Symbols library-
<span class="material-icons">face</span>
For Latest Government Jobs Visit - Sarkari Exam