Folder Type Claude Opened アイコン

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

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

vscode-icons:folder-type-claude-opened

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#a54f31" 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="#d97757" d="m14.424 23.802l3.931-2.202l.072-.193l-.072-.107h-.193l-.657-.043a167 167 0 0 1-6.083-.243l-.479-.1l-.443-.586l.043-.293l.4-.272l.572.05c2.201.143 4.396.286 6.583.515h.329l.043-.136l-.115-.071l-.085-.086l-1.959-1.33c-1.458-.929-2.537-1.737-3.845-2.63l-.308-.386l-.128-.843l.543-.6l.736.05l.186.05a162 162 0 0 0 4.41 3.33l.308.258l.121-.086l.014-.064l-.143-.23c-1.022-1.858-1.822-3.302-2.859-4.974l-.143-.515a2.2 2.2 0 0 1-.093-.607l.622-.844l.35-.114l.83.114l.35.3c1 2.366 1.973 4.239 3.023 6.312l.208.693l.071.215h.136v-.122c.465-2.444 0-4.696.872-6.812l.622-.407l.486.236l.4.572l-.057.364c-.264 1.873-.657 3.731-1 5.59h.171l.207-.207a49 49 0 0 1 3.51-4.246l.457-.358h.858l.636.944l-.286.972a38 38 0 0 0-3.33 4.625l.064.092l.157-.014c1.715-.407 3.46-.707 5.197-1l.693.321l.071.329l-.264.672c-2.144.515-4.289.958-6.433 1.465l-.036.029l.043.05c1.93.186 4.017.214 5.711.336l.658.436l.393.536l-.072.4l-1 .522c-2.095-.5-3.71-.872-5.654-1.358h-.158v.093c1.559 1.515 3.288 3.052 4.675 4.339l.107.486l-.271.378l-.286-.042c-1.458-1.023-2.788-2.21-4.146-3.36h-.107v.143l.372.543c.814 1.28 1.887 2.323 2.051 3.839l-.143.293l-.5.179l-.558-.1a52 52 0 0 1-3.274-5.033l-.121.065l-.558 6.047l-.264.307l-.608.236l-.507-.386l-.272-.622A82 82 0 0 0 20.3 23.81l.143-.522l-.007-.035l-.115.014a55 55 0 0 1-4.453 5.633l-.343.143l-.6-.315l.057-.55l.336-.494c1.48-1.837 2.53-3.33 3.96-5.003v-.136h-.05l-5.29 3.431l-.936.122l-.408-.38l.05-.621l.193-.2l1.594-1.094z"/></svg>

Folder Type Claude Opened アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →