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.

Copyright ©2024 Educative, Inc. All rights reserved