Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">receiver_generic_outline</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#receiver-generic-outline" />
</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-receiver-generic-outline" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M21.543 9.365c.06.284.041.578-.047.844.254.28.43.664.472 1.116.042.448.043.83 0 1.28-.086.923-.826 1.105-.935 1.858-.158 1.089-.146 2.337-.523 3.351a2.8 2.8 0 0 1-.825 1.2 2.85 2.85 0 0 1-1.404.629c-3.909.536-8.912.385-12.129.09a2.7 2.7 0 0 1-1.69-.774c-.45-.443-.716-.997-.883-1.51-.25-.77-.338-1.703-.397-2.34-.078-.823-.993-1.498-1.124-2.394a5 5 0 0 1 0-1.51c.059-.403.223-.739.448-.99a1.63 1.63 0 0 1-.05-.85c.446-2.137 2.02-3.478 3.709-4.255 1.722-.792 3.833-1.137 5.884-1.108s4.149.433 5.848 1.236c1.645.777 3.22 2.082 3.646 4.127m-1.185.333c-1.145-5.49-15.48-5.926-16.716 0zm-14.11 8.624c3.178.29 8.093.436 11.89-.085 1.656-.355 1.692-4.009 1.692-4.009H4.17s.014 3.905 2.078 4.094m3.607-1.195c.175.2.416.323.682.323h2.926a.9.9 0 0 0 .674-.313c.186-.206.302-.497.302-.82 0-.252-.071-.485-.191-.673-.178-.278-.463-.459-.785-.459h-2.926c-.322 0-.607.18-.785.459-.12.188-.191.421-.191.674 0 .317.112.604.294.81m-6.247-6.013c-.17 0-.32.135-.348.33-.055.37-.053.664 0 1.035.03.196.18.334.351.334H20.4c.18 0 .336-.153.355-.361a5 5 0 0 0 0-.976c-.02-.209-.175-.362-.356-.362z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.