File Type Mojo アイコン

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

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

vscode-icons:file-type-mojo

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

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

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="#ff4d1f" fill-rule="nonzero" d="M15.29 2c0 1.75.52 4.68-.68 6.14c-.62.74-1.18.19-1.87.47c-.71.29-1.14 1.65-1.36 2.31a13.8 13.8 0 0 0-.7 3.9c-.02.6.2 1.6-.26 2.07c-1.91 1.96-2.8-1.4-2.93-2.79c-2.64 2.12-2.87 6.43-1.4 9.23c.55 1.08 1.76 1.95 2.12 3.08c-.73 0-1.27-.2-1.95-.41c.92 2.29 6.24 3.77 8.51 4h2.77c1.03-.09 1.45-.32 2.05-.5c1.79-.5 4.03-1.32 5.03-2.99c-.31.03-1.42.26-1.17-.4c.36-.94 1.86-1.63 2.41-2.57c1.72-2.94.88-6.85-.73-9.64c-.25.55-.65 2.35-1.62 1.75c-.53-.33-.64-1.09-.7-1.65c-.18-1.5.13-2.94-.37-4.41c-1.02-3.05-4.3-6.2-7.15-7.59"/><path fill="#ff9d46" fill-rule="nonzero" d="M16.52 6.82c-.03 2.01-1.2 3.46-2.12 5.13a23.4 23.4 0 0 0-2.04 5.13c-.35 1.26-.45 2.97-1.8 3.63c-1 .5-2.02-.66-2.76-1.17c-.9 2.68.55 5.59 2.05 7.59a8.8 8.8 0 0 0 2.56 2.05c.36.2 2.36.82 2.36.82h2.77c2.63-1.6 5.52-3.87 6.46-6.97c-3 .94-.12-2.29-.84-3.9c-.45-.98-2.3.8-2.94-.72c-.33-.8.1-1.92.1-2.77c0-2.46-.4-4.88-1.79-6.97c-.5-.75-1.1-1.64-2.01-1.85m4.3 0l.1.1z"/><path fill="#ff4d1f" fill-rule="nonzero" d="M8.2 8.15c-.15.95-.85 1.37-1.29 2.16a5.9 5.9 0 0 0-.55 2.87c1.79-.73 2.93-3.3 1.85-5.03Z"/><path fill="#ffdd57" fill-rule="nonzero" d="M11.18 23.74c.03 2.19 1.16 5.94 3.6 6.26h2.76c1.75-1.34 2.58-4.39 3.08-6.46l-1.03.51c.5-.94.83-2.06 1.13-3.08c-.37.34-.59.73-1.02.99c-3.46 2.09-2.73-4.38-2.57-6.22c-2.02.69-3.65 2.95-3.98 5.03c-.12.78.16 2.18-.24 2.84c-.4.67-1.18.33-1.73.13"/><path fill="#fbfacc" d="M14.77 30h2.77c.45-1.46 1.16-3.04 1.64-4.51c-2.1 1.5-2.73-1.96-3.28-3.29c-.35 1.23-1.06 4.65-2.77 3.5c.1 1.8.72 2.86 1.64 4.3"/></g></svg>

File Type Mojo アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →