File Type Mvtcss アイコン

Q: File Type Mvtcss アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

vscode-icons:file-type-mvtcss

File Type Mvtcss アイコン(vscode-icons:file-type-mvtcss)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typemvtcss、filetypemvtcss

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="none" d="M0 0h32v32H0z"/><path fill="#f7394a" d="M3 2h22v22H3z"/><path fill="#fff" fill-rule="nonzero" d="m19.285 10.257l-3.833 5.34a1.79 1.79 0 0 1-1.478.766q-.444 0-.829-.203c-.385-.203-.474-.323-.65-.563l-3.854-5.34v8.37H6.667V7.373h.918q.719 0 1.373.338c.654.338.799.537 1.088.935l3.959 5.52l3.928-5.509q.423-.608 1.083-.946c.66-.338.902-.338 1.388-.338h.929v11.254h-2.048z"/><g fill-rule="nonzero"><path fill="#1572b6" d="m17.992 29.292l-1.274-14.291h14l-1.275 14.288l-5.734 1.59z"/><path fill="#33a9dc" d="m23.718 29.664l4.633-1.284l1.09-12.211h-5.723z"/><path fill="#fff" d="M23.718 21.347h2.319l.16-1.795h-2.479v-1.753h4.395l-.042.47l-.431 4.831h-3.922z"/><path fill="#ebebeb" d="m23.729 25.899l-.008.002l-1.952-.527l-.125-1.398h-1.759l.245 2.752l3.59.997l.009-.003z"/><path fill="#fff" d="m25.888 23.025l-.211 2.347l-1.955.528v1.824l3.593-.996l.027-.296l.305-3.407z"/><path fill="#ebebeb" d="M23.724 17.799v1.753H19.49l-.035-.394l-.08-.889l-.042-.47zm-.006 3.548V23.1H21.79l-.035-.394l-.079-.889l-.042-.47z"/></g></g></svg>

File Type Mvtcss アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-mvtcss.svg" alt="File Type Mvtcss アイコン" width="24" height="24">

VSCode Icons の関連アイコン

File Type Mvtcss アイコンのよくある質問

File Type Mvtcss アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で File Type Mvtcss アイコンを使うには?

@iconify/react をインストールして <Icon icon="vscode-icons:file-type-mvtcss" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

File Type Mvtcss アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-mvtcss.svg" alt="File Type Mvtcss アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →