File Type Codegen アイコン

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

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

vscode-icons:file-type-codegen

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="url(#SVGwLPi2bFe)" fill-rule="evenodd" d="M3 9.4q0 1.3 1 1.9l.4.1l.3.1h.9a2 2 0 0 0 1.5-2V9l8.6-5l.4-.1h.4L24 8.4q.4-1 1.2-1.6l-7.6-4.3a3 3 0 0 0-2.7 0l-9 5l-.8-.1c-1.1 0-2 1-2 2.1M28.2 11q.8-.7.8-1.6a2.2 2.2 0 0 0-3-2l-.1.1h-.1l-.1.1l-.5.5q-.5.6-.5 1.3q.1 1.6 1.6 2V21q0 .5-.5.7L18.7 26q.7.8.7 1.9l7.6-4.4a3 3 0 0 0 1.3-2.4zm-10 16.9v-.6l-.1-.1V27H18v-.1q-.1 0 0 0l-.1-.1v-.1a2 2 0 0 0-1.8-.9a2 2 0 0 0-1.6.7l-8.2-4.7L6 21v-8.4a3 3 0 0 1-2 0V21q0 1.6 1.4 2.5l8.8 5a2.1 2.1 0 0 0 4-.3zm3.9-17v.2h.1v7.7q0 .3-.3.4l-7.7 4.2h-.5l-5.3-3L8 20v-2h.1l.1-.1l2.2-1v-6h.1l.1-.1l3.7-2l-.1-.5l-.3-.6v-.2q.4-1 2.3-1c1.9 0 2 .4 2.2 1v.2q0 .4-.2.6l-.1.4l3.7 2v.1zm-6.4-2l.1.3l.5 1h.2L17 9zm2-1.2q-.4-.2-1.3-.3q-1.2 0-1.3.2q.3.2 1.2.3q1.1 0 1.3-.3m-2.3 2.8l-.4-.8l-2.8 1.5l4.3 2.4l4.2-2.4l-2.8-1.5l-.4.8q-.1.6-1 .6c-1 0-1-.2-1.1-.6m.5 4L11.5 12v4.7l4.3 2.4zm-6.7 5.3l4.4 2.4v-.6L9 19zm2.4-.5l2.5 1.4l1.3-.6l-4.3-2.4l-1.3.7zm3 3l6.6-3.7V12l-4.3 2.4v5.9h-.1v.1h-.1l-2.1 1z" clip-rule="evenodd"/><defs><linearGradient id="SVGwLPi2bFe" x1="23.4" x2="44.5" y1="8.8" y2="46.5" gradientTransform="translate(3 1.9)scale(.5231)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e535ab"/><stop offset="1" stop-color="#1bcbe2"/></linearGradient></defs></svg>

File Type Codegen アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →