Иконка Microsoft Visio

file-icons:microsoft-visio

Иконка Microsoft Visio (file-icons:microsoft-visio) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512
Теги: microsoftvisio

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M493.67 54.557H291.671V13.639L0 65.05v381.902l291.672 51.41v-43.016H493.67c10.124 0 18.331-8.207 18.331-18.33V72.887c0-10.124-8.207-18.331-18.33-18.331m-146.547 218.16l-55.45.001v-93.6h48.933l52.901 52.9v89.03h-35.892V283.21c-.07-6.124-4.933-10.422-10.492-10.492m12.667-104.091L404 124.415l44.21 44.21l-44.21 44.21zm-68.118 125.076l44.96-.001v77.64h-44.96zM146.885 338.36l-35.672-1.05l-41.967-161.573l31.475-2.099l28.853 122.754l29.901-126.95l35.148-1.574zm210.73 43.471v-39.8H404c5.794 0 10.492-4.698 10.492-10.492v-99.52l55.976-55.976c4.566-4.915 3.66-11.094 0-14.838l-59.048-59.048c-4.098-4.097-10.74-4.096-14.838 0l-55.975 55.976h-48.934V80.787h193.049v346.23h-193.05v-34.693h55.452c5.938-.123 10.398-4.512 10.492-10.492"/></svg>

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

React

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

<Icon icon="file-icons:microsoft-visio" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:microsoft-visio" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:microsoft-visio" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--microsoft-visio]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:microsoft-visio"></div>

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

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

<iconify-icon icon="file-icons:microsoft-visio"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/file-icons/microsoft-visio.svg" alt="Иконка Microsoft Visio" width="24" height="24">

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

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

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

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

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

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

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

Все File Icons →