bugl
bugl
HomeLearnPatternsPathsSearchPremium
HomeLearnPatternsPaths

Loading lesson path

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:

Note

No downloading or installation is required!

Example

Formatted code
<!DOCTYPE html>
<html>
<head>

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

<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>

Live preview

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

Previous

CSS Icons - Bootstrap

Next

CSS Links