Google Material Design Social Icons

  Keywords : Social icons in google material design with examples, Cake / Group / Location City / Mood Bad / Notifications / Party Mode / Pages / People social icons in google material design

Here we will learn social icons in google material design with examples and different type of social icons (cake, group, mood, mood bad, notifications off / paused / active, party mode, share, etc.) in google material design with examples.

Google Material Design Social Icons

Google material design is having different type of social icons available those are sentiment satisfied / neutral / dissatisfied, school, public, plus one, group, group add, domain, etc.


Following table shows the list of available social icons in google material design.


NameUsage DescriptionIconExample
cake <i class="material-icons">cake</i> cake DEMO
domain <i class="material-icons">domain</i> domain DEMO
group <i class="material-icons">group</i> group DEMO
group add <i class="material-icons">group_add</i> group_add DEMO
location city <i class="material-icons">location_city</i> location_city DEMO
mood <i class="material-icons">mood</i> mood DEMO
mood bad <i class="material-icons">mood_bad</i> mood_bad DEMO
notifications <i class="material-icons">notifications</i> notifications DEMO
notifications active <i class="material-icons">notifications_active</i> notifications_active DEMO
notifications none <i class="material-icons">notifications_none</i> notifications_none DEMO
notifications off <i class="material-icons">notifications_off</i> notifications_off DEMO
notifications paused <i class="material-icons">notifications_paused</i> notifications_paused DEMO
pages <i class="material-icons">pages</i> pages DEMO
party mode <i class="material-icons">party_mode</i> party_mode DEMO
people <i class="material-icons">people</i> people DEMO
people outline <i class="material-icons">people_outline</i> people_outline DEMO
person <i class="material-icons">person</i> person DEMO
person add <i class="material-icons">person_add</i> person_add DEMO
person outline <i class="material-icons">person_outline</i> person_outline DEMO
plus one <i class="material-icons">plus_one</i> plus_one DEMO
poll <i class="material-icons">poll</i> poll DEMO
public <i class="material-icons">public</i> public DEMO
school <i class="material-icons">school</i> school DEMO
sentiment dissatisfied <i class="material-icons">sentiment_dissatisfied</i> sentiment_dissatisfied DEMO
sentiment neutral <i class="material-icons">sentiment_neutral</i> sentiment_neutral DEMO
sentiment satisfied <i class="material-icons">sentiment_satisfied</i> sentiment_satisfied DEMO
sentiment very dissatisfied <i class="material-icons">sentiment_very_dissatisfied</i> sentiment_very_dissatisfied DEMO
sentiment very satisfied <i class="material-icons">sentiment_very_satisfied</i> sentiment_very_satisfied DEMO
share <i class="material-icons">share</i> share DEMO
whatshot <i class="material-icons">whatshot</i> whatshot DEMO