Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">backup_restore_file</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#backup-restore-file" />
</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-backup-restore-file" viewBox="0 0 24 24">
<path d="M7.02 4.84c-.91.38-1.75.95-2.49 1.68-3.13 3.13-3.13 8.19 0 11.31L3.26 19.1c-.32.32-.09.86.35.85h3.95c.28 0 .5-.21.5-.49v-3.95c0-.45-.54-.67-.86-.35l-1.27 1.27c-2.34-2.34-2.34-6.14 0-8.49.56-.56 1.21-1 1.9-1.28.36-.15.57-.52.57-.9 0-.72-.74-1.2-1.4-.92Zm14.77 11.23-3.86-3.86a.74.74 0 0 0-.51-.21H12c-.79 0-1.43.64-1.43 1.43v7.86c0 .39.32.71.71.71s.71-.32.71-.71v-7.86h4.29V17c0 .39.32.71.71.71h3.57v3.57c0 .39.32.71.71.71s.71-.32.71-.71v-4.71c0-.19-.08-.37-.21-.51Zm-7.82-7.64a.5.5 0 0 0 .14-.35V6.29c2.95 0 5.41 2.14 5.9 4.96.08.47.49.82.98.82.62 0 1.1-.55.99-1.16-.66-3.76-3.93-6.61-7.87-6.61V2.51c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.2.19.51.19.71 0Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.