Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">text_marker</i>
SVG sprite
Use for static sites when you only need a few icons.
<svg class="mi" width="1em" height="1em" fill="currentColor">
<use xlink:href="/modus-outlined-icons.svg#text-marker" />
</svg>
SVG code
Use when you don't want any dependency.
info_outlined
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-text-marker" viewBox="0 0 24 24">
<path d="m14.23 14.78 3.12-8.92a1.26 1.26 0 0 0-.65-1.55L13.9 3c-.59-.27-1.27-.06-1.6.49l-4.83 8.13c-.12.2-.18.43-.18.67l.13 4.79 2.65 1.24 3.75-2.98c.19-.15.32-.34.4-.57Zm-.76-10.32 2.4 1.12-2.82 8.06-3.94-1.84zm-3.6 12.11-.97-.45-.09-3.35 3.69 1.72zm-2.45 1.62 1.81.85-.42.91-2.24.06.85-1.81ZM20 19.5c0 .28-.22.5-.5.5h-9.06l.47-1h8.6c.28 0 .5.22.5.5Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.