Home ❯ Google Developer Tools ❯ Google Material Icons

Google Material Icons

Material Icons
Material Icons are available in five styles and a range of downloadable sizes and densities. The icons are based on the core Material Design principles and metrics.

https://fonts.google.com/icons?selected=Material+Icons

You can style the icnos with CSS to target class (material-icons)


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

<i class="material-icons">close</i>
<i class="material-icons">menu</i>
<i class="material-icons">home</i>

</body>
</html>

1 Related pages