- <!DOCTYPE html>
- <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, color, and shadow):</p>
- <i class="material-icons" style="font-size:24px;">cloud</i>
- <i class="material-icons" style="font-size:36px;">cloud</i>
- <i class="material-icons" style="font-size:48px;color:red;">cloud</i>
- <i class="material-icons" style="font-size:60px;color:lightblue;text-shadow:2px 2px 4px #000000;">cloud</i>
- </body>
- </html>