Иконка File Type Moniq

vscode-icons:file-type-moniq

Иконка File Type Moniq (vscode-icons:file-type-moniq) — бесплатная SVG-иконка из набора VSCode Icons от Roberto Huertas. Она нарисована на сетке 32 × 32. VSCode Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: VSCode Icons
Автор: Roberto Huertas
Лицензия: MIT
Размер: 32 × 32
Теги: filetype, typemoniq, filetypemoniq

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#7c3aed" d="M20.9 29.98a5.4 5.4 0 0 1-4.2-3.12c-.26-.55-.25-.44-.17-2.48c.03-.8.03-1.19-.05-2.99l-.06-1.87l-.01-.77l.27-.08l.3-.09c.03 0 .18.2.63.81l.6.82l.3.4l-.04.13c-.19.74.51 1.27 1 .76c.45-.47.09-1.18-.56-1.1l-.14.01l-.3-.41a33 33 0 0 0-1.16-1.55c-.05-.03-.03-.12.12-.41l.15-.3l.12.03c.07 0 .42.11.78.22l2.35.73c2.67.81 4 1.3 4.27 1.53c.98.87 1.53 2.46 1.48 4.25c-.01.67-.02.73-.21 1.43c-.73 2.63-2.97 4.3-5.46 4.05m-10.87-.03C6.37 29.53 4.27 25.12 6 21.5c.46-.94.83-1.34 1.45-1.57a48 48 0 0 1 3.08-1.01l1.24-.39c1.09-.35 2.52-.78 2.58-.78q.05 0 .14.16c.04.1.12.22.16.29c.1.14.16.03-.57 1.03l-.7.98l-.14.2h-.22q-.62 0-.67.55q-.03.68.63.7c.44 0 .67-.36.55-.87c-.04-.2-.12-.07.66-1.12l.67-.92l.11-.18l.13.04l.4.12l.09.02l-.02.46l-.06 1.57c-.07 1.7-.09 3.45-.04 4.25c.08 1.18.02 1.48-.42 2.23a5.1 5.1 0 0 1-5.02 2.69"/><path fill="#c084fc" d="M6.2 19.44a6.1 6.1 0 0 1-3.96-3.92a6 6 0 0 1 .55-4.63a5.7 5.7 0 0 1 5.27-2.74c.39.05 1.04.2 1.17.29l.36.19c.4.2.57.38.67.73c.12.36.44.99.8 1.55a56 56 0 0 0 3.23 4.46c.24.3.43.55.43.58c0 .07-.2.33-.24.33c-.06 0-.45-.2-.76-.37a50 50 0 0 0-1.84-1l-.27-.14l-.04-.23c-.1-.68-.86-.86-1.16-.28c-.32.62.23 1.23.85.92l.2-.1l.5.27l.84.46l.94.5l.6.3l-.01.2c-.04.46.27.32-1.97.9c-1.95.5-3.93 1.12-5.29 1.66c-.37.15-.52.16-.87.07m18.9 0l-.94-.36c-1-.4-3.6-1.17-5.7-1.67c-.8-.2-.74-.16-.77-.46s-.08-.25.62-.62l1.93-1.04c.38-.2.33-.19.59-.05c.34.19.81-.08.87-.5q.08-.49-.35-.74c-.32-.2-.88.12-.88.5c0 .27-.01.28-.6.59l-1.4.75c-.99.54-.93.52-1.08.33c-.16-.2-.2-.11.49-.97c.88-1.1 1.32-1.7 2.06-2.78c1.2-1.74 1.23-1.8 1.64-2.7c.16-.34.32-.67.36-.72a3.3 3.3 0 0 1 1.65-.82a8 8 0 0 1 1.47-.03a5 5 0 0 1 2.02.7a5.4 5.4 0 0 1 2.81 3.82l.07.36a8 8 0 0 1-.18 2.45a4.5 4.5 0 0 1-1.02 1.95c-.89 1.22-2.87 2.31-3.65 2.01m-8.62-3.55l-.28-.1l-.02-1.45c-.03-1.82-.03-1.83.13-1.93c.74-.42.16-1.55-.6-1.2c-.5.23-.47 1.12.03 1.25l.07.02v1.65l-.01 1.66l-.2.05q-.2.05-.28.1q-.15.07-.24-.09l-2.4-3.37c-2.07-2.92-2.2-3.18-2.17-4.51c.06-2.67 1.83-5.16 4.16-5.83c.76-.22 2-.19 2.78.07c2.27.74 4.03 3.29 4.03 5.84c0 1.22-.22 1.67-2.54 4.92c-1.93 2.72-2.13 3-2.15 3c-.01.01-.15-.03-.3-.08"/></svg>

Как использовать иконку File Type Moniq

React

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

<Icon icon="vscode-icons:file-type-moniq" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-moniq" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-moniq" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-moniq]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-moniq"></div>

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

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

<iconify-icon icon="vscode-icons:file-type-moniq"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-moniq.svg" alt="Иконка File Type Moniq" width="24" height="24">

Вопросы и ответы: Иконка File Type Moniq

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

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

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

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

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

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

Все VSCode Icons →