Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">placeholder</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#placeholder" />
</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-placeholder" viewBox="0 0 24 24">
<path d="M6.419 3.395c-.412 0-.802.082-1.157.23a.698.698 0 1 1-.535-1.29A4.4 4.4 0 0 1 6.419 2h1.395a.698.698 0 1 1 0 1.395zm3.488-.697c0-.386.312-.698.698-.698h2.79a.698.698 0 1 1 0 1.395h-2.79a.7.7 0 0 1-.698-.697m5.581 0c0-.386.313-.698.698-.698h1.395c.598 0 1.17.12 1.692.336a.698.698 0 0 1-.535 1.288 3 3 0 0 0-1.157-.229h-1.395a.7.7 0 0 1-.698-.697M3.247 4.35a.7.7 0 0 1 .377.912 3 3 0 0 0-.229 1.157v1.395a.698.698 0 1 1-1.395 0V6.419c0-.598.12-1.17.336-1.692a.7.7 0 0 1 .911-.377m17.506 0a.7.7 0 0 1 .911.377A4.4 4.4 0 0 1 22 6.419v1.395a.698.698 0 0 1-1.395 0V6.419c0-.412-.082-.802-.23-1.157a.7.7 0 0 1 .378-.912M2.698 9.907c.385 0 .697.312.697.698v2.79a.698.698 0 1 1-1.395 0v-2.79c0-.386.312-.698.698-.698m18.604 0c.386 0 .698.312.698.698v2.79a.698.698 0 1 1-1.395 0v-2.79c0-.386.312-.698.697-.698M2.698 15.488c.385 0 .697.313.697.698v1.395c0 .412.082.802.23 1.157a.698.698 0 0 1-1.29.535A4.4 4.4 0 0 1 2 17.581v-1.395c0-.385.312-.698.698-.698m18.604 0c.386 0 .698.313.698.698v1.395c0 .598-.12 1.17-.336 1.692a.698.698 0 1 1-1.289-.535c.148-.355.23-.745.23-1.157v-1.395c0-.385.312-.698.697-.698M4.35 20.753a.7.7 0 0 1 .912-.378c.355.148.745.23 1.157.23h1.395a.698.698 0 1 1 0 1.395H6.419c-.598 0-1.17-.12-1.692-.336a.7.7 0 0 1-.377-.911m15.3 0a.7.7 0 0 1-.377.911 4.4 4.4 0 0 1-1.692.336h-1.395a.698.698 0 0 1 0-1.395h1.395c.412 0 .802-.082 1.157-.23a.7.7 0 0 1 .912.378m-9.743.549c0-.385.312-.697.698-.697h2.79a.698.698 0 1 1 0 1.395h-2.79a.7.7 0 0 1-.698-.698M19.935 5.108a.698.698 0 0 0-.986-.987l-.927.927a.698.698 0 0 0 .987.987zm-2.78 2.78a.698.698 0 0 0-.987-.987l-1.853 1.854a.698.698 0 1 0 .987.986zm-3.707 3.707a.698.698 0 1 0-.986-.987L12 11.07l-.462-.462a.698.698 0 1 0-.986.987l.461.461-.405.406a.698.698 0 1 0 .987.986l.405-.405.405.405a.698.698 0 0 0 .987-.986l-.405-.406zm-3.707 3.707a.698.698 0 0 0-.986-.987L6.9 16.168a.698.698 0 0 0 .987.987zm-3.706 3.707a.698.698 0 0 0-.987-.987l-.927.927a.698.698 0 0 0 .987.986zm12.857.926a.698.698 0 0 0 .987-.986l-.927-.927a.698.698 0 0 0-.987.987zm-2.78-2.78a.698.698 0 0 0 .987-.987l-1.854-1.853a.698.698 0 1 0-.986.987zM8.698 9.741a.698.698 0 1 0 .987-.986L7.832 6.9a.698.698 0 0 0-.987.987zM4.992 6.035a.698.698 0 1 0 .986-.987l-.927-.927a.698.698 0 1 0-.986.987zm4.269 1.211c.277-.084.572-.13.879-.13h.697a.698.698 0 0 0 0-1.395h-.697q-.67.002-1.283.19a.698.698 0 1 0 .404 1.335m3.902-1.526a.698.698 0 0 0 0 1.396h.697c.307 0 .602.046.879.13a.698.698 0 0 0 .404-1.336 4.4 4.4 0 0 0-1.283-.19zM7.246 9.261a.698.698 0 1 0-1.336-.404c-.123.407-.19.837-.19 1.283v.697a.698.698 0 0 0 1.396 0v-.697c0-.307.046-.602.13-.879m10.844-.404a.698.698 0 1 0-1.336.404q.128.417.13.879v.697a.698.698 0 0 0 1.395 0v-.697a4.4 4.4 0 0 0-.19-1.283M7.116 13.163a.698.698 0 0 0-1.395 0v.697q.002.67.19 1.283a.698.698 0 0 0 1.335-.404 3 3 0 0 1-.13-.879zm11.164 0a.698.698 0 0 0-1.396 0v.697q-.002.462-.13.879a.698.698 0 0 0 1.336.404 4.4 4.4 0 0 0 .19-1.283zm-9.019 3.591a.698.698 0 1 0-.404 1.336c.407.123.837.19 1.283.19h.697a.698.698 0 0 0 0-1.396h-.697q-.462-.002-.879-.13m5.882 1.336a.698.698 0 0 0-.404-1.336q-.417.128-.879.13h-.697a.698.698 0 0 0 0 1.395h.697q.67-.002 1.283-.19"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.