Material Icon Css Content. 1,100+ react material icons ready to use from the official website. The icon is rendered in css by setting the content property to the icon's unicode or iso number.
Different icons can be selected from material icons. Optionally you can use preset classes as shown below. 33 new icons in 2.2
I have ad d ed material icons fonts inside head tag for the icons and open sans font for the content.
Now add this html code for a material icon. With the inclusion of a div, perfect via css handling without compromising the content itself. In accordance with material design icon guidelines, for active icons we recommend using either black at 54% opacity or white at 100% opacity when displaying these on light or dark backgrounds, respectively.if an icon is disabled or inactive, using black at 26% or white at 30% for light and dark backgrounds. Change your css to this: