mio logo

mio from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
mio
Set
SVG Logos
Style
Color
Viewbox
512×229
License
CC0

Use the mio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 229"><path fill="#963398" d="M156.61 17.251V228.29l-40.303-40.291H0V17.251h156.172"/><path fill="#1ebdbf" d="M174.726 0v211.039l-40.303-40.303H18.116V0z"/><path fill="#492670" d="M18.116 17.251V170.84h116.342l22.117 22.152V17.666z"/><path fill="#fff" d="M42.92 83.8c5.04 0 9.133 4.382 9.133 9.801s-4.082 9.814-9.133 9.814S33.8 99.02 33.8 93.6s4.08-9.8 9.12-9.8m43.347 0a9.79 9.79 0 0 1 9.721 9.87a9.721 9.721 0 1 1-9.721-9.871m44.005 0a9.79 9.79 0 0 1 9.71 9.87a9.71 9.71 0 1 1-9.71-9.871"/><path fill="#3e1b67" d="M489.271 90.315a40.73 40.73 0 0 1 16.214 15.614a46.9 46.9 0 0 1 0 45.226a40.8 40.8 0 0 1-16.214 15.614a49 49 0 0 1-23.72 5.627a48 48 0 0 1-23.547-5.627a40.5 40.5 0 0 1-15.96-15.614a47.28 47.28 0 0 1 .08-45.226h-.01a40.97 40.97 0 0 1 16.143-15.614a51.81 51.81 0 0 1 47.014 0m-143.048-39.6a9.8 9.8 0 0 1 .853 4.613v110.934a3.46 3.46 0 0 1-4.094 4.093h-15.487a4.6 4.6 0 0 1-3.24-.945a4.12 4.12 0 0 1-1.026-3.148v-64.346L294.4 136.222a27 27 0 0 1-3.667 3.667c-.76.59-1.69.917-2.652.934a4.6 4.6 0 0 1-2.56-.934a19.6 19.6 0 0 1-3.587-3.667l-28.828-34.306v64.346a4.07 4.07 0 0 1-1.027 3.148a4.6 4.6 0 0 1-3.24.945h-15.58a3.46 3.46 0 0 1-4.093-4.093V55.352c0-4.129 1.257-6.17 3.77-6.17c1.12.045 2.196.45 3.068 1.153a24 24 0 0 1 3.933 4.013l48.432 54.948l47.96-54.948a47 47 0 0 1 4.093-4.013a4.53 4.53 0 0 1 2.628-1.138l.267-.015c1.185-.1 2.32.499 2.906 1.534m33.476 35.99h14.84a4.76 4.76 0 0 1 3.299.935a4.16 4.16 0 0 1 1.015 3.16v75.439a4.12 4.12 0 0 1-1.015 3.148a4.7 4.7 0 0 1-3.252.945h-14.887a3.46 3.46 0 0 1-4.094-4.093V90.822a4.4 4.4 0 0 1 .934-3.182a4.37 4.37 0 0 1 3.16-.934m74.84 21.864a19.5 19.5 0 0 0-7.68 7.853a27.41 27.41 0 0 0 0 24.217a19.4 19.4 0 0 0 7.68 7.841a22.06 22.06 0 0 0 10.452 2.735l.548-.002a23.06 23.06 0 0 0 11.186-2.71a19.75 19.75 0 0 0 7.934-7.934a26.47 26.47 0 0 0 0-24.066a19.9 19.9 0 0 0-7.934-7.934a23.24 23.24 0 0 0-10.601-2.732h-.585a22.2 22.2 0 0 0-11 2.732m-60.08-62.293a13 13 0 0 1 4.866 5.04a14.85 14.85 0 0 1 0 13.837a12.47 12.47 0 0 1-4.866 4.947a14.5 14.5 0 0 1-6.779 1.789l-.474-.001a14.14 14.14 0 0 1-7.08-1.788a12.33 12.33 0 0 1-4.867-4.947a14.85 14.85 0 0 1 0-13.838a12.85 12.85 0 0 1 4.866-5.039a13.63 13.63 0 0 1 6.615-1.878l.466-.002a14 14 0 0 1 7.253 1.88"/></svg>

React

import type { SVGProps } from "react";

