Folder Type Component アイコン

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

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

vscode-icons:folder-type-component

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#c09553" 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="#f1c40f" d="M31 17.672v-.009l-2.43-1.941a1 1 0 0 1-.085-.149a2.15 2.15 0 0 0-.642-.732a3.2 3.2 0 0 0-.973-.476l-1.12-.894c-.8-.637-1.6-1.279-2.4-1.914c-.057-.041-.078-.122-.113-.186a2.15 2.15 0 0 0-.642-.732A3.53 3.53 0 0 0 20.618 10H20.4a3.54 3.54 0 0 0-1.984.629a2.2 2.2 0 0 0-.639.711c-.033.059-.056.126-.093.182a1 1 0 0 1-.134.112l-2.3 1.833l-1.122.9a3.2 3.2 0 0 0-.959.468a2.2 2.2 0 0 0-.639.711c-.03.053-.053.113-.084.165L10 17.662v.007l5.251 4.193v.009l5.249 4.193l5.249-4.19v-.012Zm-2.692 1.006a2.6 2.6 0 0 1-.913.726a3.7 3.7 0 0 1-1.644.365a3.7 3.7 0 0 1-1.587-.335a2.46 2.46 0 0 1-1.118-.975a1.6 1.6 0 0 1-.215-.836c0-.364-.01-.729.007-1.092c.037.089.044.192.081.282a2.1 2.1 0 0 0 .833 1.021a3.66 3.66 0 0 0 2 .575a3.7 3.7 0 0 0 1.96-.549a2.3 2.3 0 0 0 .7-.7a1.8 1.8 0 0 0 .239-.641a1.4 1.4 0 0 1 .011.273v.911a1.67 1.67 0 0 1-.354.975m-10.719-6.349c.037.089.044.192.081.282a2.1 2.1 0 0 0 .833 1.021a3.66 3.66 0 0 0 2 .575a3.7 3.7 0 0 0 1.96-.549a2.3 2.3 0 0 0 .7-.7a1.8 1.8 0 0 0 .239-.641a1.4 1.4 0 0 1 .011.273v.911a1.67 1.67 0 0 1-.357.979a2.6 2.6 0 0 1-.913.726a3.7 3.7 0 0 1-1.644.365a3.7 3.7 0 0 1-1.587-.335a2.46 2.46 0 0 1-1.118-.975a1.6 1.6 0 0 1-.215-.836c.007-.368-.008-.733.01-1.096m-2.338 7.44a3.7 3.7 0 0 1-1.587-.335a2.46 2.46 0 0 1-1.118-.975a1.6 1.6 0 0 1-.215-.836c0-.364-.01-.729.007-1.092c.037.089.044.192.081.282a2.1 2.1 0 0 0 .833 1.021a3.66 3.66 0 0 0 2 .575a3.7 3.7 0 0 0 1.96-.549a2.3 2.3 0 0 0 .7-.7a1.8 1.8 0 0 0 .239-.641a1.4 1.4 0 0 1 .011.273v.911a1.67 1.67 0 0 1-.357.979a2.6 2.6 0 0 1-.913.726a3.7 3.7 0 0 1-1.641.361m7.807 3.111a2.6 2.6 0 0 1-.913.726a3.7 3.7 0 0 1-1.644.365a3.7 3.7 0 0 1-1.587-.335a2.46 2.46 0 0 1-1.118-.975a1.6 1.6 0 0 1-.215-.836c0-.364-.01-.729.007-1.092c.037.089.044.192.081.282a2.1 2.1 0 0 0 .833 1.021a3.66 3.66 0 0 0 2 .575a3.7 3.7 0 0 0 1.96-.549a2.3 2.3 0 0 0 .7-.7a1.8 1.8 0 0 0 .239-.641a1.4 1.4 0 0 1 .011.273v.911a1.67 1.67 0 0 1-.354.975"/><path fill="#f39c12" d="M22.145 15.2a2.6 2.6 0 0 0 .913-.726a1.67 1.67 0 0 0 .357-.979v-.911a1.4 1.4 0 0 0-.011-.273a1.8 1.8 0 0 1-.239.641a2.3 2.3 0 0 1-.7.7a3.7 3.7 0 0 1-1.96.549v1.36a3.7 3.7 0 0 0 1.64-.361m-5.25 4.2a2.6 2.6 0 0 0 .913-.726a1.67 1.67 0 0 0 .357-.979v-.911a1.4 1.4 0 0 0-.011-.273a1.8 1.8 0 0 1-.239.641a2.3 2.3 0 0 1-.7.7a3.7 3.7 0 0 1-1.96.549v1.36a3.7 3.7 0 0 0 1.64-.361m11.759-2.885a1.8 1.8 0 0 1-.239.641a2.3 2.3 0 0 1-.7.7a3.7 3.7 0 0 1-1.96.549v1.36a3.7 3.7 0 0 0 1.644-.365a2.6 2.6 0 0 0 .913-.726a1.67 1.67 0 0 0 .357-.979v-.911a1.4 1.4 0 0 0-.015-.269M23.4 20.717a1.8 1.8 0 0 1-.239.641a2.3 2.3 0 0 1-.7.7a3.7 3.7 0 0 1-1.96.549v1.36a3.7 3.7 0 0 0 1.644-.365a2.6 2.6 0 0 0 .913-.726a1.67 1.67 0 0 0 .357-.979v-.911a1.4 1.4 0 0 0-.015-.269m-2.899 5.347L20.5 31L31 22.605v-4.932z"/><path fill="#e67e22" d="M18.914 15.231a3.7 3.7 0 0 0 1.587.335v-1.36a3.66 3.66 0 0 1-2-.575a2.1 2.1 0 0 1-.833-1.021c-.037-.09-.044-.193-.081-.282c-.017.363 0 .728-.007 1.092a1.6 1.6 0 0 0 .215.836a2.46 2.46 0 0 0 1.119.975m-5.662 2.603a2.1 2.1 0 0 1-.833-1.021c-.037-.09-.044-.193-.081-.282c-.017.363 0 .728-.007 1.092a1.6 1.6 0 0 0 .215.836a2.46 2.46 0 0 0 1.118.975a3.7 3.7 0 0 0 1.587.335v-1.36a3.66 3.66 0 0 1-1.999-.575m10.5 0a2.1 2.1 0 0 1-.833-1.021c-.037-.09-.044-.193-.081-.282c-.017.363 0 .728-.007 1.092a1.6 1.6 0 0 0 .215.836a2.46 2.46 0 0 0 1.118.975a3.7 3.7 0 0 0 1.587.335v-1.36a3.66 3.66 0 0 1-1.999-.575M18.5 22.036a2.1 2.1 0 0 1-.833-1.021c-.037-.09-.044-.193-.081-.282c-.017.363 0 .728-.007 1.092a1.6 1.6 0 0 0 .215.836a2.46 2.46 0 0 0 1.118.975a3.7 3.7 0 0 0 1.587.335v-1.36a3.66 3.66 0 0 1-1.999-.575m-3.25-.165v-.009L10 17.669v4.937c1.75 1.4 5.25 4.192 5.25 4.192v.01C17 28.21 20.5 31 20.5 31v-4.936Z"/></svg>

Folder Type Component アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →