File Type Coffeescript アイコン

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

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

vscode-icons:file-type-coffeescript

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#6f4e37" d="M13.114 5.728c.025.153-.051.28-.306.408a3.46 3.46 0 0 0-1.63-.229c-.637.051-1.172.255-1.1.688c.1.433.713.688 1.808.586c2.674-.229 2.649-2.038 6.571-2.394c3.056-.28 4.763.662 4.992 1.808c.178.891-.56 1.757-2.776 1.936c-1.961.178-3.107-.357-3.209-.891c-.051-.28.1-.688 1.044-.79c.1.433.637.891 1.91.764C21.341 7.536 22.1 7.2 22 6.7c-.1-.535-1.07-.84-2.6-.713c-3.107.28-3.871 1.987-6.52 2.216c-1.88.173-3.408-.514-3.612-1.533c-.076-.382-.076-1.273 1.91-1.452c1.019-.076 1.834.1 1.936.509ZM3.181 16.374A5.28 5.28 0 0 0 2.01 19.99a4.2 4.2 0 0 0 1.655 3.056a4 4 0 0 0 3.362.79a11 11 0 0 0 1.5-.484a4.24 4.24 0 0 1-2.751-1.019a4.13 4.13 0 0 1-1.732-2.827a3.8 3.8 0 0 1 .614-3.006A3.98 3.98 0 0 1 7.409 15a4.8 4.8 0 0 1 3.209.942a7 7 0 0 0-.866-.866a4.1 4.1 0 0 0-3.464-.688a5.2 5.2 0 0 0-3.107 1.987Zm13.652-5.884A41 41 0 0 1 8.5 9.7c-2.263-.56-3.46-1.171-3.46-1.96c0-.331.153-.611.611-.942c-1.426.56-2.19 1.019-2.19 1.732c.076.79 1.35 1.579 3.948 2.19a39.4 39.4 0 0 0 9.347.942a39 39 0 0 0 9.344-.942c2.6-.611 3.846-1.426 3.846-2.19c0-.56-.56-1.1-1.579-1.5a.86.86 0 0 1 .408.688c0 .79-1.172 1.426-3.54 1.961a39.3 39.3 0 0 1-8.402.811m9.373 2.19a42.3 42.3 0 0 1-9.347.942a44 44 0 0 1-9.424-.942c-2.19-.56-3.362-1.172-3.769-1.808a23.2 23.2 0 0 0 2.6 7.641c.942 1.426 1.885 2.674 2.827 4.024a10 10 0 0 1 .866 2.369a4.56 4.56 0 0 0 2.6 1.732a10.6 10.6 0 0 0 4.177.611h.153a11.8 11.8 0 0 0 4.3-.611a4.87 4.87 0 0 0 2.521-1.732h.076a9.6 9.6 0 0 1 .79-2.369c.942-1.35 1.885-2.6 2.827-4.024A24.6 24.6 0 0 0 30 10.872c-.509.713-1.681 1.328-3.795 1.809Z"/></svg>

File Type Coffeescript アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →