File Type Bunfig アイコン

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

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

vscode-icons:file-type-bunfig

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fbf0df" d="M29 17c0 5.65-5.82 10.23-13 10.23S3 22.61 3 17c0-3.5 2.24-6.6 5.66-8.44S14.21 4.81 16 4.81s3.32 1.54 7.34 3.71C26.76 10.36 29 13.46 29 17"/><path fill="none" stroke="#000" d="M16 27.65c7.32 0 13.46-4.65 13.46-10.65c0-3.72-2.37-7-5.89-8.85c-1.39-.75-2.46-1.41-3.37-2l-1.13-.69A6.14 6.14 0 0 0 16 4.35a6.9 6.9 0 0 0-3.3 1.23c-.42.24-.86.51-1.32.8c-.87.54-1.83 1.13-3 1.73C4.91 10 2.54 13.24 2.54 17c0 6 6.14 10.65 13.46 10.65Z"/><path fill="#ccbea7" fill-rule="evenodd" d="M14.93 5.75a6.1 6.1 0 0 1-2.09 4.62c-.1.09 0 .27.11.22c1.25-.49 2.94-1.94 2.23-4.88c-.03-.15-.25-.11-.25.04m.85 0a6 6 0 0 1 .57 5c0 .13.12.24.21.13c.83-1 1.54-3.11-.59-5.31c-.1-.11-.27.04-.19.17Zm1-.06a6.1 6.1 0 0 1 2.53 4.38c0 .14.21.17.24 0c.34-1.3.15-3.51-2.66-4.66c-.12-.02-.21.18-.09.27ZM9.94 9.55a6.27 6.27 0 0 0 3.89-3.33c.07-.13.28-.08.25.07c-.64 3-2.79 3.59-4.13 3.51c-.14-.01-.14-.21-.01-.25"/><path fill="#40535b" d="m26.08 26.79l.67-.67c3.13.1 3.17 0 3.31-.33l.86-2.09l.06-.2l-.07-.17c0-.1-.15-.37-2.1-2.23v-1c2.25-2.16 2.2-2.27 2.07-2.59L30 15.42c-.13-.32-.18-.44-3.28-.36l-.67-.7a15 15 0 0 0-.05-3.08l-.09-.2l-2.23-1c-.33-.15-.44-.2-2.55 2.09h-.94C18 9.87 17.89 9.91 17.57 10l-2.08.84c-.32.13-.43.18-.31 3.33l-.67.66c-3.12-.1-3.17 0-3.3.33l-.86 2.1l-.07.2l.07.17c0 .09.14.36 2.1 2.22v1c-2.25 2.17-2.2 2.28-2.07 2.6l.85 2.11c.13.33.18.44 3.28.36l.67.7a15 15 0 0 0 .1 3.08l.09.2l2.24 1c.33.13.44.18 2.54-2.1h1c2.17 2.31 2.28 2.27 2.6 2.14l2.07-.83c.28-.11.39-.18.26-3.32m-8.9-4.89a3.72 3.72 0 1 1 4.87 2.1a3.77 3.77 0 0 1-4.87-2.12Z"/></svg>

File Type Bunfig アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →