Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">sx10</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="/field-systems-icons.svg#sx10" />
</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-sx10" viewBox="0 0 24 24">
<path d="M11.632 4.586a.368.368 0 0 1 .736 0v.005h-.736zm.736 9.547v-.006h-.736v.006a.368.368 0 0 0 .736 0"/>
<path fill-rule="evenodd" d="M9.647 4.591a1.88 1.88 0 0 0-1.879 1.88v5.777c0 1.038.841 1.879 1.879 1.879h4.706a1.88 1.88 0 0 0 1.879-1.879V6.47a1.88 1.88 0 0 0-1.879-1.879zM12 9.64c1.118 0 2.024-.921 2.024-2.057S13.118 5.526 12 5.526s-2.024.921-2.024 2.057S10.882 9.64 12 9.64m2.76.654a.464.464 0 0 1-.46.467.464.464 0 0 1-.46-.467c0-.258.206-.467.46-.467s.46.209.46.467m-4.876.467a.65.65 0 0 0 .644-.654.65.65 0 0 0-.644-.654.65.65 0 0 0-.644.654.65.65 0 0 0 .644.654m3.956-1.215c0 .155-.124.28-.276.28a.28.28 0 0 1-.276-.28c0-.155.124-.28.276-.28s.276.125.276.28m-2.564 1.215a.564.564 0 0 0-.564.564v1.49c0 .312.252.564.564.564h1.448a.564.564 0 0 0 .564-.564v-1.49a.564.564 0 0 0-.564-.564z"/>
<path fill-rule="evenodd" d="M6.61 1.6a.75.75 0 0 0-.749.678L5.56 5.339h-.736v14.958h14.352V5.339h-.736l-.301-3.061a.75.75 0 0 0-.748-.678zm9.99 3.74-.249-1.264a.75.75 0 0 0-.737-.606H8.386a.75.75 0 0 0-.737.606L7.4 5.339v8.597c0 .415.336.752.751.752h7.698a.75.75 0 0 0 .751-.752zm-.92 10.656v1.586h-1.051c-.132 0-.526 0-.701.264l-.701 1.057c-.093.14-.219.272-.35.272l-1.753-.007c-.131 0-.259-.126-.35-.265l-.702-1.057c-.175-.264-.57-.264-.7-.264H8.32v-1.586z"/>
<path d="M4.303 5.34h.337v14.957h-.423a.75.75 0 0 1-.474-.169l-.666-.54a.75.75 0 0 1-.277-.584V6.842c0-.83.673-1.503 1.503-1.503m15.057.001v14.957h.423a.75.75 0 0 0 .474-.169l.665-.54a.75.75 0 0 0 .278-.584V6.842c0-.55-.295-1.03-.736-1.293V1.743a.143.143 0 0 0-.285-.01l-.238 3.626a1.5 1.5 0 0 0-.244-.02zM9.24 20.67l.69 1.73h4.14l.69-1.73z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.