File Type Janet アイコン

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

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

vscode-icons:file-type-janet

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#d45500" d="M7.339 27.544c-2.369-1.6-2.987-3.863-1.545-6.077c1.082-1.648 1.545-1.133 2.266 2.42a11.5 11.5 0 0 0 1.391 3.657c1.339 1.493.049 1.493-2.112 0m10.094.156c-1.184-1.493-1.339-2.575-.566-4.532c.515-1.442 3.3-3.09 4.429-2.678c.618.258.618.1 0-1.133c-1.236-2.42-2.627-3.3-5.974-3.656c-2.627-.309-3.348-.618-4.378-1.906a7.9 7.9 0 0 1-1.287-1.854c0-.618-1.8-.463-2.472.206a3.17 3.17 0 0 0-.618 1.953c0 2.112-.567 2.215-2.421.412c-2.42-2.369-2.368-4.635.258-7.107A34 34 0 0 0 7.648 3.8L9.039 2h4.532a47 47 0 0 1 6.54.412c2.369.515 5.459 3.193 7.365 6.437c1.287 2.163 1.442 2.987 1.545 7.313a24.7 24.7 0 0 0 .463 5.82c.567 1.39-.721 3.862-2.523 4.789a23.6 23.6 0 0 1-7.361 2.266a3.46 3.46 0 0 1-2.167-1.337m4.584-6.128a.258.258 0 1 0-.258.257a.244.244 0 0 0 .258-.259Z"/><path fill="#deaa87" d="M9.451 28.471c-1.7-1.6-1.957-2.215-2.884-7.056c-1.339-6.952-1.339-8.394.154-9.785c1.7-1.6 2.524-1.442 4.378.876c1.442 1.8 1.854 2.008 4.48 2.214c2.369.206 3.142.515 4.635 1.957a13.4 13.4 0 0 1 2.369 3.193c.515 1.288.464 1.648-.257 2.369c-.876.824-.979.824-1.494.052c-.412-.721-.772-.773-1.751-.309c-1.39.618-2.06 3.347-1.236 4.944c.515.875.412 1.184-.618 1.854a10.7 10.7 0 0 1-3.553 1.081c-2.163.309-2.524.206-4.223-1.39"/></svg>

File Type Janet アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →