File Type Anyscript アイコン

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

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

vscode-icons:file-type-anyscript

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#96092b" d="M19.666 11.545h-1.361a.33.33 0 0 0-.182.078a.23.23 0 0 0-.078.182l.055 7.885l-3.679-7.97c-.02-.059-.033-.117-.091-.13c-.02-.046-.072-.046-.13-.046h-1.716a.295.295 0 0 0-.26.26v10.77a.32.32 0 0 0 .091.189a.19.19 0 0 0 .169.072h1.38a.24.24 0 0 0 .182-.072a.4.4 0 0 0 .078-.189l-.078-7.846l3.685 7.964c0 .046.059.072.072.085a.3.3 0 0 0 .163.059h1.7a.22.22 0 0 0 .182-.072a.27.27 0 0 0 .078-.189V11.8a.23.23 0 0 0-.078-.182a.3.3 0 0 0-.182-.078M5.327 17l1.25-5.17L7.789 17Zm.26-8.244a.35.35 0 0 0-.1.156L2 22.574v.163l.02.046a.25.25 0 0 0 .163.091l1.361.391c.039 0 .072.033.13 0a.2.2 0 0 0 .13-.072a.15.15 0 0 0 .059-.117L4.9 18.745h3.338l1.055 4.33a.23.23 0 0 0 .039.117a.16.16 0 0 0 .13.072a.1.1 0 0 0 .13 0l1.354-.358a.4.4 0 0 0 .15-.124a.3.3 0 0 0 .052-.208L7.658 8.913a.34.34 0 0 0-.1-.156a.33.33 0 0 0-.158-.046H5.731a.2.2 0 0 0-.143.046m17.36 2.657a.7.7 0 0 0-.15-.13a.22.22 0 0 0-.2.046l-1.3.664a.165.165 0 0 0-.13.15a.21.21 0 0 0 .039.208l3.438 6.153v4.07a.3.3 0 0 0 .072.189a.2.2 0 0 0 .169.072h1.38a.24.24 0 0 0 .182-.072a.27.27 0 0 0 .078-.189v-4.07l3.458-6.153a.3.3 0 0 0 .02-.13a.3.3 0 0 0-.02-.13a.27.27 0 0 0-.111-.1l-1.3-.664a.19.19 0 0 0-.189-.046c-.072.046-.13.059-.15.13l-2.637 5.1Z"/><path fill="#fff" d="M25.515 10.3a1.469 1.469 0 1 0 1.335 2.222a1.483 1.483 0 0 0-1.335-2.222"/><path fill="#a7a6a6" d="M25.592 10.49a1.27 1.27 0 0 0-.912.371a1.33 1.33 0 0 0-.358.892a1.25 1.25 0 0 0 .358.912a1.2 1.2 0 0 0 .912.391a1.267 1.267 0 0 0 1.263-1.3a1.235 1.235 0 0 0-1.263-1.263"/></svg>

File Type Anyscript アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →