File Type Alloy アイコン

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

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

vscode-icons:file-type-alloy

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#ff671d" d="M27.44 11.08c-1.23-2.12-2.8-4-4.6-5.5l-.03-.02c-.36-.3-.73-.58-1.1-.84A13.86 13.86 0 0 0 13.75 2c-3.42 0-6.51 1.82-8.72 5.14A17.97 17.97 0 0 0 3.4 23.38c1.58 3.8 5.7 6.26 11.02 6.58a19.1 19.1 0 0 0 8.27-1.32c2.74-1.14 4.85-2.87 6.07-5.02c1.83-3.2 1.33-8-1.3-12.55zm-12.42.7A4.38 4.38 0 0 1 18 19.42l-.1.09a4.4 4.4 0 0 1-5.22.39a6.1 6.1 0 0 1-1.28-1.24c-.26-.38-.46-.8-.58-1.22l-.03-.08v-.01a4.54 4.54 0 0 1 1.27-4.4l.1-.08a4.37 4.37 0 0 1 2.86-1.07zm-1.27-8.17c2.36 0 4.79.84 7.03 2.42c.34.25.68.5 1 .78l.54.49c4.14 3.84 5.43 7.58 5.1 11.46c-.2 2.55-1.83 4.58-4.15 6.15c-2.22 1.5-5.6 1.93-8.02 1.67c-2.38-.25-4.84-1.21-6.43-3.37a8.08 8.08 0 0 1-1.53-5.74c.18-2.05 1-3.96 2.33-5.29a6.3 6.3 0 0 1 4.05-1.85a5.97 5.97 0 0 0-4.57 6.78a5.6 5.6 0 0 0 1.44 3.06c.4.44.84.8 1.31 1.1c2.32 1.57 5.22 1.45 8.05-.43a6.83 6.83 0 0 0 2.85-4.86a8.92 8.92 0 0 0-2.2-7.04a9.98 9.98 0 0 0-7.17-3.49a8.8 8.8 0 0 0-6.63 2.82c-.57.59-1.08 1.22-1.55 1.9c.34-.75.73-1.47 1.18-2.14c1.9-2.85 4.51-4.42 7.37-4.42"/></svg>

File Type Alloy アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →