File Type Ocx アイコン

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

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

vscode-icons:file-type-ocx

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#ff6047" d="M9.92 9.37a.24.24 0 0 1-.01-.42l.04-.02l5.72-2.88a.7.7 0 0 1 .68 0l5.7 2.86l.08.04c.15.1.15.32 0 .4h-.01q-2.89 1.46-5.77 2.94a.7.7 0 0 1-.7 0q-2.86-1.47-5.73-2.92m13.19-7.04a.3.3 0 0 1 .21 0l.17.07l5.6 2.85l.09.04c.08.07.2.15.21.23c0 .07-.12.17-.2.22L27.14 6.8c-1.16.6-2.32 1.16-3.47 1.76a1 1 0 0 1-.96 0q-2.73-1.4-5.47-2.78c-.2-.1-.2-.4 0-.5l5.6-2.84zM8.8 8.76l-.31-.13l-5.66-2.88c-.09-.05-.2-.14-.2-.21s.1-.17.19-.21L8.56 2.4q.3-.15.59.01l5.57 2.85l.04.03c.18.12.17.4-.02.5L9.06 8.65zm8.39 11.18c-.17-.09-.18-.34 0-.42l5.57-2.85c.3-.16.56-.17.87 0l5.55 2.81c.09.05.2.15.2.22s-.11.18-.2.23l-5.6 2.85a.8.8 0 0 1-.76 0l-5.61-2.82zM8.82 16.5q.18.05.35.14l5.65 2.88c.15.1.14.35-.03.43l-5.6 2.86a.7.7 0 0 1-.7 0l-5.66-2.9a.4.4 0 0 1-.19-.2c0-.06.1-.16.17-.2l5.72-2.91q.13-.07.3-.1m7.52 6.98v-2.71c0-.41.1-.47.46-.29q2.84 1.45 5.67 2.86q.38.18.37.59v5.38q0 .56-.5.3l-5.68-2.92q-.32-.14-.31-.5v-2.71zm-.7-.03v2.71q.02.35-.29.5L9.7 29.58c-.4.2-.51.13-.51-.33l-.01-5.27c0-.3.1-.49.38-.63l5.63-2.87c.39-.2.47-.15.47.3zM8.5 29.27q.02.6-.5.32l-5.65-2.9q-.33-.14-.32-.51v-5.39c0-.41.13-.48.5-.3q2.7 1.4 5.4 2.76c.4.2.58.42.56.88c-.04.82 0 4.25 0 5.14m21.47-5.79v2.68q.03.38-.32.54l-5.6 2.85c-.39.2-.51.12-.51-.33l-.02-5.2c0-.35.11-.55.43-.7l5.5-2.79l.13-.07q.41-.2.4.25zM9.18 12.85v-2.61c0-.4.11-.47.47-.3l5.6 2.86c.3.15.43.33.42.67v5.2c0 .4-.12.47-.47.3l-5.56-2.81c-.33-.16-.48-.37-.47-.75q.03-1.27.01-2.56m-.7-.45v2.69c0 .42-.13.5-.51.3L2.5 12.6c-.34-.17-.48-.37-.48-.77q.02-2.56.01-5.13c0-.48.11-.55.53-.33L8.15 9.2q.34.16.32.53zm7.87 3.62v-2.61q-.02-.4.33-.56q2.68-1.36 5.35-2.74q.22-.13.47-.24q.3-.11.34.22v5.42q.02.37-.3.55l-5.8 2.96q-.38.2-.37-.26v-2.74zm7.18-3.64V9.74q-.03-.38.3-.55q2.87-1.44 5.73-2.9c.3-.15.4-.09.4.24v5.51a.6.6 0 0 1-.26.41q-2.87 1.5-5.76 2.96q-.43.23-.41-.28z"/></svg>

File Type Ocx アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-ocx"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-ocx"></iconify-icon>

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →