Folder Type Ocx Opened アイコン

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

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

vscode-icons:folder-type-ocx-opened

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#9aa5b3" 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.63Z"/><path fill="#ff6047" d="M18.8 18.47a.15.15 0 0 1 0-.25l.03-.01l3.47-1.75a.4.4 0 0 1 .41 0l3.46 1.74l.05.02c.1.06.1.2 0 .24l-3.5 1.78a.4.4 0 0 1-.43 0zm8.02-4.27h.12l.1.04l3.41 1.73q.03 0 .05.03c.05.04.13.09.13.14q-.02.07-.13.13l-1.24.65l-2.1 1.06a.6.6 0 0 1-.59 0l-3.32-1.68c-.12-.07-.12-.24 0-.3l3.4-1.73zm-8.69 3.9l-.2-.08l-3.43-1.74q-.09-.06-.12-.13c0-.04.07-.1.12-.13l3.48-1.78q.19-.09.36.01l3.38 1.73l.03.02c.1.07.1.24-.02.3l-3.44 1.74zm5.09 6.8a.16.16 0 0 1 0-.27l3.38-1.72a.5.5 0 0 1 .53 0l3.37 1.7c.05.03.13.1.13.14s-.08.1-.13.14l-3.4 1.73a.5.5 0 0 1-.46 0l-3.4-1.72zm-5.08-2.1l.21.09l3.43 1.75c.1.06.09.2-.01.26l-3.4 1.73a.4.4 0 0 1-.43 0l-3.44-1.75q-.09-.05-.1-.13c-.01-.03.05-.1.1-.12l3.46-1.77zm4.57 4.24v-1.65c0-.24.06-.28.28-.17l3.45 1.74q.22.1.22.35v3.27q0 .34-.3.18l-3.45-1.77q-.2-.08-.2-.3q.02-.83.01-1.65zm-.42-.01v1.64q0 .2-.18.3l-3.44 1.77c-.24.13-.31.08-.31-.2v-3.2q-.01-.27.23-.38L22 25.22c.24-.12.29-.09.29.18zm-4.35 3.53q.02.36-.3.19l-3.43-1.76q-.2-.09-.19-.31v-3.27q-.02-.37.3-.18q1.64.85 3.28 1.67c.24.12.35.26.34.54c-.02.5 0 2.57 0 3.12m13.04-3.52v1.63q.01.22-.2.32l-3.4 1.74q-.33.2-.31-.2v-3.16q-.03-.3.25-.43l3.34-1.69l.08-.04q.25-.13.24.15zm-12.62-6.45V19q-.02-.35.28-.17l3.4 1.73q.27.12.26.4v3.16q.02.35-.29.18l-3.37-1.7q-.3-.13-.28-.46zm-.42-.27v1.63q.02.37-.32.18l-3.31-1.7c-.2-.1-.3-.22-.29-.46v-3.12c0-.29.07-.33.33-.2l3.38 1.72q.2.1.2.32v1.63m4.78 2.19v-1.58q0-.25.2-.34l3.25-1.66l.29-.15q.18-.07.2.13v3.28q0 .24-.18.35l-3.52 1.8q-.23.12-.23-.16V22.5zm4.36-2.21v-1.6q-.01-.23.19-.33l3.47-1.76q.26-.16.25.14l-.01 3.35c0 .08-.08.2-.15.25l-3.5 1.79q-.26.15-.25-.17z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →