Google’s Material Design has become a fixture on the web and in the mobile space, with its iconic white, yellow, and green icons making it the default material for web apps and web-based apps.
But there’s a new twist: the Material Design icon set has been extended to include a new set of icons for web pages.
This is a big deal, because it means that you can now create a web page using Material Design elements.
And if you’re using a web app that supports the new icons, you can set them to a default state that looks something like this:With the new icon set, Material Design is now an integral part of web design, even if it’s not as ubiquitous as you’d expect.
But before you start, you’ll want to make sure that you’ve got the new Google Material design icon set installed and ready to go.
To install the Material design icons, head to Google’s Google+ site and sign up for a Google account.
Once you’re logged in, head over to the Google Material icon set icon gallery.
You’ll see a list of available icons that you’ll need to install.
To see all the icons you’ll get for free, head into the Material theme page, click the gear icon, and then select “Get icons.”
If you’re a Material designer and you want to learn how to use the new Material design style, you should definitely check out this post on Material Design basics, and for a primer on the new design style in general, you may want to check out the Material and Google+ Material design articles that follow.
If you’re not a Material Designer, you might want to take a look at our tutorial on how to create a Material Design-style website.
If you need to know how to add icons to your website, or if you’d like to learn more about Material Design in general (or have some questions about the new set), you can check out Google’s developer site.
In addition, we’ve created a Google+ page where you can share your thoughts about Material design with the Material team, or ask any questions you may have.