How To Add Icons
To insert an icon, add the name of the icon class to any inline HTML element.
The and elements are widely used to add icons.
All the icons in the icon libraries below, are scalable vector icons that can be customized with CSS (size, color, shadow, etc.)
Font Awesome Icons
To use the Font Awesome icons, add the following line inside the section of your HTML page:
Note: No downloading or installation is required!
Welcome!
Home
Home
Home
Home
Home
Home
Google Icons
Some Google icons:
cloudfavoriteattachmentcomputertraffic
Styled Google icons (size, color, and shadow):
cloudcloudcloudcloud
To use the Font Awesome icons, add the following line inside the section of your HTML page:
Note: No downloading or installation is required!
How To Add Icons
To insert an icon, add the name of the icon class to any inline HTML element.
The and elements are widely used to add icons.
All the icons in the icon libraries below, are scalable vector icons that can be customized with CSS (size, color, shadow, etc.)
Font Awesome Icons
To use the Font Awesome icons, add the following line inside the section of your HTML page:
Note: No downloading or installation is required!
Example
Try It Yourself »
Bootstrap Icons
To use the Bootstrap glyphicons, add the following line inside the section of your HTML page:
Note: No downloading or installation is required!
Example
Try It Yourself »
Google Icons
To use the Google icons, add the following line inside the section of your HTML page:
Note: No downloading or installation is required!
Example
cloudfavoriteattachmentcomputertraffic
Try It Yourself »
For a complete list of ALL icons (font awesome, bootstrap and google), visit the Icon Reference.
For a complete list of all Font Awesome icons, visit the Font Awesome icon reference.
For a complete list of all Bootstrap Glyphicons, visit the Bootstrap Glyphicon reference.
For a complete list of all Google icons, visit the Google icon reference.
Font Awesome Icons
Some Font Awesome icons:
Styled Font Awesome icons (size, color, and shadow):
Bootstrap Icons
Some Bootstrap icons:
Styled Bootstrap icons (size, color, and shadow):
W3.CSS
Try It Yourself »
http://www.w3schools.com/icons/default.asp
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
https://fonts.googleapis.com/icon?family=Material+Icons
No comments:
Post a Comment