Mida icon
logos:mida
The Mida icon (logos:mida) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 114 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 × 114
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="114" viewBox="0 0 512 114"><path d="M14.814 106.333V53.37l32.643 45.228h.262l33.429-47.456v55.19h15.207V7.488h-.262L47.719 74.87L.13 7.487H0v98.846zm136.208 0V10.895h-15.338v95.438zm71.053 0q12.848 0 23.729-5.703t17.37-16.256t6.489-24.449q0-12.586-5.375-23.728q-5.375-11.144-17.108-18.222q-11.733-7.08-29.693-7.08H190.35v95.438zm-2.753-14.683H205.69V25.447h15.993q7.866 0 15.273 3.54t12.192 11.077t4.785 18.812q0 10.357-4.392 17.764t-12.192 11.208t-18.026 3.802m83.377 14.683l9.177-22.417h34.74l8.783 22.417h17.567l-42.213-99.37h-.917l-44.704 99.37zm38.804-35.527h-24.252l12.323-30.152z"/><path fill="#e7d218" d="M455.332 28.832c27.105 0 49.307 20.628 49.307 46.118c0 7.417-6.307 13.212-14.254 13.212c-7.948 0-14.254-6.025-14.254-13.212c0-11.124-9.344-19.931-21.03-19.931s-21.03 9.037-21.03 19.931c0 13.205 5.141 25.72 14.723 35.224a64 64 0 0 0 3.796 3.382a56.6 56.6 0 0 1-15.939-3.035c-2.296-2.756-4.32-5.758-6.896-10.32c-4.195-7.157-6.295-16.159-6.295-25.853c0-16.388 14.228-29.547 31.72-29.547s31.72 13.153 31.49 29.312c0 2.079 1.637 3.464 3.5 3.464c2.1 0 3.5-1.62 3.5-3.464c0-19.853-17.26-36.241-38.484-36.241S416.702 54.26 416.47 74.348c0 10.845 2.57 21.003 7.233 29.312l.412.709a57.1 57.1 0 0 1-16.705-16.823c-.984-5.068-1.146-9.236-1.146-12.366c0-7.18 1.403-13.44 3.97-19c7.948-16.69 25.703-27.348 45.098-27.348m.232 33.373c7.948 0 14.254 6.025 14.254 13.211c0 10.895 9.344 19.932 21.03 19.932c2.51 0 4.913-.417 7.138-1.18a57 57 0 0 1-10.99 9.718c-5.661-.345-10.467-1.954-14.74-4.821c-8.313-5.582-13.166-14.656-13.166-24.198c0-2.096-1.386-3.493-3.466-3.493s-3.467 1.634-3.467 3.493c0 11.868 6.005 23.038 15.933 29.786a33.4 33.4 0 0 0 9.33 4.45a56.4 56.4 0 0 1-14.29 3.963c-3.14-1.918-6.006-4.228-8.969-7.06c-8.41-8.111-12.85-19-12.85-30.59c0-7.416 6.306-13.211 14.253-13.211m-32.093-42.291c19.264-9.988 44.094-9.988 63.588 0c8.735 4.375 16.03 10.596 21.886 18.471A56.7 56.7 0 0 1 512 56.808c0 3.399-.299 6.728-.87 9.963c-4.401-25.081-27.624-44.193-55.566-44.193c-21.963 0-42.06 12.285-51.173 31.056c-2.364 4.869-3.879 10.442-4.434 16.5a57 57 0 0 1-1.573-13.326a56.8 56.8 0 0 1 2.915-18.012c5.91-7.877 13.299-14.441 22.172-18.882M455.192 0c16.048 0 30.542 6.654 40.872 17.354a66 66 0 0 0-5.758-3.25c-21.348-11.152-48.498-10.921-69.852 0a69 69 0 0 0-6.875 4.034C423.951 6.98 438.756 0 455.192 0"/></svg>How to use the Mida icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mida" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mida" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mida" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mida]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mida"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mida"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/mida.svg" alt="Mida icon" width="24" height="24">Related icons in SVG Logos
Mida icon FAQ
Is the Mida 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 Mida icon in React?
Install @iconify/react and render <Icon icon="logos:mida" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mida icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mida.svg" alt="Mida icon">, or paste the SVG code inline to style it with CSS.