Icons Please use Material Design Icons. DOT NOT EMBED SVG - use a framework like Iconify.

Going Forward Jump to heading

Use Material Design Icons for all icons.
Ideally, use Iconify for your React / static web projects.
Iconify Example

Iconify References Jump to heading

AI

LEGACY Icons Jump to heading

Download symbol file.
Upload it to your project.
Use the following pattern to display icons.
1. Replace {size} with your desired size.
2. Replace {path-to-file} with your asset path.
3. Replace {anchor} with the icon you want to display. You can view the anchor name on hover/focus in the icon list below or within their associated dialog information. The color will inherit from the nearest parent color: style.

<svg xmlns="http://www.w3.org/2000/svg" width="{size}" height="{size}" fill="currentColor" role="img">
  <use href="/{path-to-file}/prs-icons.svg#{anchor}" />
</svg>

Iconify Example

Code

<iconify-icon icon="mdi:check"></iconify-icon>
<iconify-icon icon="mdi:close"></iconify-icon>

<!-- module -->
<script type="module">
  import 'https://esm.run/iconify-icon';
</script>

Result