Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">time_slot_not_reserved</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-solid-icons.svg#time-slot-not-reserved" />
</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-solid mi-time-slot-not-reserved" viewBox="0 0 24 24">
<path d="M12 5.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13m2.53 9.03c-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-2.22-2.22V8c0-.41.34-.75.75-.75s.75.34.75.75v3.69l1.78 1.78c.29.29.29.77 0 1.06m6.21 1.27-1.38-.6c.29-.72.52-1.47.61-2.25l1.49.18c-.1.92-.37 1.82-.72 2.67m.73-4.91-1.49.17c-.09-.78-.31-1.53-.6-2.25l1.38-.6c.35.86.61 1.75.71 2.68m-1.82-4.58-1.2.9a7.6 7.6 0 0 0-1.65-1.65l.9-1.2c.75.55 1.41 1.21 1.95 1.96Zm-3.84-3.06-.6 1.38c-.72-.29-1.47-.52-2.25-.61l.18-1.49c.92.1 1.82.37 2.67.72"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.