Moho icon
file-icons:moho
The Moho icon (file-icons:moho) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M134.934 399.018c4.38 12.461 10.19 26.734 16.438 34.245c-68.147 75.68-176.244 6.696-146.22-80.303L63.75 157.425zM82.266 106.846c-4.553 17.154-3.937 35.267 1.127 52.277c30.59 102.76 67.128 228.57 78.797 255.447c50.172 89.592 188.616 35.423 151.883-74.775l-72.552-235.51c-21.397-75.337-137.283-80.231-159.255 2.56m66.332 50.602c-19.219-11.08-19.219-38.93 0-50.01s43.373 2.845 43.373 25.005s-24.154 36.084-43.373 25.005M349.804 405.67c39.216 95.658 197.437 47.829 155.042-67.427l-72.552-235.509C402.487 4.15 243.06 43.604 273.81 151.977zm-9.229-248.57c-19.219-11.08-19.219-38.93 0-50.01s43.373 2.845 43.373 25.005s-24.154 36.085-43.373 25.005"/></svg>How to use the Moho icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:moho" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:moho" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:moho" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--moho]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:moho"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:moho"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/moho.svg" alt="Moho icon" width="24" height="24">Moho icon FAQ
Is the Moho 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 Moho icon in React?
Install @iconify/react and render <Icon icon="file-icons:moho" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Moho icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/moho.svg" alt="Moho icon">, or paste the SVG code inline to style it with CSS.