Web Icons Tutorial

Discuss Web Icons

Discuss Web Icons Advertisements Previous Page Next Page   We have a number of Icon Fonts (libraries) available that can be used on HTML pages just the way we use normal text fonts. Font Awesome, Bootstrap Glyphicons, and Google’s Material Icons are the prominent Icon Fonts used frequently by web developers. This tutorial explains how…

Web Icons – Quick Guide

Web Icons – Quick Guide Advertisements Previous Page Next Page   Web Icons – Introduction An icon is a symbol that is used to represent a specific action or a capability on a webpage. Icons are used in documents as well as applications and they can be either selectable or non-selectable. For example, the images…

Web Icons – Useful Resources

Web Icons – Useful Resources Advertisements Previous Page Next Page   The following resources contain additional information on Web Icons. Please use them to get more in-depth knowledge on this. Useful Links on Web Icons HTML Icons Font Awesome − Font Awesome Reference for HTML Icons. HTML Icons Material icons − Material icons Reference for…

Bootstrap Components

Bootstrap Components Advertisements Previous Page Next Page   This chapter explains the usage of Bootstrap Glyphicons (Components). Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. Live Demo &lt/l> <head> <link rel = “stylesheet” href = “https://maxcdn.bootstrapcdn.com/3.3.4/bootstrap.min.css”> <i.custom {font-size: 2em; color: blue;}>…

Material – Social Icons

Material – Social Icons Advertisements Previous Page Next Page   This chapter explains the usage of Google’s (Material) Social icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. <!DOCTYPE/l> &lt/l> <head> <link href = “https://fonts.googleapis.com/icon?family=Material+Icons” rel = “stylesheet”> <style> i.custom {font-size:…