GOOGLE ICONS FOR CSS

on

If you mean Google Icons for CSS, you're probably looking for Google Material Icons / Material symbols.

Google Material Icons

Add this in your HTML <head>:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Then use icons like:

<i class="material-icons">home</i>
<i class="material-icons">search</i>
<i class="material-icons">menu</i>
<i class="material-icons">favorite</i>

Material Symbols — newer option

<link rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined">
<span class="material-symbols-outlined">home</span>
<span class="material-symbols-outlined">search</span>
<span class="material-symbols-outlined">settings</span>

You can also style them with normal CSS:

.material-symbols-outlined {
    font-size: 32px;
    color: blue;
}

If you meant Google icons specifically for CSS buttons, social icons, or a list of all available icon names, tell me which one and I’ll give you the exact code.

Comments

Post a Comment