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

Folder Type Python Opened アイコン

vscode-icons:folder-type-python-opened

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

アイコンセット
VSCode Icons
作者
Roberto Huertas
ライセンス
MIT
サイズ
32 × 32
タグ
foldertype、typepython、pythonopened、foldertypepythonopened
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="#84ce7c" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v4H.5l3.8 12.8h25.2v-21Zm-7.2 2.1h7.1v2.1h-8.1Zm5.5 6.1H6.6v-1.9h20.8v7.626Z"/><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 Opened アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →