Folder Type Swagger アイコン

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

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

vscode-icons:folder-type-swagger

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#2e5f3e" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#85ea2d" d="M22.56 29.97c-4.86 0-8.81-3.95-8.81-8.81s3.95-8.81 8.81-8.81s8.81 3.95 8.81 8.81s-3.95 8.81-8.81 8.81"/><g fill="#173647"><path d="M22.45 12.87a8.37 8.37 0 1 1 0 16.74a8.37 8.37 0 0 1 0-16.74m0-.88c-5.1 0-9.25 4.15-9.25 9.25s4.15 9.25 9.25 9.25s9.25-4.15 9.25-9.25s-4.15-9.25-9.25-9.25"/><path d="M19.1 18.16c-.03.32.01.64-.01.96s-.06.64-.13.95c-.09.45-.37.79-.76 1.08c.75.49.84 1.25.89 2.02c.02.42.01.84.06 1.25c.03.32.16.4.49.41h.43v.99c-.98.17-1.79-.11-1.98-.94a6 6 0 0 1-.12-.92c-.02-.33.01-.66-.01-.99c-.07-.91-.19-1.21-1.06-1.26v-1.13c.06-.01.12-.02.19-.03c.48-.03.68-.17.78-.64q.07-.4.09-.8c.04-.52.02-1.04.11-1.56c.12-.74.58-1.09 1.34-1.13c.21-.01.43 0 .67 0v1.01c-.1.01-.19.02-.28.02c-.62-.02-.65.19-.69.7m1.19 2.34h-.02a.65.65 0 0 0-.06 1.3h.04a.64.64 0 0 0 .68-.6v-.04a.65.65 0 0 0-.64-.66m2.23 0a.62.62 0 0 0-.64.6v.06c0 .39.26.64.66.64c.39 0 .64-.26.64-.66c0-.39-.26-.64-.66-.64m2.28 0a.66.66 0 0 0-.67.64c0 .36.29.65.65.65h.01c.33.06.66-.26.68-.64c.02-.35-.3-.66-.67-.66m3.13.05c-.41-.02-.62-.16-.72-.55a4 4 0 0 1-.12-.76c-.03-.48-.02-.96-.06-1.43c-.07-1.13-.89-1.53-2.08-1.33v.98h.48c.25 0 .44.1.47.38c.02.26.02.52.05.78c.05.51.08 1.04.17 1.55c.08.42.37.73.72.99c-.63.42-.81 1.03-.85 1.71c-.02.46-.03.93-.05 1.4c-.02.43-.17.57-.6.58c-.12 0-.24.01-.37.02v1.01c.25 0 .48.01.71 0c.72-.04 1.15-.39 1.29-1.09q.09-.58.11-1.16c.02-.36.02-.71.06-1.07c.05-.55.31-.78.86-.81a1 1 0 0 0 .15-.04v-1.13c-.09-.01-.16-.02-.22-.02"/></g></svg>

Folder Type Swagger アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →