ICONYZ
日本語
VSCode Icons の Folder Type Python アイコン

Folder Type Python アイコン

vscode-icons:folder-type-python

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

アイコンセット
VSCode Icons
作者
Roberto Huertas
ライセンス
MIT
サイズ
32 × 32
タグ
foldertype、typepython、foldertypepython
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGOAXdgbWL" x1="-132.23" x2="-132.18" y1="235.872" y2="235.822" gradientTransform="matrix(189.38 0 0 -189.81 25054.681 44783.902)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#387eb8"/><stop offset="1" stop-color="#366994"/></linearGradient><linearGradient id="SVG2td0AdDw" x1="-132.549" x2="-132.492" y1="236.178" y2="236.128" gradientTransform="matrix(189.38 0 0 -189.81 25120.681 44848.152)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe052"/><stop offset="1" stop-color="#ffc331"/></linearGradient></defs><path fill="#58af7b" d="M27.4 5.5h-9.3L16 9.7H4.3v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="url(#SVGOAXdgbWL)" d="M20.918 11.009c-5.072 0-4.751 2.206-4.751 2.206v2.293h4.823v.719h-6.744S11 15.825 11 21s2.866 4.968 2.866 4.968h1.655v-2.412a2.72 2.72 0 0 1 2.786-2.884h4.83a2.583 2.583 0 0 0 2.694-2.626v-4.378S26.24 11 20.944 11Zm-2.666 1.536a.872.872 0 1 1-.845.894v-.014a.87.87 0 0 1 .867-.873Z"/><path fill="url(#SVG2td0AdDw)" d="M21.061 31c5.071 0 4.75-2.214 4.75-2.214V26.5h-4.822v-.72h6.765S31 26.145 31 21s-2.866-4.968-2.866-4.968h-1.677v2.384a2.72 2.72 0 0 1-2.786 2.884h-4.832a2.586 2.586 0 0 0-2.7 2.627v4.408S15.734 31 21.03 31zm2.665-1.544a.872.872 0 1 1 .845-.894v.022a.87.87 0 0 1-.867.872z"/></svg>

Folder Type Python アイコンの使い方

React

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

<Icon icon="vscode-icons:folder-type-python" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:folder-type-python" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:folder-type-python" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:folder-type-python"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:folder-type-python"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-python.svg" alt="Folder Type Python アイコン" width="24" height="24">

VSCode Icons の関連アイコン

Folder Type Python アイコン のよくある質問

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

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

React で Folder Type Python アイコンを使うには?

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

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

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

VSCode Icons をすべて見る →