Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">truck_circle</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#truck-circle" />
</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-truck-circle" viewBox="0 0 24 24">
<path d="M7.18 14.1h-.04c-.81.02-1.44.69-1.42 1.49.02.81.69 1.44 1.49 1.42.81-.02 1.44-.69 1.42-1.49-.01-.8-.66-1.43-1.46-1.42Zm.64 1.43c.02.36-.25.66-.61.68a.64.64 0 0 1-.68-.61c-.02-.36.25-.66.61-.68h.04c.35 0 .64.26.65.61ZM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18.5c-3.66 0-6.78-2.33-7.97-5.58h.86c0 .3.17.58.43.72v-.11c0-1.02.84-1.84 1.87-1.83.7 0 1.34.39 1.67 1.01.32-.62.97-1.01 1.67-1.01 1.02 0 1.86.81 1.87 1.83 0 .07 0 .14-.01.2h2.96c0-.07-.01-.14-.01-.2a1.868 1.868 0 0 1 3.73 0v.11c.26-.14.43-.42.43-.72v-2.04c0-.45-.36-.81-.81-.81h-1.33l-1.34-2.43a.81.81 0 0 0-.71-.42h-2.47v-.8c0-.23-.2-.41-.43-.4-.22 0-.4.18-.4.4v5.28h-.83V7.6c0-.22-.18-.41-.41-.41H5.04a8.5 8.5 0 0 1 7-3.69c4.69 0 8.5 3.81 8.5 8.5s-3.81 8.5-8.5 8.5Zm2.05-8.43v-2.03h1.22l1.12 2.03zm3.13 2.03h-.04c-.81.02-1.44.69-1.42 1.49.02.81.69 1.44 1.49 1.42.81-.02 1.44-.69 1.42-1.49-.01-.8-.66-1.43-1.46-1.42Zm.03 2.11a.64.64 0 0 1-.68-.61c-.02-.36.25-.66.61-.68h.04c.35 0 .63.26.64.61.02.36-.25.66-.61.68m-6.77-2.11c-.77.02-1.39.65-1.39 1.42.01.8.66 1.43 1.46 1.42.79-.02 1.41-.67 1.39-1.46s-.67-1.41-1.46-1.39Zm.07 2.04c-.35 0-.63-.26-.64-.61 0-.32.25-.59.58-.61a.6.6 0 0 1 .64.58.6.6 0 0 1-.58.64"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.