File Type Babel2 アイコン

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

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

vscode-icons:file-type-babel2

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f4d44b" d="M13.016 4.025A26 26 0 0 1 10.17 5.82V6a.8.8 0 0 0 .281-.11c.123 0 .2.037.2.158l.2-.11h.1v.086A11 11 0 0 1 8.95 7.58l.11.171h-.1l-.209-.072c0 .062-.086.1-.281.11v.1l.219.243a.8.8 0 0 1-.289-.063a1.9 1.9 0 0 0-1.271.942l.11.171a2.6 2.6 0 0 1 .634-.5l.024.267a.9.9 0 0 0-.281.11l.233.342A6.8 6.8 0 0 1 9.3 8.192c.267.072.4.147.4.243h.2a15.5 15.5 0 0 1 4.25-2.3v.185c-.267.391-.439.586-.535.6a.74.74 0 0 0 .134.353a33 33 0 0 1-1.9 4.815a136 136 0 0 1-7.364 15.34a.7.7 0 0 0 .11.267a2.6 2.6 0 0 0 .942-.353h.11v.185h.185l.206-.142c0 .062.072.086.2.072v.185a1.64 1.64 0 0 1-.318.843a4.4 4.4 0 0 0-.647 1.428V30h.185a11.7 11.7 0 0 0 1.819-2.627a29 29 0 0 0 5.35-2.017a5 5 0 0 0 2.822-.966v-.1l-.465.134h-.11v-.1a4.24 4.24 0 0 0 1.872-.61c1.771-1.367 3.1-2.332 4.012-2.908c2.8-2.052 4.117-4.031 3.959-5.911a11 11 0 0 0-1.846-2.308c-.024-.267.4-.623 1.257-1.113l2.431-2.14a6.3 6.3 0 0 0 .976-3.37l-.051-.364c-.1-1.086-.88-1.966-2.37-2.637a9.2 9.2 0 0 0-4.721-.942a29 29 0 0 0-7.366 2Zm2.14 7.682c.185-1 .391-1.575.623-1.709l2.028-4.548c-.024-.281.4-.5 1.295-.647l.294-.024l.024.267c.88-.134 1.418-.209 1.624-.233c1.6-.134 2.442.185 2.517.976h.185l-.037-.465h.2a1.22 1.22 0 0 1 .757.952a1.43 1.43 0 0 1-.415.952c-.123 0-.2-.072-.209-.267h-.2l-.048.551c-.818 1.222-1.4 1.846-1.771 1.872q-.495.677-.623.7a11.2 11.2 0 0 1-2.1 1.565a27.4 27.4 0 0 0-4.216 1.637a.7.7 0 0 0-.391-.062v-.174a2.26 2.26 0 0 1 .476-1.337Zm-6.6-3.443v.086a.9.9 0 0 0-.281.11h-.1v-.172Zm5.879-.136l.024.267c-.086 0-.209.134-.353.391V8.6a.9.9 0 0 0 .267-.476Zm-.9 1.9l.037.366h-.1l-.029-.364Zm-.233.661c-.024.3-.1.465-.267.476h-.1a.93.93 0 0 0 .158-.465Zm-.4.952v.086l-.171.294h-.185v-.081a.243.243 0 0 0 .267-.294h.088Zm-.415.856l-.048.452h-.1l-.037-.452Zm2.14 1.367v.171l-.38.037v-.171Zm-1.817 2.617A21.5 21.5 0 0 0 18 14.943l.575-.048a3.33 3.33 0 0 1 2.675.685l.037.366c-.439 1.271-.928 2-1.452 2.236l-2.442 1.942a24 24 0 0 1-2.942 1.808a22 22 0 0 1-5.4 2.48h-.11c.1-.342 1.38-2.98 3.873-7.942Zm2.637-1.038v.086l-.391.037v-.086Zm-6.083 5.9c-.123.623-.267.942-.391.952v-.086a1.04 1.04 0 0 1 .4-.867Zm2.442 3.445a31.3 31.3 0 0 0 5.839-3.055v.171c0 .072-.267.3-.818.709a15 15 0 0 0-2.859 1.624c-1.76.61-2.627.99-2.613 1.137a29 29 0 0 0-3.079 1.356a1.1 1.1 0 0 1-.5-.134a.8.8 0 0 1 .428-.781a1.55 1.55 0 0 1 .781.123a7.5 7.5 0 0 1 1.514-.489v-.185l-.575.048a8.2 8.2 0 0 1 1.674-.781l.294-.024v.093c-.489.037-.77.2-.832.452a.16.16 0 0 0 .2.158a2.4 2.4 0 0 0 .535-.415Zm-3-2.22v.086a.17.17 0 0 1-.171.209v-.086a.18.18 0 0 1 .153-.207Zm4.569 1.246a4.3 4.3 0 0 0-1.308.575h-.1v-.185a1.85 1.85 0 0 0 1.2-.551a.183.183 0 0 1 .209.169Zm-4.751 1.331l.294-.024v.1a.8.8 0 0 0-.281.11h-.184a.21.21 0 0 1 .171-.186"/></svg>

File Type Babel2 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →