Modo icon

file-icons:modo

The Modo icon (file-icons:modo) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M255.232 205.618c-1.555-25.559 58.826-44.09 75.7-23.528c14.206 52.643 35.236 120.344 32.225 162.654c-3.597 37.268-39.98 58.735-77.235 25.575c-32.367-31.658-79.364-85.885-114.573-100.254q1.532-14.315 9.718-16.367c-10.572 1.738-15.437 9.504-15.345 22.507q0 9.723 6.138 46.289c7.711 43.366 5.277 47.104-6.905 57.542c-45.17 27.119-57.105 1.845-67.772-38.617c-27.498-134.403 55.243-188.714 161.63-87.209c11.13 30.221 24 69.471 28.644 94.625c-1.915-30.084-30.101-114.642-32.225-143.217m23.018-31.712q-17.395 7.674-24.552 19.437q-6.137-58.311 19.947-78.258c-4.435 12.62-2.9 32.223 4.605 58.821m53.45-31.2c.168 7.16-.52 11.342-2.097 12.39c-1.366 3.069-1.57 9.603-.205 18.81c-11.619-6.597-32.495-6.174-46.545-1.535c-6.161-22.807-9.517-44.454-4.092-57.286q2.04-4.604 5.627-6.138c26.923-8.153 48.02 11.148 47.313 33.758m2.302 14.832c6.534-14.655 2.456-45.274-25.063-53.194q21.986 1.536 50.637 24.04c3.014 7.346-1.847 28.881-16.368 42.453q-5.634-2.038-9.206-3.069c-.654-3.76-.73-7.212 0-10.23m1.023 18.925q-.513-1.531-.512-3.58q2.042.515 4.092 1.535c-1.023.687-2.222 1.366-3.58 2.045m21.994 45.523q-2.05-2.038-13.81-12.276c-3.203-10.272-5.8-19.88-7.161-28.131c3.404-2.047 5.962-3.749 7.672-5.116c10.23 4.436 23.353 12.62 39.385 24.552c-11.702 10.559-21.812 19.227-26.086 20.97m8.183-88.999c9.35 6.646 26.013 24.209 42.966 41.43c-5.803 7.505-12.963 15.345-21.482 23.53c-15.69-11.59-28.644-19.95-38.874-25.064c11.849-12.129 18.16-28.167 17.39-39.896m21.994 71.097q12.274 9.722 20.46 16.88c-2.389 5.457-8.528 12.45-18.413 20.97c-6.138-1.023-15.521-6.65-28.132-16.88c6.651-3.594 17.605-13.71 26.085-20.97m42.454 1.534c-2.709 3.373-9.281 7.556-18.413 12.276a1456 1456 0 0 0-20.46-16.879c7.84-7.84 14.657-15.513 20.46-23.017c9.058 10.17 19.141 21.73 18.413 27.62m-32.223 35.293c8.184-7.496 13.122-13.634 14.832-18.413c4.093-1.36 9.031-4.092 14.834-8.184c-4.334 11.348-18.937 22.775-29.666 26.597M127.71 477.547c-170.281-98.17-170.281-344.925 0-443.094S512 59.662 512 256S297.993 575.716 127.711 477.547M485.914 256c0-176.332-192.2-287.137-345.13-198.972s-152.93 309.778 0 397.944s345.13-22.64 345.13-198.972"/></svg>

How to use the Modo icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:modo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:modo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:modo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--modo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:modo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:modo"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/modo.svg" alt="Modo icon" width="24" height="24">

Modo icon in other icon sets

Modo icon FAQ

Is the Modo icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Modo icon in React?

Install @iconify/react and render <Icon icon="file-icons:modo" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Modo icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/modo.svg" alt="Modo icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →