File Type Cf2 アイコン

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

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

vscode-icons:file-type-cf2

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#909090" d="m24.037 2.072l5.564 5.8v22.056H8.814V30H29.67V7.945z"/><path fill="#27434f" d="M23.965 2H8.742v27.928H29.6V7.873z"/><path fill="#4c4442" d="M23.893 2.072v5.873h5.633z"/><path fill="#e5f3fc" d="M23.965 2v5.873H29.6z"/><path fill="#909090" d="M2.384 10.264h6.358V3.432H2.384Z"/><path fill="#4c4442" d="M8.742 10.264h13.719V3.432H8.742z"/><path fill="#e5f3fc" d="M22.407 10.211H2.33V3.378h20.077zm-4.14 4.475a3.9 3.9 0 0 1 1.692.2c.054.032.068.063.068.158v1.374c0 .126-.054.126-.095.095a3.56 3.56 0 0 0-1.611-.273c-1.751 0-2.945 1.358-2.945 3.648c0 2.906 1.683 3.617 2.9 3.617a3.5 3.5 0 0 0 1.643-.244c.068-.032.1-.016.1.079v1.34a.19.19 0 0 1-.081.189a4.14 4.14 0 0 1-1.928.23c-2.172.016-4.248-1.408-4.248-5.167c0-2.985 1.765-5.246 4.506-5.246m6.532-.31c-1.625 0-2.582 1.12-2.582 3.079v.245h-.9a.08.08 0 0 0-.091.091V18.9a.106.106 0 0 0 .091.121l.9.015v6.017c0 .091.03.121.106.121h1.534c.091 0 .121-.046.121-.121v-6l1.291-.03c.076 0 .091-.03.091-.106v-1.129c0-.061-.015-.091-.091-.091h-1.294v-.349c0-1.276.516-1.484 1.108-1.484a1.6 1.6 0 0 1 .268.024v-1.46a3 3 0 0 0-.556-.052"/><path fill="#27434f" d="M14.215 9.237c0 .045-.013.06-.051.06h-.686q-.038-.002-.038-.06V4.489c0-.045.006-.052.045-.052h2.468c.038 0 .051.007.058.052l.058.6c.006.045-.006.067-.045.067h-1.809v1.42h1.622c.038 0 .051.015.051.052v.619a.046.046 0 0 1-.051.052h-1.622zm-2.353-4.8a1.8 1.8 0 0 1 .79.092c.025.015.032.029.032.074v.641c0 .059-.025.059-.044.044a1.66 1.66 0 0 0-.752-.127c-.817 0-1.375.634-1.375 1.7c0 1.356.785 1.688 1.356 1.688a1.64 1.64 0 0 0 .767-.114c.032-.015.044-.007.044.037V9.1a.09.09 0 0 1-.038.088a1.9 1.9 0 0 1-.9.107c-1.014.007-1.983-.657-1.983-2.411a2.2 2.2 0 0 1 2.1-2.448"/></svg>

File Type Cf2 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →