Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">file_type_bmpf</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="/modus-solid-icons.svg#file-type-bmpf" />
</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-file-type-bmpf" viewBox="0 0 24 24">
<path d="M24 16.6v-1.48h-4.03v6.82h1.82v-2.56h2.04V17.9h-2.04v-1.3h2.22Zm-4-8.25c0-.27-.11-.52-.29-.71L14.3 2.23a1 1 0 0 0-.71-.29H6c-1.1 0-2 .9-2 2v9c0 .55.45 1 1 1s1-.45 1-1v-9h6v5c0 .55.45 1 1 1h5v3c0 .55.45 1 1 1s1-.45 1-1zM9.71 19.96h-.04l-1.42-4.84H5.79v6.82h1.63v-2.96c0-.46-.03-1.11-.1-1.95h.04l1.4 4.91h1.75l1.38-4.91h.04c-.04.74-.06 1.21-.06 1.4v3.51h1.69v-6.82H11.1zm-5.66-1.59v-.05c.32-.08.58-.25.77-.52.2-.27.29-.6.29-.98 0-.58-.23-1.01-.67-1.29s-1.14-.41-2.07-.41H0v6.82h2.66c.8 0 1.44-.18 1.9-.53.46-.36.7-.84.7-1.46 0-.42-.09-.76-.28-1.02s-.5-.45-.92-.56Zm-2.21-1.85h.52q.87 0 .87.57c0 .21-.07.38-.22.49-.14.11-.35.16-.61.16h-.55v-1.22Zm.65 4h-.65v-1.43h.61c.29 0 .52.06.67.18s.23.3.23.52c0 .49-.29.73-.86.73m14.42-5.35h-2.36v6.82h1.84v-2.26h.52c.83 0 1.47-.21 1.92-.62s.67-1 .67-1.77c0-.69-.22-1.23-.65-1.61s-1.08-.56-1.94-.56m.48 2.83c-.16.16-.38.23-.66.23h-.34v-1.57h.48c.51 0 .77.23.77.69 0 .27-.08.49-.25.64Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.