export function LogosMio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 229"><path fill="#963398" d="M156.61 17.251V228.29l-40.303-40.291H0V17.251h156.172"/><path fill="#1ebdbf" d="M174.726 0v211.039l-40.303-40.303H18.116V0z"/><path fill="#492670" d="M18.116 17.251V170.84h116.342l22.117 22.152V17.666z"/><path fill="#fff" d="M42.92 83.8c5.04 0 9.133 4.382 9.133 9.801s-4.082 9.814-9.133 9.814S33.8 99.02 33.8 93.6s4.08-9.8 9.12-9.8m43.347 0a9.79 9.79 0 0 1 9.721 9.87a9.721 9.721 0 1 1-9.721-9.871m44.005 0a9.79 9.79 0 0 1 9.71 9.87a9.71 9.71 0 1 1-9.71-9.871"/><path fill="#3e1b67" d="M489.271 90.315a40.73 40.73 0 0 1 16.214 15.614a46.9 46.9 0 0 1 0 45.226a40.8 40.8 0 0 1-16.214 15.614a49 49 0 0 1-23.72 5.627a48 48 0 0 1-23.547-5.627a40.5 40.5 0 0 1-15.96-15.614a47.28 47.28 0 0 1 .08-45.226h-.01a40.97 40.97 0 0 1 16.143-15.614a51.81 51.81 0 0 1 47.014 0m-143.048-39.6a9.8 9.8 0 0 1 .853 4.613v110.934a3.46 3.46 0 0 1-4.094 4.093h-15.487a4.6 4.6 0 0 1-3.24-.945a4.12 4.12 0 0 1-1.026-3.148v-64.346L294.4 136.222a27 27 0 0 1-3.667 3.667c-.76.59-1.69.917-2.652.934a4.6 4.6 0 0 1-2.56-.934a19.6 19.6 0 0 1-3.587-3.667l-28.828-34.306v64.346a4.07 4.07 0 0 1-1.027 3.148a4.6 4.6 0 0 1-3.24.945h-15.58a3.46 3.46 0 0 1-4.093-4.093V55.352c0-4.129 1.257-6.17 3.77-6.17c1.12.045 2.196.45 3.068 1.153a24 24 0 0 1 3.933 4.013l48.432 54.948l47.96-54.948a47 47 0 0 1 4.093-4.013a4.53 4.53 0 0 1 2.628-1.138l.267-.015c1.185-.1 2.32.499 2.906 1.534m33.476 35.99h14.84a4.76 4.76 0 0 1 3.299.935a4.16 4.16 0 0 1 1.015 3.16v75.439a4.12 4.12 0 0 1-1.015 3.148a4.7 4.7 0 0 1-3.252.945h-14.887a3.46 3.46 0 0 1-4.094-4.093V90.822a4.4 4.4 0 0 1 .934-3.182a4.37 4.37 0 0 1 3.16-.934m74.84 21.864a19.5 19.5 0 0 0-7.68 7.853a27.41 27.41 0 0 0 0 24.217a19.4 19.4 0 0 0 7.68 7.841a22.06 22.06 0 0 0 10.452 2.735l.548-.002a23.06 23.06 0 0 0 11.186-2.71a19.75 19.75 0 0 0 7.934-7.934a26.47 26.47 0 0 0 0-24.066a19.9 19.9 0 0 0-7.934-7.934a23.24 23.24 0 0 0-10.601-2.732h-.585a22.2 22.2 0 0 0-11 2.732m-60.08-62.293a13 13 0 0 1 4.866 5.04a14.85 14.85 0 0 1 0 13.837a12.47 12.47 0 0 1-4.866 4.947a14.5 14.5 0 0 1-6.779 1.789l-.474-.001a14.14 14.14 0 0 1-7.08-1.788a12.33 12.33 0 0 1-4.867-4.947a14.85 14.85 0 0 1 0-13.838a12.85 12.85 0 0 1 4.866-5.039a13.63 13.63 0 0 1 6.615-1.878l.466-.002a14 14 0 0 1 7.253 1.88"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 229"><path fill="#963398" d="M156.61 17.251V228.29l-40.303-40.291H0V17.251h156.172"/><path fill="#1ebdbf" d="M174.726 0v211.039l-40.303-40.303H18.116V0z"/><path fill="#492670" d="M18.116 17.251V170.84h116.342l22.117 22.152V17.666z"/><path fill="#fff" d="M42.92 83.8c5.04 0 9.133 4.382 9.133 9.801s-4.082 9.814-9.133 9.814S33.8 99.02 33.8 93.6s4.08-9.8 9.12-9.8m43.347 0a9.79 9.79 0 0 1 9.721 9.87a9.721 9.721 0 1 1-9.721-9.871m44.005 0a9.79 9.79 0 0 1 9.71 9.87a9.71 9.71 0 1 1-9.71-9.871"/><path fill="#3e1b67" d="M489.271 90.315a40.73 40.73 0 0 1 16.214 15.614a46.9 46.9 0 0 1 0 45.226a40.8 40.8 0 0 1-16.214 15.614a49 49 0 0 1-23.72 5.627a48 48 0 0 1-23.547-5.627a40.5 40.5 0 0 1-15.96-15.614a47.28 47.28 0 0 1 .08-45.226h-.01a40.97 40.97 0 0 1 16.143-15.614a51.81 51.81 0 0 1 47.014 0m-143.048-39.6a9.8 9.8 0 0 1 .853 4.613v110.934a3.46 3.46 0 0 1-4.094 4.093h-15.487a4.6 4.6 0 0 1-3.24-.945a4.12 4.12 0 0 1-1.026-3.148v-64.346L294.4 136.222a27 27 0 0 1-3.667 3.667c-.76.59-1.69.917-2.652.934a4.6 4.6 0 0 1-2.56-.934a19.6 19.6 0 0 1-3.587-3.667l-28.828-34.306v64.346a4.07 4.07 0 0 1-1.027 3.148a4.6 4.6 0 0 1-3.24.945h-15.58a3.46 3.46 0 0 1-4.093-4.093V55.352c0-4.129 1.257-6.17 3.77-6.17c1.12.045 2.196.45 3.068 1.153a24 24 0 0 1 3.933 4.013l48.432 54.948l47.96-54.948a47 47 0 0 1 4.093-4.013a4.53 4.53 0 0 1 2.628-1.138l.267-.015c1.185-.1 2.32.499 2.906 1.534m33.476 35.99h14.84a4.76 4.76 0 0 1 3.299.935a4.16 4.16 0 0 1 1.015 3.16v75.439a4.12 4.12 0 0 1-1.015 3.148a4.7 4.7 0 0 1-3.252.945h-14.887a3.46 3.46 0 0 1-4.094-4.093V90.822a4.4 4.4 0 0 1 .934-3.182a4.37 4.37 0 0 1 3.16-.934m74.84 21.864a19.5 19.5 0 0 0-7.68 7.853a27.41 27.41 0 0 0 0 24.217a19.4 19.4 0 0 0 7.68 7.841a22.06 22.06 0 0 0 10.452 2.735l.548-.002a23.06 23.06 0 0 0 11.186-2.71a19.75 19.75 0 0 0 7.934-7.934a26.47 26.47 0 0 0 0-24.066a19.9 19.9 0 0 0-7.934-7.934a23.24 23.24 0 0 0-10.601-2.732h-.585a22.2 22.2 0 0 0-11 2.732m-60.08-62.293a13 13 0 0 1 4.866 5.04a14.85 14.85 0 0 1 0 13.837a12.47 12.47 0 0 1-4.866 4.947a14.5 14.5 0 0 1-6.779 1.789l-.474-.001a14.14 14.14 0 0 1-7.08-1.788a12.33 12.33 0 0 1-4.867-4.947a14.85 14.85 0 0 1 0-13.838a12.85 12.85 0 0 1 4.866-5.039a13.63 13.63 0 0 1 6.615-1.878l.466-.002a14 14 0 0 1 7.253 1.88"/></svg>
</template>

CSS

.icon-mio {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20229%22%3E%3Cpath%20fill%3D%22%23963398%22%20d%3D%22M156.61%2017.251V228.29l-40.303-40.291H0V17.251h156.172%22%2F%3E%3Cpath%20fill%3D%22%231ebdbf%22%20d%3D%22M174.726%200v211.039l-40.303-40.303H18.116V0z%22%2F%3E%3Cpath%20fill%3D%22%23492670%22%20d%3D%22M18.116%2017.251V170.84h116.342l22.117%2022.152V17.666z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M42.92%2083.8c5.04%200%209.133%204.382%209.133%209.801s-4.082%209.814-9.133%209.814S33.8%2099.02%2033.8%2093.6s4.08-9.8%209.12-9.8m43.347%200a9.79%209.79%200%200%201%209.721%209.87a9.721%209.721%200%201%201-9.721-9.871m44.005%200a9.79%209.79%200%200%201%209.71%209.87a9.71%209.71%200%201%201-9.71-9.871%22%2F%3E%3Cpath%20fill%3D%22%233e1b67%22%20d%3D%22M489.271%2090.315a40.73%2040.73%200%200%201%2016.214%2015.614a46.9%2046.9%200%200%201%200%2045.226a40.8%2040.8%200%200%201-16.214%2015.614a49%2049%200%200%201-23.72%205.627a48%2048%200%200%201-23.547-5.627a40.5%2040.5%200%200%201-15.96-15.614a47.28%2047.28%200%200%201%20.08-45.226h-.01a40.97%2040.97%200%200%201%2016.143-15.614a51.81%2051.81%200%200%201%2047.014%200m-143.048-39.6a9.8%209.8%200%200%201%20.853%204.613v110.934a3.46%203.46%200%200%201-4.094%204.093h-15.487a4.6%204.6%200%200%201-3.24-.945a4.12%204.12%200%200%201-1.026-3.148v-64.346L294.4%20136.222a27%2027%200%200%201-3.667%203.667c-.76.59-1.69.917-2.652.934a4.6%204.6%200%200%201-2.56-.934a19.6%2019.6%200%200%201-3.587-3.667l-28.828-34.306v64.346a4.07%204.07%200%200%201-1.027%203.148a4.6%204.6%200%200%201-3.24.945h-15.58a3.46%203.46%200%200%201-4.093-4.093V55.352c0-4.129%201.257-6.17%203.77-6.17c1.12.045%202.196.45%203.068%201.153a24%2024%200%200%201%203.933%204.013l48.432%2054.948l47.96-54.948a47%2047%200%200%201%204.093-4.013a4.53%204.53%200%200%201%202.628-1.138l.267-.015c1.185-.1%202.32.499%202.906%201.534m33.476%2035.99h14.84a4.76%204.76%200%200%201%203.299.935a4.16%204.16%200%200%201%201.015%203.16v75.439a4.12%204.12%200%200%201-1.015%203.148a4.7%204.7%200%200%201-3.252.945h-14.887a3.46%203.46%200%200%201-4.094-4.093V90.822a4.4%204.4%200%200%201%20.934-3.182a4.37%204.37%200%200%201%203.16-.934m74.84%2021.864a19.5%2019.5%200%200%200-7.68%207.853a27.41%2027.41%200%200%200%200%2024.217a19.4%2019.4%200%200%200%207.68%207.841a22.06%2022.06%200%200%200%2010.452%202.735l.548-.002a23.06%2023.06%200%200%200%2011.186-2.71a19.75%2019.75%200%200%200%207.934-7.934a26.47%2026.47%200%200%200%200-24.066a19.9%2019.9%200%200%200-7.934-7.934a23.24%2023.24%200%200%200-10.601-2.732h-.585a22.2%2022.2%200%200%200-11%202.732m-60.08-62.293a13%2013%200%200%201%204.866%205.04a14.85%2014.85%200%200%201%200%2013.837a12.47%2012.47%200%200%201-4.866%204.947a14.5%2014.5%200%200%201-6.779%201.789l-.474-.001a14.14%2014.14%200%200%201-7.08-1.788a12.33%2012.33%200%200%201-4.867-4.947a14.85%2014.85%200%200%201%200-13.838a12.85%2012.85%200%200%201%204.866-5.039a13.63%2013.63%200%200%201%206.615-1.878l.466-.002a14%2014%200%200%201%207.253%201.88%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20229%22%3E%3Cpath%20fill%3D%22%23963398%22%20d%3D%22M156.61%2017.251V228.29l-40.303-40.291H0V17.251h156.172%22%2F%3E%3Cpath%20fill%3D%22%231ebdbf%22%20d%3D%22M174.726%200v211.039l-40.303-40.303H18.116V0z%22%2F%3E%3Cpath%20fill%3D%22%23492670%22%20d%3D%22M18.116%2017.251V170.84h116.342l22.117%2022.152V17.666z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M42.92%2083.8c5.04%200%209.133%204.382%209.133%209.801s-4.082%209.814-9.133%209.814S33.8%2099.02%2033.8%2093.6s4.08-9.8%209.12-9.8m43.347%200a9.79%209.79%200%200%201%209.721%209.87a9.721%209.721%200%201%201-9.721-9.871m44.005%200a9.79%209.79%200%200%201%209.71%209.87a9.71%209.71%200%201%201-9.71-9.871%22%2F%3E%3Cpath%20fill%3D%22%233e1b67%22%20d%3D%22M489.271%2090.315a40.73%2040.73%200%200%201%2016.214%2015.614a46.9%2046.9%200%200%201%200%2045.226a40.8%2040.8%200%200%201-16.214%2015.614a49%2049%200%200%201-23.72%205.627a48%2048%200%200%201-23.547-5.627a40.5%2040.5%200%200%201-15.96-15.614a47.28%2047.28%200%200%201%20.08-45.226h-.01a40.97%2040.97%200%200%201%2016.143-15.614a51.81%2051.81%200%200%201%2047.014%200m-143.048-39.6a9.8%209.8%200%200%201%20.853%204.613v110.934a3.46%203.46%200%200%201-4.094%204.093h-15.487a4.6%204.6%200%200%201-3.24-.945a4.12%204.12%200%200%201-1.026-3.148v-64.346L294.4%20136.222a27%2027%200%200%201-3.667%203.667c-.76.59-1.69.917-2.652.934a4.6%204.6%200%200%201-2.56-.934a19.6%2019.6%200%200%201-3.587-3.667l-28.828-34.306v64.346a4.07%204.07%200%200%201-1.027%203.148a4.6%204.6%200%200%201-3.24.945h-15.58a3.46%203.46%200%200%201-4.093-4.093V55.352c0-4.129%201.257-6.17%203.77-6.17c1.12.045%202.196.45%203.068%201.153a24%2024%200%200%201%203.933%204.013l48.432%2054.948l47.96-54.948a47%2047%200%200%201%204.093-4.013a4.53%204.53%200%200%201%202.628-1.138l.267-.015c1.185-.1%202.32.499%202.906%201.534m33.476%2035.99h14.84a4.76%204.76%200%200%201%203.299.935a4.16%204.16%200%200%201%201.015%203.16v75.439a4.12%204.12%200%200%201-1.015%203.148a4.7%204.7%200%200%201-3.252.945h-14.887a3.46%203.46%200%200%201-4.094-4.093V90.822a4.4%204.4%200%200%201%20.934-3.182a4.37%204.37%200%200%201%203.16-.934m74.84%2021.864a19.5%2019.5%200%200%200-7.68%207.853a27.41%2027.41%200%200%200%200%2024.217a19.4%2019.4%200%200%200%207.68%207.841a22.06%2022.06%200%200%200%2010.452%202.735l.548-.002a23.06%2023.06%200%200%200%2011.186-2.71a19.75%2019.75%200%200%200%207.934-7.934a26.47%2026.47%200%200%200%200-24.066a19.9%2019.9%200%200%200-7.934-7.934a23.24%2023.24%200%200%200-10.601-2.732h-.585a22.2%2022.2%200%200%200-11%202.732m-60.08-62.293a13%2013%200%200%201%204.866%205.04a14.85%2014.85%200%200%201%200%2013.837a12.47%2012.47%200%200%201-4.866%204.947a14.5%2014.5%200%200%201-6.779%201.789l-.474-.001a14.14%2014.14%200%200%201-7.08-1.788a12.33%2012.33%200%200%201-4.867-4.947a14.85%2014.85%200%200%201%200-13.838a12.85%2012.85%200%200%201%204.866-5.039a13.63%2013.63%200%200%201%206.615-1.878l.466-.002a14%2014%200%200%201%207.253%201.88%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/mio.svg?color=%231a73e8&size=48