File Type Mson アイコン

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

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

vscode-icons:file-type-mson

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#755838" d="M7.62 19.85v-7.7h2.264l2.266 2.831l2.264-2.831h2.265v7.7h-2.265v-4.416l-2.264 2.831l-2.266-2.831v4.416zm14.155 0l-3.397-3.737h2.264V12.15h2.265v3.963h2.264z"/><path fill="#fbc02d" d="M2 15.042a2.35 2.35 0 0 0 1.464-.484a2.22 2.22 0 0 0 .752-1.269a14.3 14.3 0 0 0 .2-2.75q.011-1.948.07-2.566a4.9 4.9 0 0 1 .39-1.573a2.8 2.8 0 0 1 .705-.951a2.85 2.85 0 0 1 1.076-.542A6.3 6.3 0 0 1 8.1 4.789h.654V6.62h-.362a2.18 2.18 0 0 0-1.61.437a3.18 3.18 0 0 0-.4 1.954a34 34 0 0 1-.128 3.861A4.4 4.4 0 0 1 5.54 14.8A4.3 4.3 0 0 1 3.948 16a3.56 3.56 0 0 1 1.861 1.639a8.3 8.3 0 0 1 .577 3.611q0 2.275.047 2.709a1.64 1.64 0 0 0 .471 1.1a2.47 2.47 0 0 0 1.487.315h.362v1.834H8.1a5.3 5.3 0 0 1-1.656-.187a2.8 2.8 0 0 1-1.237-.869a3.13 3.13 0 0 1-.636-1.523a23 23 0 0 1-.154-3.021a15.4 15.4 0 0 0-.2-2.9a2.25 2.25 0 0 0-.752-1.271A2.33 2.33 0 0 0 2 16.947Zm28 1.902a2.33 2.33 0 0 0-1.464.49a2.25 2.25 0 0 0-.752 1.271a15.4 15.4 0 0 0-.2 2.9a23 23 0 0 1-.158 3.021a3.13 3.13 0 0 1-.636 1.523a2.8 2.8 0 0 1-1.237.869a5.3 5.3 0 0 1-1.656.187h-.654v-1.83h.362a2.47 2.47 0 0 0 1.487-.315a1.64 1.64 0 0 0 .473-1.108q.047-.432.047-2.709a8.3 8.3 0 0 1 .577-3.611A3.56 3.56 0 0 1 28.051 16a4.3 4.3 0 0 1-1.588-1.2a4.4 4.4 0 0 1-.717-1.924a34 34 0 0 1-.128-3.861a3.18 3.18 0 0 0-.4-1.954a2.18 2.18 0 0 0-1.61-.437h-.362V4.789h.654a6.3 6.3 0 0 1 1.439.117a2.85 2.85 0 0 1 1.073.543a2.8 2.8 0 0 1 .705.951a4.9 4.9 0 0 1 .39 1.575q.058.618.07 2.566a14.3 14.3 0 0 0 .2 2.753a2.22 2.22 0 0 0 .752 1.266a2.35 2.35 0 0 0 1.464.484Z"/></svg>

File Type Mson アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →