ICONYZ
Русский
Иконка Mio из набора SVG Logos

Иконка Mio

logos:mio

Иконка Mio (logos:mio) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 229. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
SVG Logos
Автор
Gil Barbara
Лицензия
CC0-1.0
Размер
512 × 229
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="229" 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>

Как использовать иконку Mio

React

import { Icon } from "@iconify/react";

<Icon icon="logos:mio" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:mio" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:mio" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mio]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mio"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:mio"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/mio.svg" alt="Иконка Mio" width="24" height="24">

Вопросы и ответы: Иконка Mio

Можно ли бесплатно использовать иконку Mio в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Mio в React?

Установите @iconify/react и выведите <Icon icon="logos:mio" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Mio на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/mio.svg" alt="Иконка Mio">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →