File Type Pypi アイコン

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

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

vscode-icons:file-type-pypi

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g stroke="#ccc" stroke-linejoin="bevel" stroke-width=".1"><path fill="#f7f7f4" d="M6.03 13.14L10 14.58l4.02-1.46l-3.97-1.45z"/><path fill="#efeeea" d="M6.03 13.14L10 14.58v4.66L6.03 17.8z"/><path fill="#f7f7f4" d="m10.02 9.88l3.96 1.44l4.03-1.46l-3.97-1.45zm-7.98 9.41l3.97 1.45l4.03-1.47l-3.97-1.44zm3.99-3.26L10 17.48l4.02-1.47l-3.97-1.44z"/><path fill="#efeeea" d="m10.02 9.88l3.96 1.44v4.66l-3.97-1.44zm-7.98 9.41l3.97 1.45v4.66l-3.96-1.44zm3.99 1.45L10 22.2v4.66L6.03 25.4zm0-4.7L10 17.47v4.66l-3.97-1.45zm3.99 6.15l3.96 1.45v4.66l-3.97-1.45z"/><path fill="#fff" d="M25.93 19.29v4.66l4.03-1.46v-4.67zm-11.95 4.34v4.67l4.03-1.47v-4.66z"/><g fill="#ffd242"><path d="M21.95 20.74v4.66l4.02-1.46v-4.66z"/><path d="M17.96 22.19v4.66L22 25.38v-4.66zm7.97-7.61v4.66l4.03-1.46v-4.66z"/><path d="M25.93 9.87v4.66l4.03-1.46V8.4zm-3.98 6.16v4.66l4.02-1.46v-4.67z"/><path d="M17.96 17.48v4.66L22 20.67v-4.66z"/></g><path fill="#ffc91d" d="m21.97 8.43l3.96 1.44l4.03-1.46l-3.97-1.45z"/><g fill="#3775a9"><path d="M21.95 11.32v4.66l4.02-1.46V9.86z"/><path d="M21.95 6.61v4.66l4.02-1.46V5.15zm-3.99 6.16v4.66L22 15.97V11.3zm-3.98 6.16v4.66l4.03-1.47v-4.66z"/><path d="M13.98 14.22v4.66l4.03-1.47v-4.66zm3.98-6.16v4.66L22 11.26V6.6z"/></g><g fill="#2f6491"><path d="m17.98 5.17l3.97 1.44l4.02-1.46l-3.96-1.45zm-7.96 12.32l3.96 1.44v4.66l-3.97-1.45zm0-4.71l3.96 1.44l4.03-1.47l-3.97-1.44z"/><path d="m10.02 12.78l3.96 1.44v4.66l-3.97-1.45zM14 6.62l3.96 1.44L22 6.6l-3.97-1.45z"/><path d="m14 6.62l3.96 1.44v4.66L14 11.28z"/></g></g><g fill="#fff" transform="matrix(.6125 -.2229 0 .6518 -1684 -513.3)"><circle cx="2781" cy="1754" r="1.26"/><circle cx="2789" cy="1775" r="1.26"/></g></svg>

File Type Pypi アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →