File Type Cfm アイコン

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

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

vscode-icons:file-type-cfm

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><radialGradient id="SVGdvTTfuLC" cx="10.925" cy="-543.261" r="12.833" gradientTransform="matrix(1.293 0 0 -1.234 -.634 -658.475)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".98"/><stop offset="1" stop-color="#e5f3fc"/></radialGradient></defs><path fill="url(#SVGdvTTfuLC)" d="M3.167 3.517h25.667v24.967H3.167z"/><path fill="#28434f" d="M2 2.35v27.3h28V2.35Zm1.167 1.167h25.667v24.966H3.167Zm7.906 17.573a.185.185 0 0 1-.128.2a5.8 5.8 0 0 1-2.025.275c-2.859 0-5.387-1.869-5.387-6.267c0-3.775 2.236-6.3 5.644-6.3a5 5 0 0 1 1.9.257c.092.037.11.092.11.2v1.575c0 .147-.073.147-.128.128a4.3 4.3 0 0 0-1.861-.348c-2.144 0-3.573 1.631-3.573 4.434c0 3.463 1.961 4.489 3.573 4.489a5 5 0 0 0 1.75-.238c.073-.037.128-.037.128.092v1.5Zm.711-6.647c-.073 0-.073-.037-.073-.128V12.8c0-.092.018-.11.092-.11h1.019v-.568a3.76 3.76 0 0 1 .366-1.756a2.4 2.4 0 0 1 2.364-1.356a2 2 0 0 1 .741.092a.143.143 0 0 1 .11.165v1.466c0 .092-.037.128-.128.11a2.3 2.3 0 0 0-.5-.055c-.641 0-.953.458-.953 1.338v.565h1.455c.092 0 .127.018.127.092v1.529c0 .092-.018.11-.11.128h-1.473v6.845c0 .073-.018.123-.128.123H12.95a.116.116 0 0 1-.128-.128v-6.84h-1.038Zm9.005-2.378a15.6 15.6 0 0 0-3.686.653c-.091 0-.107.053-.107.149c.032.374.005.918.005 1.558h.011v6.8c0 .133.027.171.107.171h1.627c.091 0 .123-.037.123-.149V14.2a2.75 2.75 0 0 1 1.446-.384c.929 0 1.436.838 1.436 2.06v5.358a.2.2 0 0 0 .038.13a.08.08 0 0 0 .068.038H23.5c.091 0 .123-.037.123-.149V14.2a2.75 2.75 0 0 1 1.446-.384c.929 0 1.436.838 1.436 2.06v5.358q.001.17.139.171h1.612c.075 0 .123-.053.123-.149v-5.363c0-3.047-1.355-3.72-2.545-3.816a12 12 0 0 0-3.385.478a2.6 2.6 0 0 0-1.37-.478a5 5 0 0 0-.29-.012"/></svg>

File Type Cfm アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →