File Type Jitpack アイコン

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

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

vscode-icons:file-type-jitpack

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#d2d2d2" d="M19.72 2c-2.37.46-4.04 1.4-5.04 2.7l3.36 1.95a3.3 3.3 0 0 1 2.2-.23A9 9 0 0 0 19.72 2m-5.76 3.57L8.8 14.5l5.53 3.2l1.3-2.25a3.5 3.5 0 0 1-.87-2.39a8.2 8.2 0 0 1 2.27-5.72zm12.25.17A9 9 0 0 0 22.1 7.5c.55.59.85 1.3.9 2.02l3.36 1.94c.63-1.52.62-3.44-.15-5.7m-21.42.48l-2.25 3.9l6.05 2.54l3.6-6.25zm14.63 1.19q-.59.01-1.1.34a5 5 0 0 0-1.8 2.25c-.45.99-.69 2.11-.66 3.02s.32 1.55.76 1.8c.45.26 1.14.2 1.95-.24a7 7 0 0 0 2.29-2.07a5 5 0 0 0 1.04-2.68c.02-.83-.27-1.5-1.21-2.04a2.5 2.5 0 0 0-1.27-.38m3.48 3.33a8 8 0 0 1-3.81 4.83c-.82.43-1.7.66-2.5.43l-1.3 2.25l5.52 3.19l5.15-8.94zm3.22 3.71l-3.6 6.25l5.22 3.97l2.25-3.9zM9.71 16.31a7.5 7.5 0 0 0-3.07 2.33l5.19 3q.72-1.66.5-3.82zm-3.57 3.33l-4.13 7.15V29l5.1-8.8zm10.05.41a7.5 7.5 0 0 0-3.07 2.34l5.19 3q.73-1.67.5-3.83zm-8.01.76L2.84 30h1.28l5.02-8.63zM10.22 22l-4.61 8h1.28l4.3-7.45zm2.43 1.4L8.9 30h1.27l3.44-6.05zm2.04 1.18L11.66 30h1.27l2.72-4.88zm2.04 1.18L14.43 30h1.26l2-3.7z"/></svg>

File Type Jitpack アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →