File Type Changie アイコン

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

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

vscode-icons:file-type-changie

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#b986f5" d="M3.68 9.46c-.93 0-1.68.75-1.68 1.68v12.54c0 .93.75 1.68 1.68 1.68h4.97c-.13-.4.02-.92.05-1.29H4.72c-.86 0-1.54-.68-1.54-1.54V12.3c0-.85.68-1.54 1.54-1.54h6.84c.21-.41.39-.85.48-1.28zm13.97 0c.43.38.8.78.94 1.3h8.7c.85 0 1.53.68 1.53 1.53v10.24c0 .86-.68 1.54-1.54 1.54c-.23.29-.8.93-1.3 1.29h2.34c.93 0 1.68-.75 1.68-1.68V11.14c0-.93-.75-1.68-1.68-1.68z"/><path fill="#88ea15" d="M20.12 13.38c-.03 0 .3.72.41.91a9.2 9.2 0 0 1 .83 5.54a2.96 2.96 0 0 1-.71 1.5c-.55.6-.84.76-1.78.97c-5.23 1.15-10.16 3.93-10.16 5.72c0 .74.84 1.24 2.3 1.38c.75.07 1.02.07 2.04 0c4.5-.34 10.26-2.5 12.55-4.68c.56-.54.95-1.15.95-1.52c0-.49-.38-.92-1.69-1.94c-1.31-1.03-1.46-1.27-2.5-4.04c-.5-1.09-1-3.31-2.24-3.84m2.42 9.03c2.2 0 3.3.67 2.72 1.82c-.35.7-1.57 1.64-3.16 2.44a24.9 24.9 0 0 1-7.26 2.3c-.96.15-2.81.18-3.45.06c-2.59-.5-1.77-2.37 1.83-4.19l.84-.42l.05.38a3.28 3.28 0 0 0 4.74 2.55a3.28 3.28 0 0 0 1.51-4.32l-.2-.41l.29-.04c.77-.12 1.48-.17 2.1-.17M9.58 25c-.03-.03-.02-.16.01-.3c.14-.62.27-2.34.27-3.62c0-1.52.09-3.37.2-4.23a10 10 0 0 1 1.78-4.57c.72-1.14 1.27-2.26 1.28-3.44c0-.66-.02-.78-.18-1.12a3.2 3.2 0 0 0-1.11-1.25c-1.4-.9-1.1-3.18.49-3.78c.8-.3 1.75-.1 2.36.51c.4.4.6.9.6 1.54c-.03.94-.61 1.53-.56 2.46c.07.98.38 1.44 1.74 2.59c.97.82 1.2 1.09 1.2 1.4c0 .1-.04.1-.26-.02c-.41-.21-1.05-.34-1.7-.34c-1.1 0-2.17.4-2.94 1.13c-.33.31-.47.51-.74 1.09c-.87 1.84-1.17 3.33-1.18 5.85c0 2.25.14 3.18.7 4.34c.15.3.26.54.25.55a92 92 0 0 1-2.09 1.2c-.05.03-.1.02-.12 0z"/></svg>

File Type Changie アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →