File Type Cucumber アイコン

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

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

vscode-icons:file-type-cucumber

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#23d96c" d="M21.97 4.174q-.321-.192-.656-.36t-.7-.314a6 6 0 0 0-.226-.09c-.208-.077-.418-.163-.633-.225a11.793 11.793 0 1 0-5.944 22.77v3.375c7.089-1.065 13.365-6.666 13.833-14.02A12.21 12.21 0 0 0 21.97 4.174"/><path fill="#173647" d="M13.171 30.071v-3.6a12.427 12.427 0 1 1 5.836-24.16q.478.115.946.269c.166.049.338.114.505.177l.151.056l.253.1c.211.083.449.19.733.33q.358.179.7.384a12.84 12.84 0 0 1 5.984 11.726C27.815 22.635 21.77 28.78 13.9 29.961Zm2.914-26.84h-.016a11.149 11.149 0 0 0-2.139 22.1l.516.1v3.144C21.361 27.227 26.592 21.735 27 15.27a11.54 11.54 0 0 0-5.36-10.552a9 9 0 0 0-1.263-.629q-.1-.045-.209-.084L20 3.941q-.212-.084-.43-.151a11.2 11.2 0 0 0-3.486-.558Z"/><path fill="#173647" d="M13.7 8.383a1.1 1.1 0 0 1 .961.369a2.5 2.5 0 0 1 .442.672a3.17 3.17 0 0 1 .14 2.8a3.85 3.85 0 0 1-2.417-1.874a2 2 0 0 1-.211-.813A1.19 1.19 0 0 1 13.7 8.383m-3.45 4.871a4.7 4.7 0 0 0 .739.447a3.51 3.51 0 0 0 2.964-.084a3.7 3.7 0 0 0-2.031-2.094a2.2 2.2 0 0 0-.875-.195a1 1 0 0 0-.194 0a1.072 1.072 0 0 0-.6 1.926Zm3.7 2.084a4.15 4.15 0 0 0-2.011-.177a2.7 2.7 0 0 0-1.011.214a2.1 2.1 0 0 0-.739.448a1.1 1.1 0 0 0 .855 1.925a2 2 0 0 0 .875-.195a3.73 3.73 0 0 0 2.031-2.214Zm1.584 1.214a3.98 3.98 0 0 0-2.261 2.128a1.9 1.9 0 0 0-.195.8a1.158 1.158 0 0 0 2 .817a4.5 4.5 0 0 0 .425-.739a3.6 3.6 0 0 0 .028-3Zm1.56-4.352a3.6 3.6 0 0 0 2.246-1.92a2 2 0 0 0 .194-.817a1.16 1.16 0 0 0-1.089-1.186a1.11 1.11 0 0 0-.971.389a4.5 4.5 0 0 0-.428.739a2.94 2.94 0 0 0 .049 2.794Zm2.554 7.354a2 2 0 0 0-.195-.816a3.56 3.56 0 0 0-2.153-1.982a3.27 3.27 0 0 0-.137 2.86a2.5 2.5 0 0 0 .425.68a1.217 1.217 0 0 0 2.065-.739Zm2.55-3.812a4.5 4.5 0 0 0-.739-.425a2.7 2.7 0 0 0-1.011-.214a3.9 3.9 0 0 0-1.935.337a3.62 3.62 0 0 0 2.013 2.06a2.2 2.2 0 0 0 .875.194a1.093 1.093 0 0 0 .8-1.948Z"/></svg>

File Type Cucumber アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →