How to use Google icons in HTML
Google icons are a collection of symbols that represent common items and actions. To use Google icons within HTML, add the following line in the head element:
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
Google icons can be resized and are used with inline elements.
Code
1. Adding a home icon
2. Adding a warning icon
3. Adding a chat icon
4. Adding a wifi icon
The complete list of the available icons can be accessed here.
Free Resources
Copyright ©2026 Educative, Inc. All rights reserved