Going Forward Jump to heading
- Use Material Design Icons for all icons.
- Ideally, use Iconify for your React / static web projects.
Iconify Example Jump to heading
<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>
LEGACY Icons Jump to heading
- Download symbol file.
- Upload it to your project.
- Use the following pattern to display icons.
- Replace
{size}with your desired size. - Replace
{path-to-file}with your asset path. - 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 parentcolor:style.
- Replace
<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>
No matches for "".