File Type Maya アイコン

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

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

vscode-icons:file-type-maya

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGj87oqcGG" x1="-611.348" x2="-600.272" y1="-67.488" y2="-65.335" gradientTransform="matrix(1.437 0 0 -1.437 894.417 -82.292)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0f6067"/><stop offset=".5" stop-color="#05abac"/><stop offset="1" stop-color="#58bec4"/></linearGradient><linearGradient id="SVGKztV4ueU" x1="-603.594" x2="-602.011" y1="-77.699" y2="-59.604" gradientTransform="matrix(1.437 0 0 -1.437 894.417 -82.292)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#117c83"/><stop offset=".5" stop-color="#21b5b5"/><stop offset="1" stop-color="#7ed4d4"/></linearGradient><linearGradient id="SVG0Oe0KJJw" x1="-612.757" x2="-616.934" y1="-59.906" y2="-72.76" gradientTransform="matrix(1.437 0 0 -1.437 894.417 -82.292)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9accd3"/><stop offset=".5" stop-color="#72aeb3"/><stop offset="1" stop-color="#317d7f"/></linearGradient><linearGradient id="SVGE9MsHevk" x1="-621.851" x2="-614.84" y1="-74.579" y2="-72.301" gradientTransform="matrix(1.437 0 0 -1.437 894.417 -82.292)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#21626e"/><stop offset=".5" stop-color="#157c84"/><stop offset="1" stop-color="#03a3a5"/></linearGradient><linearGradient id="SVGadANbcNK" x1="-616.369" x2="-625.34" y1="-64.469" y2="-72.835" gradientTransform="matrix(1.437 0 0 -1.437 894.417 -82.292)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b7c81"/><stop offset=".5" stop-color="#068d90"/><stop offset="1" stop-color="#16b1b1"/></linearGradient><linearGradient id="SVGSgtZRbMV" x1="-608.072" x2="-603.488" y1="-74.678" y2="-70.966" gradientTransform="matrix(1.437 0 0 -1.437 894.417 -82.292)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0a8a8f"/><stop offset=".5" stop-color="#0f7c82"/><stop offset="1" stop-color="#1a5964"/></linearGradient><linearGradient id="SVG8J5tmSgB" x1="-601.134" x2="-606.008" y1="-70.113" y2="-67.067" gradientTransform="matrix(1.437 0 0 -1.437 894.417 -82.292)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#256a77"/><stop offset=".5" stop-color="#0d9499"/><stop offset="1" stop-color="#06a0a2"/></linearGradient></defs><path fill="url(#SVGj87oqcGG)" d="M21.6 3.462H30L18.767 24.211s-1.893-5.5-2.706-7.459"/><path fill="url(#SVGKztV4ueU)" d="M23.669 29.118H30V3.462c-.005 13.407-5.64 25.656-6.331 25.656"/><path fill="url(#SVG0Oe0KJJw)" d="M18.767 24.211h-5.226L2 3.462c2.047-.26 6.135-.611 8.16-.776Z"/><path fill="url(#SVGE9MsHevk)" d="M8.693 16.019C6.96 22.866 1.995 29.32 2 29.314c5.752 0 6.991-.835 6.991-1.276V16.54c-.101-.17-.197-.346-.298-.521"/><path fill="url(#SVGadANbcNK)" d="M2 3.462v25.852c3.147-5.2 4.981-8.6 6.6-13.45C4.6 8.794 2 3.462 2 3.462"/><path fill="url(#SVGSgtZRbMV)" d="m23.233 28.102l.436 1.016V15.647l-.436.728"/><path fill="url(#SVG8J5tmSgB)" d="M23.647 15.673v13.4l.016.043c.452 0 6.332-14.5 6.332-25.656c0 .002-3.589 7.487-6.348 12.213"/></svg>

File Type Maya アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-maya"></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-maya"></iconify-icon>

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →