The HTML code should be placed as follows:
- Add this code to the
<head>
section of your HTML document:
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block" />
- Add this code to the
<body>
section of your HTML document:
<div class="font_preload" style="opacity: 0">
<span style="font-family: 'Material Symbols Outlined';"></span>
</div>
The first code snippet loads the Material Icons font, while the second snippet preloads the font to ensure it's available for use in your document.