File Type Chef アイコン

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

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

vscode-icons:file-type-chef

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#3f5364" d="M11.791 20.247a6.1 6.1 0 0 0 4.265 1.773V19.5a3.44 3.44 0 0 1-2.483-1.027Zm6.458-9.847l-.933 2.333a3.77 3.77 0 0 1 1.784 1.494h2.716a6.07 6.07 0 0 0-3.567-3.827"/><path fill="#f18b21" d="M10.008 16a6.1 6.1 0 0 0 .513 2.427l2.3-1.027a3.4 3.4 0 0 1-.28-1.4a3.534 3.534 0 0 1 3.509-3.5V9.98A6.045 6.045 0 0 0 10.008 16m7.299 3.267l.933 2.333a6.05 6.05 0 0 0 3.6-3.873h-2.713a3.6 3.6 0 0 1-1.82 1.54"/><path fill="#3f5364" d="M16.047 22.3a6.3 6.3 0 1 1 6.085-8.027h2.436a8.657 8.657 0 1 0 0 3.5h-2.436a6.3 6.3 0 0 1-6.085 4.527"/><path fill="#3f5364" d="M16.047 7.04V4.66a11.325 11.325 0 0 0-10.584 7.233l2.2.84a9.05 9.05 0 0 1 8.384-5.693m0 17.92v2.38a11.37 11.37 0 0 0 11.237-9.567h-2.436a8.936 8.936 0 0 1-8.801 7.187"/><path fill="#f18b21" d="M24.895 14.273h2.389a11.4 11.4 0 0 0-7.121-8.82l-.84 2.193a9.11 9.11 0 0 1 5.572 6.627M7.059 16h-2.39a11.36 11.36 0 0 0 7.168 10.547l.887-2.193A9.03 9.03 0 0 1 7.059 16"/><path fill="#3f5364" d="M27.564 14.273h2.389a14.5 14.5 0 0 0-2.016-5.647l-2.016 1.26a10.46 10.46 0 0 1 1.643 4.387M2 16.009a14.7 14.7 0 0 0 1.241 6.048l2.315-.952a12.45 12.45 0 0 1-1.148-5.1"/><path fill="#f18b21" d="M16.047 27.62a11.63 11.63 0 0 1-8.241-3.407l-1.689 1.68A13.85 13.85 0 0 0 16.047 30A14.08 14.08 0 0 0 30 17.727h-2.389a11.72 11.72 0 0 1-11.564 9.893m0-23.24a11.38 11.38 0 0 1 6.972 2.333L24.475 4.8A13.96 13.96 0 0 0 16.047 2a14.1 14.1 0 0 0-13.114 8.913l2.249.887a11.69 11.69 0 0 1 10.865-7.42"/></svg>

File Type Chef アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →