Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">phone</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#phone" />
</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-phone" viewBox="0 0 24 24">
<path d="M15.48 21c-1.91 0-3.8-.78-5.17-2.3l-5.06-5.59a6.97 6.97 0 0 1-.03-9.34c.44-.49 1.07-.77 1.73-.78.66 0 1.29.28 1.73.77l1.87 2.06c.57.63.82 1.46.68 2.3-.13.8-.59 1.49-1.28 1.92l3.91 4.25c.49-.62 1.21-1 2.01-1.05.84-.05 1.65.28 2.22.91l1.87 2.06a2.326 2.326 0 0 1-.35 3.44A6.93 6.93 0 0 1 15.49 21ZM6.96 5c-.05.02-.16.01-.24.11-1.7 1.9-1.69 4.77.02 6.66l5.06 5.59a4.973 4.973 0 0 0 6.63.68c.1-.08.13-.18.13-.23s0-.16-.08-.25l-1.87-2.06a.75.75 0 0 0-.62-.25c-.14 0-.4.06-.58.32-.33.47-.85.76-1.42.79-.58.03-1.12-.19-1.51-.62l-4.06-4.48c-.39-.43-.56-1-.46-1.56.09-.57.43-1.06.93-1.34.28-.16.36-.41.38-.55s.03-.4-.19-.64L7.21 5.11A.34.34 0 0 0 6.97 5Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.