material icons cdn code example

Example 1: material icons cdn

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

Example 2: material icons cdn

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Material+Icons&display=swap" rel="stylesheet">

Example 3: cdn material design icons

<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">

<i class="material-icons">donut_small</i>
<i class="material-icons-outlined">donut_small</i>
<i class="material-icons-two-tone">donut_small</i>
<i class="material-icons-round">donut_small</i>
<i class="material-icons-sharp">donut_small</i>

Example 4: material icon link

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

Example 5: google material icons cdn

<!-- google metatial icons cdn --->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Example 6: google material icons

<i class="material-icons">face</i>

Tags: