File Type Changelogen アイコン

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

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

vscode-icons:file-type-changelogen

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#ba8f63" d="M18.9 24.2c1.9-2.7.6-4 .2-4.5c-.5-.4-8 3-8 3s3.6-2.8 5.3-4.5c1.9-2 1.1-3 1-3.5c-1-4.6-11.7 3-11.7 3l2-1.5c1.5-1 3.1-2.5 2.2-4.4c-.2-.6-3.9-.4-7.9 1.4V30h12c2-2.2 4.2-4.9 4.9-5.8"/><path fill="#e0bb95" d="M14.9 26.7s1.7-1.6 1-1.6c-1.2 0-2.6-1.3-2.5-2.1c.2-1.3 3.6 0 4-.5l1.6-2.4q0-.3-.4-.5c-1.2-1.2-2.2-1.3-4.7.6L2 29.9v.1h9.5zM9.6 11l-.2-.2l-.4-.4c-.2-.2-.3-1.2-1.8-1c-.7 0-3 1.2-5.2 2.4v6c2.4-1.4 3.1-1.8 3.7-2.3c.6-.6-1.8-.3-1.6-2.9c0-.8 4.5-.7 5.3-1.3zm6.6 2.9l-.2-.4l-.6-.6q-.4-.3-1-.4c-.5-.4-1.9.6-5.2 2.6L2 19.8v7.6l11.3-8.7c.5-.5-2.6-.5-2.2-2.9c0-.3 3 1.2 3.1.9l1.1-1.7q.2-.3.6-.5l.3-.2z"/><path fill="#f44336" d="M11 9.3q1 1.4-1.2 3.5c-1.2 1-2 1.5-3.3 1.8q-1.4.3-2.4-1.6c-.5-.9-.1-1.4.1-1.7c.7-1 2.5-1.7 3.4-2q2.5-1 3.4 0m6.4 6.3c-.8.8-2 1.8-3.2 2c-.5.2-1.5.3-2.6-1c-1-1.2-.4-2-.1-2.3q1.2-1.5 3.2-2.2q2.2-1.2 3.4-.3c1 .8.8 2.4-.7 3.8m2.2 2.7c1.2.8.5 2.6-.2 3.5q-1.2 1.6-2.5 2.5c-.6.2-1.5.5-2.8-.6c-1-.9-.7-2.1-.4-2.7q1-1.4 2.8-2.4q2-1 3.1-.3"/><path fill="#c62828" d="M19.4 21.8c.5-.6 1-1.8.8-2.7c-.5.6-3.4 4-4.7 4.5l-1.2.3c1.2.8 2 .6 2.6.4q1.3-.8 2.5-2.5m-.7-8.6c-1 .8-4.6 3.5-5.7 3.8h-1c.9.9 1.8.8 2.2.7a9 9 0 0 0 3.2-2q1.3-1.3 1.3-2.5M5.6 14h-.7q.6.8 1.7.6q1.5-.3 3.2-1.8q1.2-1.2 1.5-2c-1.6 1-4.7 3-5.7 3.2"/><path fill="#ff7555" d="M5.3 11.5q1-1.2 3.4-2.1c.6-.2.9.5.4.7l-3.2 1.6q-1 .4-.6-.2m7.1 3c.9-.9 1.6-1.4 3.1-2.2q.6-.2 1 0t-.1.7l-3.5 2q-.8.3-.5-.4m3.8 5.3q1.5-1.2 1.8-1q.4.5-.3 1l-2.5 2q-.6.4-.5-.2q.2-.7 1.5-1.8"/><path fill="#546e7a" d="M20 7.8c-.3 1 1.3 2.6 3.5 3.4s4.5.5 4.8-.5L30 2h-7z"/><path fill="#202020" d="M27.6 10.6c.2-.7-1.2-1.7-3-2.4c-2-.6-3.7-.6-3.9 0s1.1 1.8 3 2.4c2 .7 3.6.6 3.9 0"/><path fill="#546e7a" d="m22.2 16.7l.3-.6l.5-.7l2-5.6s.1-.5-.7-.8s-1 .3-1 .3l-2 5.4v1l-.3.4z"/><path fill="#f44336" d="m21.6 15.4l-.5.2q-.5.7-1.7 1.2q-.5.1-.6.5c0 .7 1.2 1.5 2 1.3c.8-.3 1.5-1.6 1.6-1.8v-.9a1 1 0 0 0-.8-.5"/><path fill="#c62828" d="M19.5 17.6h.3q.3-.2.6 0l.5.2l.8-.2l.8-1.6v.3c-.2 1-1 2.1-1.6 2.3h-1l-.7-.3l-.5-.6v-.4l.3-.2l.3.2z"/><path fill="#ff7555" d="M20.6 17.4c-.7.5-1 .3-1.1.3q-.3 0-.2-.4l.3-.2l1-.5c1.1-.7 1-1 1.1-1s0 .7-.3 1z"/><path fill="#78909c" d="M21.6 7.1H23q.3.1.4-.1L25 3.3c.2-.5-1.5-.8-1.9-.2l-1.8 3.5q-.3.5.2.5m0 8a.3.3 0 0 1-.2-.4l1.7-5c.3-.4.9-.3.8 0l-2 5.1q0 .3-.4.2"/></svg>

File Type Changelogen アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →