ICONYZ
日本語
VSCode Icons の File Type Cobol アイコン

File Type Cobol アイコン

vscode-icons:file-type-cobol

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

アイコンセット
VSCode Icons
作者
Roberto Huertas
ライセンス
MIT
サイズ
32 × 32
タグ
filetype、typecobol、filetypecobol
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#005ca5" d="M22.24 6.546a4.45 4.45 0 0 0 1.765-2.522a4.64 4.64 0 0 1-.018 2.157c-.223.582-.567 1.107-.834 1.669a21.8 21.8 0 0 1 4.559-2.938C27.23 6.4 25.891 7.3 24.907 8.442c.19.409.28.989.8 1.109a5.04 5.04 0 0 0 2.5.155c.912-.313 1.345-1.258 1.8-2.035V9.14a16 16 0 0 1-.582 1.748c.2.547.409 1.092.582 1.647v.952c-.214.368-.442.726-.663 1.089a5.3 5.3 0 0 0-1.068-1.162a4 4 0 0 0-1.851-.125a3.21 3.21 0 0 0 2.413 1.47c-.359.37-.663.912-1.23.969c-1.641.247-3.207-.505-4.839-.5c-.282.02-.707.024-.785.372c0 .735.217 1.453.19 2.188c-.059 1.258-.512 2.466-.529 3.726a13.8 13.8 0 0 0 .838 3.448a48 48 0 0 1-1.562-.26c-.1.208-.184.42-.26.634a4.5 4.5 0 0 0 1.139 1.195l-.241.508l-.573.138q-.196.37-.4.739a4.4 4.4 0 0 0-2.2.061q-.698-.28-1.389-.567a5.9 5.9 0 0 0 .407-2.315c-.282-.982-1.6-.984-2-1.877a6.2 6.2 0 0 1-1.022-2.851c-.823-.433-1.455-1.221-2.4-1.4c-.048.409-.083.82-.153 1.227a6 6 0 0 1-1.348 2.406l.12 1.265q.52.486 1.033.974a10 10 0 0 1-1.426.713a11 11 0 0 1-1.687.077l-.777-.764a4.87 4.87 0 0 0 .114-2.608c.171-.4.326-.812.475-1.221a5.57 5.57 0 0 1-3.01.206a5.12 5.12 0 0 1-3.29-4.33a3.86 3.86 0 0 1 1.407-3.268a6.4 6.4 0 0 0-.24 2.615a3.04 3.04 0 0 0 2.5 2.466a3.46 3.46 0 0 0 1.96-.643a7.5 7.5 0 0 1 .363-4.133a5.52 5.52 0 0 1 3.586-2.66a4.24 4.24 0 0 0 2.011-1.566a10.7 10.7 0 0 1 1.529-1.33l-.68-.659A2.15 2.15 0 0 0 15.9 6.023c1.284-.3 2.551-.661 3.82-1.011a3.8 3.8 0 0 0 1.415.606c.317.346.494 1.157 1.1.928m-3.777 13.362c.042.768-.048 1.665.674 2.155c0-.755-.046-1.507-.1-2.26Z"/></svg>

File Type Cobol アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →