File Type Bosque アイコン

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

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

vscode-icons:file-type-bosque

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#206e20" d="M17.636 16.215v-6.1c0-.327-.054-.285.331-.285H30v6.379h-5.34Z"/><path fill="#247b24" d="M17.634 16.215H30v6.379H17.634z"/><path fill="#1c601c" d="M29.949 3.813A1.19 1.19 0 0 0 28.859 3H10.22a1.18 1.18 0 0 0-1.2.939a1 1 0 0 0-.02.212V9.83h21V3.938c-.045-.03-.037-.083-.051-.125"/><path fill="#288928" d="M19.7 22.592H9V27.9a.6.6 0 0 0 .013.112A1.17 1.17 0 0 0 10.2 29h18.586a1.17 1.17 0 0 0 1.17-.854c.01-.029 0-.069.044-.082v-5.472Z"/><path fill="#107c10" d="M18.322 9.07a1.2 1.2 0 0 0-.111-.508a1.32 1.32 0 0 0-1.263-.823Q12.973 7.73 9 7.735H3.387A1.36 1.36 0 0 0 2 9.069v13.784a1.363 1.363 0 0 0 1.313 1.411h13.526a2 2 0 0 0 .347-.024a1.35 1.35 0 0 0 1.14-1.307Q18.325 16 18.322 9.07"/><path fill="#fefefe" d="M13.785 21.26h-1.239c-.084 0-.081-.069-.1-.116q-.524-1.4-1.043-2.8l-.954-2.557l-.035-.088c-.056.008-.054.055-.068.085L7.9 21.134a.18.18 0 0 1-.2.129c-.381-.008-.764 0-1.163 0l.514-1.143q1.353-3 2.706-5.991a.25.25 0 0 0 .006-.214c-.155-.41-.3-.822-.457-1.233a1.7 1.7 0 0 0-.219-.426a.93.93 0 0 0-.787-.416h-.531c-.088 0-.123-.015-.121-.115c.008-.284 0-.567 0-.851c0-.049-.016-.105.07-.1a7 7 0 0 1 1.366.089a1.71 1.71 0 0 1 1.289 1.155c.691 1.891 1.392 3.778 2.089 5.666l1.269 3.436a1 1 0 0 1 .054.14"/></svg>

File Type Bosque アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →