Google icons are designed to be used with inline elements. The <i> and <span>
elements are widely used for icons.

Note: Material icons are 24px by default.

Also note that if you change the color of the icon's container, the color of
the icon
changes too. Same things goes for shadow, and anything else that gets inherited
using CSS. The exception is the CSS font-size property, which is always 24px,
unless something else is specified.

Sizable Icons

Although the material icons can be scaled to any size, the recommended
font-size is either 18, 24, 36 or 48px:

Web Certificates

W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.
While using this site, you agree to have read and accepted our terms of use,
cookie and privacy policy.
Copyright 1999-2018 by Refsnes Data. All Rights Reserved.Powered by W3.CSS.