Miro icon
logos:miro
The Miro icon (logos:miro) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 188 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
- 512 × 188
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="188" viewBox="0 0 512 188"><path d="M387.729 95.357v41.362h16.944V97.893c0-17.292 23.538-17.32 23.538-17.32V63.745l-1.718.106c-2.3.166-6.505.556-10.063 1.357l-2.1.501c-13.942 3.535-26.601 11.02-26.601 29.648M260 62.908c6.6 0 14.848 3.734 19.338 10.303c4.65-5.974 12.295-10.005 21.742-10.158c12-.154 26.84 7.315 26.84 29.717v43.898h-16.949V92.77c0-7.469-5.4-12.838-13.485-12.838s-13.49 5.37-13.49 12.838v43.898h-16.943V92.77c0-7.469-5.396-12.838-13.489-12.838s-13.643 5.37-13.643 12.838v43.898H222.1V65.133h17.822v7.186c4.535-5.497 11.066-9.005 18.725-9.378zm106.883 3.136v70.676H349.65V66.044zm-8.618-11.245c5.312 0 9.62-4.286 9.62-9.573s-4.308-9.573-9.62-9.573c-5.313 0-9.62 4.286-9.62 9.573s4.307 9.573 9.62 9.573m115.959 7.956c-20.864 0-37.775 16.828-37.775 37.59s16.91 37.591 37.775 37.591S512 121.108 512 100.346s-16.91-37.59-37.775-37.59m0 58.279c-11.809 0-21.387-9.527-21.387-21.283s9.573-21.282 21.387-21.282s21.387 9.526 21.387 21.282s-9.573 21.283-21.387 21.283"/><path fill="#fd3" d="M0 46.758C0 20.934 20.934 0 46.758 0h93.516c25.824 0 46.758 20.934 46.758 46.758v93.516c0 25.824-20.934 46.758-46.758 46.758H46.758C20.934 187.032 0 166.098 0 140.274z"/><path d="M124.344 35.653h-16.979l14.148 24.859l-31.126-24.859H73.409l15.563 30.384L56.43 35.653H39.452L56.43 74.328l-16.978 77.343H56.43l32.542-82.868l-15.563 82.868h16.978l31.126-88.393l-14.148 88.393h16.979l31.126-96.684z"/></svg>How to use the Miro icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:miro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:miro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:miro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--miro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:miro"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:miro"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/miro.svg" alt="Miro icon" width="24" height="24">Related icons in SVG Logos
Miro icon in other icon sets
Miro icon FAQ
Is the Miro 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 Miro icon in React?
Install @iconify/react and render <Icon icon="logos:miro" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Miro icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/miro.svg" alt="Miro icon">, or paste the SVG code inline to style it with CSS.