Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">speed_coaching_profiles</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="/transportation-icons.svg#speed-coaching-profiles" />
</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-speed-coaching-profiles" viewBox="0 0 24 24">
<path d="M9.238 16.841a1.8 1.8 0 0 1 .193-.754l1.437-2.936 1.81-3.702 1.536-3.142.346-.71a.27.27 0 0 1 .355-.154.274.274 0 0 1 .157.337l-.914 3.965-1.153 5.003c-.191.83-.378 1.66-.575 2.488a1.616 1.616 0 0 1-3.162-.113c-.016-.093-.02-.188-.03-.282m11.724-3.75a11 11 0 0 0-.743-1.354 11 11 0 0 0-1.07-1.398 10.6 10.6 0 0 0-1.447-1.332c-.078-.059-.127-.05-.19.026l-.37.45q-.7.848-1.401 1.694c-.064.078-.062.124.006.192a7.45 7.45 0 0 1 1.86 3.03c.048.148.084.164.227.107l2.305-.925.75-.303a.12.12 0 0 0 .093-.127.4.4 0 0 0-.02-.06m-3.187 5.485h4.075c.094 0 .128-.037.133-.13a9.4 9.4 0 0 0-.015-1.366 20 20 0 0 0-.144-1.21 10 10 0 0 0-.378-1.538c-.046-.143-.077-.16-.221-.12q-1.328.38-2.655.757-.33.095-.658.192a.1.1 0 0 0-.075.128c.042.341.095.682.12 1.025a6.7 6.7 0 0 1-.08 1.576c-.036.227-.086.453-.131.685zM10.77 8.588l-.063-.983q-.015-.241-.033-.484c-.007-.086-.054-.127-.132-.114-.395.07-.794.127-1.185.215a8.6 8.6 0 0 0-1.716.596 9.5 9.5 0 0 0-1.7 1.011.11.11 0 0 0-.03.178q.142.207.28.413l.538.792c.06.088.099.098.19.048l.05-.026a7.6 7.6 0 0 1 3.693-.969c.126-.002.146-.02.143-.163zm-4.675 2.014q-.422-.496-.846-.99c-.084-.099-.13-.1-.223-.01a9.85 9.85 0 0 0-2.523 3.983c-.031.094-.011.138.08.173q.367.143.736.282a.12.12 0 0 0 .18-.07c.098-.189.19-.38.295-.564a8.2 8.2 0 0 1 1.55-1.978c.229-.212.477-.403.714-.605a1 1 0 0 0 .104-.11 1 1 0 0 0-.067-.11Zm8.952.16c.089.063.138.054.2-.039q.729-1.108 1.456-2.218c.059-.09.048-.149-.048-.198a84 84 0 0 0-1.081-.547c-.125-.062-.257-.108-.39-.164l-.645 2.8Zm-12.893 7.71a.11.11 0 0 0 .105.102q.145.006.29 0a.104.104 0 0 0 .1-.119q-.004-.135-.011-.27a8.6 8.6 0 0 1 .076-1.563 9 9 0 0 1 .397-1.696c.03-.089 0-.14-.09-.165l-.621-.167c-.137-.036-.175-.013-.203.124A10 10 0 0 0 2 16.708a10 10 0 0 0 .155 1.764ZM13.263 7.073a9 9 0 0 0-1.506-.13c-.115 0-.142.028-.148.141l-.081 1.628-.018.512a.097.097 0 0 0 .09.11l.516.083z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.