File Type Jss アイコン

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

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

vscode-icons:file-type-jss

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M2 5h22.4v22H2z"/><path fill="#f7df1e" d="M2.421 5.416h21.558v21.168H2.421z"/><path fill="#f7df1e" d="M26.3 25.48a4.24 4.24 0 0 1-3.724-2.24l-.114-.214l2.12-1.22l.119.236a2.02 2.02 0 0 0 1.8 1.108h.023c.7 0 1.16-.307 1.16-.765c0-.5-.352-.7-1.358-1.134l-.516-.222c-1.37-.579-2.64-1.383-2.64-3.329a3 3 0 0 1 .9-2.121a3.12 3.12 0 0 1 2.139-.858q.131.001.266.014a3.29 3.29 0 0 1 3.142 1.78l.106.2l-2.063 1.316l-.112-.279a1.19 1.19 0 0 0-1.1-.725a.65.65 0 0 0-.743.578c0 .49.206.68 1.118 1.073l.518.218c1.794.764 2.906 1.61 2.906 3.461c0 1.892-1.445 3.115-3.683 3.115a4 4 0 0 1-.264.008m-3.161-2.266a3.77 3.77 0 0 0 3.417 1.759c1.979 0 3.2-1 3.2-2.616c0-1.591-.914-2.282-2.6-3l-.518-.219c-.861-.37-1.426-.673-1.426-1.48a1 1 0 0 1 .007-.105a1.15 1.15 0 0 1 1.261-1.025a1.71 1.71 0 0 1 1.4.773l1.182-.754a2.81 2.81 0 0 0-2.592-1.314c-.13-.008-.2-.012-.293-.012a2.51 2.51 0 0 0-2.51 2.482c0 1.56.934 2.275 2.336 2.866l.519.223c.927.4 1.659.718 1.659 1.593c0 .752-.677 1.286-1.685 1.265a2.53 2.53 0 0 1-2.116-1.15Z"/><path d="M24.473 22.154a2.26 2.26 0 0 0 2.046 1.246c.859 0 1.407-.426 1.407-1.015c0-.7-.563-.954-1.508-1.364L25.9 20.8c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.946 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.333-.881a.9.9 0 0 0-.987.8v.078c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.865-3.433 2.865a3.99 3.99 0 0 1-3.775-2.1Zm-7.473 0a2.26 2.26 0 0 0 2.046 1.246c.858 0 1.406-.426 1.406-1.015c0-.7-.563-.954-1.508-1.364l-.518-.221c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.947 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.334-.881a.9.9 0 0 0-.986.8v.077c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.866-3.433 2.866a3.99 3.99 0 0 1-3.776-2.1Zm-7.318.178c.325.573.621 1.058 1.333 1.058c.681 0 1.11-.264 1.11-1.292v-6.992H14.2v7.019a2.8 2.8 0 0 1-3.093 3.1A3.22 3.22 0 0 1 8 23.345l1.687-1.013Z"/></svg>

File Type Jss アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →