File Type Json2 アイコン

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

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

vscode-icons:file-type-json2

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVG77CgwbWb" x1="-679.793" x2="-668.005" y1="-637.805" y2="-649.595" gradientTransform="matrix(.999 0 0 -.999 688.969 -626.71)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVGwqwbubxJ" x1="-667.471" x2="-679.26" y1="-649.062" y2="-637.272" href="#SVG77CgwbWb"/></defs><path fill="#f5de19" d="M3.015 14.891a2.72 2.72 0 0 0 1.7-.561a2.58 2.58 0 0 0 .873-1.468a16.5 16.5 0 0 0 .23-3.193q.01-2.259.082-2.976a5.7 5.7 0 0 1 .453-1.826a3.3 3.3 0 0 1 .818-1.1a3.3 3.3 0 0 1 1.245-.629A7.3 7.3 0 0 1 10.09 3h.758v2.124h-.419a2.53 2.53 0 0 0-1.867.507A3.7 3.7 0 0 0 8.1 7.9a39 39 0 0 1-.149 4.478a5.1 5.1 0 0 1-.832 2.232A4.95 4.95 0 0 1 5.274 16a4.13 4.13 0 0 1 2.158 1.9a9.6 9.6 0 0 1 .67 4.187q0 2.638.054 3.138a1.9 1.9 0 0 0 .544 1.286a2.86 2.86 0 0 0 1.725.365h.419V29h-.754a6.1 6.1 0 0 1-1.921-.216a3.2 3.2 0 0 1-1.434-1.008A3.63 3.63 0 0 1 6 26.01a26 26 0 0 1-.183-3.5a18 18 0 0 0-.23-3.368a2.6 2.6 0 0 0-.873-1.475a2.7 2.7 0 0 0-1.7-.568Zm25.97 2.209a2.7 2.7 0 0 0-1.7.568a2.6 2.6 0 0 0-.873 1.475a18 18 0 0 0-.23 3.368A26 26 0 0 1 26 26.01a3.63 3.63 0 0 1-.737 1.765a3.2 3.2 0 0 1-1.434 1.008A6.1 6.1 0 0 1 21.91 29h-.758v-2.124h.419a2.86 2.86 0 0 0 1.725-.365a1.9 1.9 0 0 0 .548-1.285q.054-.5.054-3.138a9.6 9.6 0 0 1 .67-4.187A4.13 4.13 0 0 1 26.726 16a4.95 4.95 0 0 1-1.847-1.393a5.1 5.1 0 0 1-.832-2.232A39 39 0 0 1 23.9 7.9a3.7 3.7 0 0 0-.46-2.266a2.53 2.53 0 0 0-1.867-.507h-.419V3h.758a7.3 7.3 0 0 1 1.677.135a3.3 3.3 0 0 1 1.245.629a3.3 3.3 0 0 1 .818 1.1a5.7 5.7 0 0 1 .448 1.829q.068.717.081 2.976a16.5 16.5 0 0 0 .23 3.193a2.58 2.58 0 0 0 .873 1.468a2.72 2.72 0 0 0 1.7.561Z"/><path fill="url(#SVG77CgwbWb)" d="M15.986 20.085c3.7 5.041 7.317-1.407 7.311-5.285c-.006-4.585-4.653-7.147-7.314-7.147a8.352 8.352 0 0 0 0 16.7c-.832-.12-3.6-.714-3.642-7.1c-.025-4.319 1.409-6.045 3.636-5.286a4.24 4.24 0 0 1 2.456 4.069a4.26 4.26 0 0 1-2.447 4.049"/><path fill="url(#SVGwqwbubxJ)" d="M15.982 11.968c-2.443-.842-5.437 1.172-5.437 5.205c0 6.586 4.881 7.184 5.472 7.184a8.352 8.352 0 0 0 0-16.7c1.018-.141 5.489 1.1 5.489 7.212c0 3.984-3.338 6.153-5.509 5.227a4.24 4.24 0 0 1-2.456-4.069a4.28 4.28 0 0 1 2.441-4.059"/></svg>

File Type Json2 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →