Google Icons CSS- Tryit Editor for Web Developers
Edit This Code:
See Result »
<html> <head> <title>Google Icons</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> </head> <body> <p>Some Google icons:</p> <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> <br><br> <p>Styled Google icons (size and color):</p> <i class="material-icons" style="font-size:40px;color:blue">cloud</i> <i class="material-icons" style="font-size:70px;color:purple">favorite</i> <i class="material-icons" style="font-size:100px;color:red;">attachment</i> <i class="material-icons" style="font-size:120px;color:blue;">traffic</i> <i class="material-icons" style="font-size:150px;color:gray;">computer</i> <br><br> <img src="logo.jpg"/> </body> </html>
Result: