bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch
Learn/CSS/CSS Foundations
CSS•CSS Foundations

CSS Icons - Google

Google Icons

To use the Google icons, add the following line inside the <head> section of your HTML page:

Formula

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

Note:

No downloading or installation is required!

Example

<!DOCTYPE html> <html> <head>

Formula

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

</head> <body>

Formula

< i class ="material - icons"> cloud </i >
< i class ="material - icons"> favorite </i >
< i class ="material - icons"> attachment </i >
< i class ="material - icons"> computer </i >
< i class ="material - icons"> traffic </i >

</body> </html>

Result:

For a complete list of all icons, visit our Icon Tutorial.

Previous

CSS Icons - Bootstrap

Next

CSS Lists