Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">mouse_scroll</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="/connect-icons.svg#mouse-scroll" />
</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-connect mi-mouse-scroll" viewBox="0 0 24 24">
<path d="M19.285 15.794v.75h.75v-.75zm-.004 0v-.75h-.721l-.028.72zM12.143 22v.75zm-7.138-6.206.75-.03-.029-.72h-.721zm-.005 0h-.75v.75H5zm0-5.058.216-.718-.966-.29v1.008zm7.143.805v.75zm7.142-.805h.75V9.728l-.965.29zm0 5.058v-.75h-.004v1.5h.004zm-.004 0-.75-.03c-.115 2.98-2.862 5.486-6.388 5.486v1.5c4.192 0 7.735-3.01 7.888-6.927zM12.143 22v-.75c-3.526 0-6.273-2.506-6.389-5.486l-.75.03-.749.029c.153 3.917 3.695 6.927 7.888 6.927zm-7.138-6.206v-.75H5v1.5h.005zm-.005 0h.75v-5.058h-1.5v5.058zm0-5.058-.215.718h.001l.003.002.008.002.029.008.103.029q.136.036.388.097c.336.079.827.183 1.459.286 1.263.207 3.09.413 5.367.413v-1.5a32 32 0 0 1-5.124-.393 20 20 0 0 1-1.36-.266 12 12 0 0 1-.444-.114zm7.143.805v.75c4.537 0 7.286-.815 7.357-.837l-.215-.718-.215-.719c.035-.01-2.567.774-6.927.774zm7.142-.805h-.75v5.058h1.5v-5.058z"/>
<path d="M12.143 2h.75v-.75h-.75zm0 9.54h-.75v.517l.483.184zm0 0v.75l.267-1.45zm0 0v.75zM5 10.735h-.75v.558l.534.16zm0-2.298h-.75zM12.143 2v-.75zm0 0h-.75v9.54h1.5V2zm0 9.54-.267.7zl.267-.7zm0 0v-.75zv.75zm0 0v-.75a32 32 0 0 1-5.124-.392 21 21 0 0 1-1.36-.267 12 12 0 0 1-.423-.108l-.018-.005-.003-.001-.215.718-.215.719h.001l.003.001.008.002.029.009.103.028q.136.037.388.097c.336.08.827.183 1.459.287 1.263.207 3.09.412 5.367.412zM5 10.735h.75V8.437h-1.5v2.298zm0-2.298h.75c0-3.07 2.787-5.687 6.393-5.687v-1.5c-4.284 0-7.893 3.146-7.893 7.187zM12.143 2v.75zv-.75z"/>
<path d="M12.142 2h-.75v-.75h.75zm0 9.54-.53.53-.22-.22v-.31zm.001 0v.75h-.31l-.22-.22zm7.143-.804h.75v.557l-.535.16zm0-2.3h.75zM12.143 2v-.75zm0 0h.75v9.54h-1.5V2zm0 9.54.53-.531zl-.53.53h-.001zm0 0v-.75c2.187 0 3.932-.197 5.124-.392a20 20 0 0 0 1.359-.267q.229-.054.341-.085l.082-.023.018-.005.004-.001.215.719.215.718H19.5l-.003.001-.009.003-.028.008-.104.028q-.134.037-.387.097c-.337.08-.828.183-1.46.287a33.4 33.4 0 0 1-5.366.412zm7.143-.804h-.75v-2.3h1.5v2.3zm0-2.3h-.75c0-3.068-2.787-5.686-6.393-5.686v-1.5c4.284 0 7.893 3.146 7.893 7.187zM12.143 2v.75zv-.75z"/>
<path d="M11.122 5.09a1.02 1.02 0 1 1 2.04 0v3.476a1.02 1.02 0 1 1-2.04 0z"/>
<path d="M12.413 5.09a.27.27 0 0 0-.54 0v3.477a.27.27 0 0 0 .54 0zm1.5 3.477a1.77 1.77 0 0 1-3.54 0V5.09a1.77 1.77 0 0 1 3.54 0z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.