File Type Smithery アイコン

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

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

vscode-icons:file-type-smithery

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#80350b" d="M12.6 9.4c.32-.3.63-.67.95-.98c.11-.12.23-.25.36-.35a.6.6 0 0 1 .4-.13h14.74c.18 0 .37-.02.54.01c.12.02.23.06.3.17c.05.07.07.16.08.25c.03.27 0 .58 0 .86c0 .25.04 1.16 0 1.34a.42.42 0 0 1-.15.23c-.13.12-.32.2-.48.28c-.4.2-.83.39-1.21.61l-.02.01l-3.77 1.92l-1.49.74c-.28.14-.58.28-.86.44c-.2.64-.35 1.3-.52 1.94c-.06.25-.12.53-.2.78c.12.21.6.64.82.84q.75.75 1.52 1.48c.25.25.53.57.8.79c.17.24.72.6.84.85c.02.06.03.14.03.2c.03.4 0 .8 0 1.2c0 .26.04.6 0 .84a.4.4 0 0 1-.12.2c-.1.1-.27.13-.41.14H10.77c-.1-.01-.2-.05-.27-.12c-.13-.12-.14-.26-.14-.43c0-.33-.04-1.85.04-2.06c.07-.16 3.51-3.53 3.9-3.93q-.8-1.3-1.63-2.58c-.47-.03-.93-.06-1.39-.13c-3.14-.47-5.52-1.83-7.95-3.82c-.26-.22-1.12-.89-1.28-1.12A.3.3 0 0 1 2 9.65c.03-.1.12-.17.21-.22c.4-.02.8 0 1.2 0l2.1-.01z"/><path fill="#ea580c" d="M14.27 7.98L27.51 8c.22 0 2.08-.03 2.13 0c.15.06.2.09.29.21c0 .35.06 2.2 0 2.42c-.04.09-.15.17-.22.21c-.27.17-.58.3-.86.44q-.88.44-1.75.9l-3.01 1.52c-.65.33-1.35.64-1.98 1a.7.7 0 0 0-.18.14c-1 .03-1.98 0-2.97 0H14v-.03c-.06-.46-.03-1.09-.03-1.57v-3.07c0-.18-.01-2.08.02-2.11c.06-.07.19-.07.27-.08zm.07 9.52c1-.02 2 0 3 0h3.69c.04 0 .13 0 .16.02c.11.07.25.25.35.35l1.02 1c.56.57 1.14 1.12 1.72 1.67l.77.76c.07.07.17.16.19.25c.05.18.02.5.02.69l-.01 1.5l-.1.15a.4.4 0 0 1-.2.1c-.3.05-.8.02-1.12.02h-2.36v-2.47l-.52-.52c-.15-.15-.3-.32-.47-.46h-5.3c-.12.1-.22.23-.33.34l-.6.6V24c-1.19 0-2.38.03-3.58 0c-.12-.06-.2-.13-.24-.26c-.08-.21-.03-.7-.03-.95c0-.27-.04-1.1.04-1.29c.04-.1.17-.23.25-.31c.24-.26.5-.5.74-.74l2.19-2.17c.2-.2.6-.53.72-.78M12.3 9.45h.36v5.44a13.66 13.66 0 0 1-6.13-1.73c-.5-.28-.97-.6-1.46-.9a44 44 0 0 1-2.24-1.75c-.24-.2-.55-.41-.73-.66a.21.21 0 0 1-.04-.18c.02-.1.11-.16.2-.2h9.05c.32 0 .68.03.99-.02"/></svg>

File Type Smithery アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →