Mono icon
logos:mono
The Mono icon (logos:mono) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 329 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 329
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="329" viewBox="0 0 256 329"><path fill="#1a1918" d="M239.967 0H16.034C7.179 0 0 7.178 0 16.033v84.57l50.391-14.077l33.542 13.91l-27.45-13.91S37.176 75.974 33.778 62.14s13.816-29.62 13.816-29.62l62.266 7.966l-33.87-6.378s11.88-7.912 38.598-7.052c29.323.942 70.64 8.354 77.457 15.172c6.82 6.82 19.526 52.875 12.222 60.182c-3.432 3.43-47.254-7.323-47.254-7.323l36.558 11.59s20.275 46.532 7.449 86.552c0 0-27.91-15.146-50.009-45.054c18.311 38.321 48.294 50.61 48.294 50.61s-11.272 30.34-17.8 36.867L75.16 189.926l-53.99 66.072h218.798c8.856 0 16.033-7.179 16.033-16.033V16.033C256 7.178 248.823 0 239.967 0M44.92 303.075v17.262q0 4.091-1.88 6.134t-4.963 2.044q-2.99 0-4.845-2.044q-1.854-2.042-1.855-6.134V299.65c0-3.266-.113-5.8-.337-7.61q-.336-2.708-1.822-4.444q-1.485-1.737-4.697-1.737q-6.425.001-8.462 4.376q-2.039 4.376-2.038 12.554v17.548q0 4.042-1.855 6.11q-1.856 2.067-4.891 2.068q-2.99 0-4.895-2.068c-1.27-1.378-1.9-3.416-1.9-6.112v-37.146q0-3.663 1.709-5.565t4.507-1.903q2.7 0 4.505 1.785q1.808 1.785 1.809 4.926v1.238q3.41-4.045 7.303-5.95t8.65-1.906q4.948 0 8.505 1.953q3.555 1.951 5.863 5.903q3.309-3.998 7.098-5.928q3.787-1.926 8.394-1.928q5.37 0 9.255 2.095q3.883 2.095 5.805 5.997q1.673 3.521 1.674 11.083v25.348q0 4.09-1.868 6.134q-1.865 2.044-4.928 2.044q-2.968 0-4.857-2.068q-1.892-2.068-1.89-6.11v-21.828q-.001-4.184-.362-6.704q-.36-2.52-1.943-4.234q-1.585-1.713-4.801-1.712q-2.594 0-4.923 1.523q-2.33 1.52-3.624 4.088q-1.44 3.283-1.44 11.605m92.326-.914c0 3.87-.61 7.434-1.821 10.7q-1.82 4.898-5.27 8.417t-8.238 5.398q-4.793 1.875-10.778 1.877q-5.94-.002-10.683-1.904t-8.214-5.448q-3.473-3.548-5.269-8.378q-1.796-4.831-1.795-10.687q0-5.9 1.82-10.804q1.817-4.901 5.22-8.376q3.402-3.473 8.24-5.355q4.838-1.88 10.681-1.88q5.94 0 10.778 1.905q4.838 1.908 8.285 5.432q3.45 3.525 5.246 8.384q1.797 4.86 1.798 10.72m-13.149 0q-.002-7.944-3.515-12.364q-3.514-4.422-9.443-4.423q-3.828 0-6.742 1.973q-2.916 1.974-4.493 5.825t-1.578 8.99q0 5.087 1.553 8.892q1.554 3.804 4.448 5.825q2.892 2.021 6.812 2.02q5.929 0 9.443-4.445q3.513-4.447 3.515-12.293m35.396-19.252v1.569q3.449-4.522 7.544-6.64q4.092-2.118 9.41-2.118q5.173 0 9.244 2.237t6.083 6.332a15 15 0 0 1 1.674 5.14q.383 2.76.384 7.044v24.178q-.001 3.904-1.795 5.904q-1.793 1.996-4.665 1.997q-2.922-.001-4.738-2.047q-1.819-2.045-1.819-5.854v-21.657q0-6.423-1.797-9.826q-1.8-3.403-7.164-3.404q-3.5 0-6.375 2.071q-2.875 2.07-4.215 5.687q-.962 2.904-.96 10.852v16.277q0 3.95-1.837 5.925q-1.835 1.976-4.743 1.976q-2.813-.001-4.625-2.047q-1.811-2.045-1.812-5.854v-37.555q0-3.711 1.62-5.544q1.622-1.831 4.434-1.832q1.718 0 3.101.809q1.38.81 2.217 2.427q.832 1.62.834 3.952m96.449 19.252q-.001 5.803-1.82 10.7q-1.82 4.898-5.27 8.417q-3.448 3.52-8.238 5.398q-4.792 1.875-10.777 1.877q-5.941-.002-10.683-1.904q-4.744-1.902-8.214-5.448q-3.473-3.548-5.27-8.378q-1.796-4.831-1.796-10.687q0-5.9 1.821-10.804q1.818-4.901 5.22-8.376q3.402-3.473 8.241-5.355q4.838-1.88 10.68-1.88q5.94 0 10.778 1.905q4.837 1.908 8.286 5.432t5.245 8.384t1.797 10.72m-13.148 0q0-7.944-3.516-12.364q-3.512-4.422-9.441-4.423q-3.828 0-6.743 1.973t-4.493 5.825t-1.578 8.99q0 5.087 1.553 8.892q1.554 3.804 4.448 5.825q2.892 2.021 6.813 2.02q5.93 0 9.441-4.445q3.515-4.447 3.516-12.293"/></svg>How to use the Mono icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mono" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mono" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mono" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mono]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mono"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mono"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/mono.svg" alt="Mono icon" width="24" height="24">Mono icon in other icon sets
Mono icon FAQ
Is the Mono icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Mono icon in React?
Install @iconify/react and render <Icon icon="logos:mono" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mono icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mono.svg" alt="Mono icon">, or paste the SVG code inline to style it with CSS.