Folder Type Docker アイコン

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

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

vscode-icons:folder-type-docker

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#0f6695" 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="#0096e6" d="M20.805 21.7h2.146v2.19h1.085a4.7 4.7 0 0 0 1.491-.25a4 4 0 0 0 .724-.327a2.7 2.7 0 0 1-.5-1.387a2.93 2.93 0 0 1 .526-2.065l.223-.261l.268.216a3.42 3.42 0 0 1 1.346 2.169a3.28 3.28 0 0 1 2.489.232l.3.17l-.155.3a3.11 3.11 0 0 1-3.118 1.488c-1.86 4.626-5.9 6.816-10.806 6.816A6.8 6.8 0 0 1 10.64 27.8l-.022-.037l-.194-.392a6.24 6.24 0 0 1-.494-3.156l.03-.324h1.835V21.7h2.145v-2.148h4.291v-2.146H20.8Z"/><path fill="#fff" d="M17.4 30.625a4.52 4.52 0 0 1-2.355-2.317a7.8 7.8 0 0 1-1.7.258q-.373.021-.784.021q-.474 0-1-.028a6.8 6.8 0 0 0 5.252 2.077q.3 0 .587-.011m-3.69-8.416h.147v1.55h-.147Zm-.282 0h.152v1.55h-.153v-1.55Zm-.282 0h.154v1.55h-.152Zm-.282 0h.153v1.55h-.153Zm-.282 0h.152v1.55h-.152Zm-.276 0h.147v1.55h-.147Zm-.154-.155h1.858v1.859h-1.857Zm2.148-2.145h1.86v1.859H14.3Zm1.558.155H16v1.549h-.147Zm-.282 0h.152v1.549h-.152Zm-.282 0h.152v1.549H15.3v-1.549Zm-.282 0h.152v1.549h-.154Zm-.282 0h.152v1.549h-.152Zm-.276 0h.146v1.549h-.147Zm-.155 1.99h1.86v1.86H14.3v-1.859Zm1.558.155H16v1.55h-.147Zm-.282 0h.152v1.55h-.152Zm-.282 0h.152v1.55h-.151zm-.282 0h.152v1.55h-.153Zm-.282 0h.152v1.55h-.152Zm-.276 0h.147v1.55h-.147Zm1.991-.155H18.3v1.86h-1.86v-1.859Zm1.556.155h.147v1.55H18Zm-.282 0h.152v1.55h-.152Zm-.282 0h.152v1.55h-.152Zm-.282 0h.152v1.55h-.152Zm-.282 0h.152v1.55h-.152Zm-.276 0h.147v1.55H16.6Zm-.155-2.3H18.3v1.859h-1.86zm1.559.155h.147v1.549H18Zm-.282 0h.152v1.549h-.152Zm-.282 0h.152v1.549h-.152Zm-.282 0h.152v1.549h-.152Zm-.282 0h.152v1.549h-.152Zm-.276 0h.147v1.549H16.6Zm1.991 1.99h1.859v1.86h-1.86v-1.859Zm1.557.155h.147v1.55h-.147Zm-.282 0h.152v1.55h-.152Zm-.282 0h.152v1.55h-.152Zm-.282 0h.152v1.55h-.15Zm-.282 0h.152v1.55h-.148Zm-.276 0h.144v1.55h-.147v-1.55Zm-.155-2.3h1.859v1.859h-1.86zm1.557.155h.147v1.549h-.147Zm-.282 0h.152v1.549h-.152Zm-.282 0h.152v1.549h-.152Zm-.282 0h.152v1.549H19.3Zm-.282 0h.152v1.549h-.146Zm-.276 0h.144v1.549h-.147v-1.549Zm-.155-2.3h1.859v1.859h-1.86zm1.557.155h.147v1.549h-.147Zm-.282 0h.152v1.549h-.152Zm-.282 0h.152v1.549h-.152Zm-.282 0h.152v1.549H19.3Zm-.282 0h.152v1.549h-.144Zm-.276 0h.144v1.549h-.147v-1.549Zm1.99 4.135h1.859v1.86h-1.86v-1.859Zm1.557.155h.146v1.55h-.147v-1.55Zm-.282 0h.155v1.55h-.146Zm-.282 0h.152v1.55h-.152Zm-.282 0h.163v1.55h-.152Zm-.282 0h.152v1.55h-.154v-1.55Zm-.276 0h.147v1.55h-.136v-1.55Zm-4.838 4.72a.513.513 0 1 1-.513.513a.513.513 0 0 1 .513-.513m0 .145a.4.4 0 0 1 .133.025a.15.15 0 1 0 .207.2a.367.367 0 1 1-.339-.228Z"/></svg>

Folder Type Docker アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →