File Type Opentofu アイコン

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

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

vscode-icons:file-type-opentofu

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#0d1a2a" d="M17.06.61a2.21 2.21 0 0 0-2.12 0L4.1 6.57l-.03.01l-1.42.79A2.18 2.18 0 0 0 1.5 9.29v13.4c0 .81.44 1.55 1.14 1.94l10.95 6.02l.05.02l1.3.72c.66.36 1.46.36 2.12 0l1.31-.72l.04-.02l10.95-6.02a2.2 2.2 0 0 0 1.14-1.92V9.29c0-.8-.44-1.54-1.14-1.92l-1.42-.78l-.03-.01zm.7 15.39l10.14-5.58l.03-.01l.13-.07a.5.5 0 0 1 .74.44v10.44a.5.5 0 0 1-.74.44l-.1-.05l-.06-.03zm-13.7-5.6l.03.02l10.15 5.57L4.1 21.58l-.06.03l-.1.05a.5.5 0 0 1-.74-.44V10.78a.5.5 0 0 1 .74-.45l.13.07zM27.1 8.06l-9.5-5.23a.5.5 0 0 0-.76.43v11.31L27.1 8.94a.5.5 0 0 0 0-.88m-22.2.87l10.25 5.63V3.26a.5.5 0 0 0-.75-.43L4.9 8.06a.5.5 0 0 0 0 .87m0 15.01a.5.5 0 0 1-.02-.87l10.28-5.64v11.3c-.01.38-.4.61-.74.45l-9.51-5.23zm11.94 4.78v-11.3l10.28 5.64a.5.5 0 0 1-.03.88l-9.51 5.23a.5.5 0 0 1-.74-.44z"/><path fill="#e6c220" d="M15.75 2.08a.5.5 0 0 1 .5 0l10.84 5.97c.35.19.35.7 0 .89L16.24 14.9a.5.5 0 0 1-.49 0L4.91 8.94a.5.5 0 0 1 0-.9z"/><path fill="#feda15" d="M3.19 10.78a.5.5 0 0 1 .75-.45l10.95 6.02c.16.1.26.26.26.44v11.93a.5.5 0 0 1-.75.44L3.46 23.15a.51.51 0 0 1-.26-.44V10.78z"/><path fill="#fff" d="M28.06 10.33a.5.5 0 0 1 .74.45V22.7a.5.5 0 0 1-.26.44L17.6 29.16a.5.5 0 0 1-.75-.44V16.79c0-.18.1-.35.26-.44z"/><path fill="#0d1a2a" d="M7.79 20.13v.02L5.22 18.8v-.02c.06-.8.68-1.15 1.39-.77s1.24 1.32 1.18 2.12m4.04 2.33v.02l-2.57-1.36v-.01c.06-.8.68-1.15 1.39-.77s1.24 1.32 1.18 2.12"/></svg>

File Type Opentofu アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →