Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">forestry</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#forestry" />
</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-forestry" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M11 20H4.055c-1.265 0-1.962-1.47-1.16-2.45L5.39 14.5h-.267c-1.299 0-1.984-1.538-1.115-2.504l2.309-2.565c-1.038-.325-1.438-1.719-.556-2.533l5.221-4.82a1.5 1.5 0 0 1 2.035 0l5.222 4.82c.918.847.447 2.323-.686 2.567l2.078 2.598c.755.944.139 2.324-1.026 2.43l2.5 3.057c.802.98.105 2.45-1.16 2.45H13v1a1 1 0 1 1-2 0zM8.058 7.5 12 3.86l3.942 3.64H13.42l4 5h-3.03l4.5 5.5H13V9a1 1 0 1 0-2 0v9H5.11l4.5-5.5H6.245l4.5-5z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.