File Type Json Schema アイコン

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

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

vscode-icons:file-type-json-schema

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="#d2d2d2" stroke-width=".353"><path d="M9.18 29.796c-1.807-.393-3.164-1.452-3.637-2.838c-.329-.967-.282-2.535.14-4.654c.202-1.017.368-2.232.367-2.699c0-1.551-.714-2.393-2.128-2.51l-.816-.068V15.03l.773-.105c1.128-.153 1.563-.43 1.91-1.214c.255-.577.287-.863.211-1.867a24 24 0 0 0-.386-2.584c-.413-1.954-.396-3.541.049-4.496c.655-1.405 2.269-2.443 4.145-2.663l.807-.095v2.101h-.543c-.74 0-1.773.527-2.038 1.039c-.253.49-.273 1.195-.066 2.421c.327 1.938.437 3.797.282 4.767c-.177 1.11-.824 2.419-1.535 3.108l-.493.478l.674.827c.831 1.02 1.154 1.732 1.354 2.981c.158.988.035 3.04-.28 4.68c-.44 2.289.068 3.193 1.945 3.466l.7.102v1.022c0 1.165.071 1.125-1.436.798zm12.202-.81v-1.014l.856-.176c.944-.196 1.691-.778 1.86-1.45c.053-.212-.047-1.321-.222-2.464c-.573-3.727-.256-5.65 1.19-7.219l.62-.67l-.464-.529c-1.66-1.89-1.948-3.569-1.316-7.666c.319-2.064.319-2.084.036-2.577c-.332-.579-1.37-1.158-2.076-1.158h-.484v-1.03c0-1.174-.024-1.158 1.355-.866c1.654.351 2.84 1.191 3.454 2.448c.353.721.406 1.001.396 2.091c-.006.692-.149 1.954-.317 2.804c-.626 3.157-.57 3.997.32 4.813c.412.38.684.49 1.406.571l.895.102v2.023h-.7c-.898 0-1.64.38-2.019 1.03c-.397.684-.372 2.173.072 4.344c.379 1.845.44 3.53.162 4.477c-.292 1-1.594 2.21-2.815 2.62c-.527.176-1.239.363-1.583.416l-.626.095z"/><path d="M12.831 27.325c-.426-.542-.364-1.476.159-2.392c.387-.678 2.007-2.9 3.176-4.357l.472-.588l-.752-2.181c-.844-2.446-.839-2.493.274-2.66l.613-.09l.684 1.398c.377.769.739 1.398.805 1.398s.74-.733 1.5-1.628c1.318-1.555 1.4-1.624 1.847-1.541c.269.05.508.019.565-.073c.133-.214.513.103.513.43c0 .133-.19.472-.421.754c-.946 1.15-2.965 3.87-2.965 3.994c0 .074.407 1.024.904 2.111l.905 1.977l-.275.411c-.151.226-.276.47-.279.542c-.002.072-.115.202-.252.288c-.348.22-.604-.048-1.665-1.733c-.486-.771-.932-1.404-.99-1.406c-.131-.005-1.582 2.142-2.704 3.998c-.99 1.637-.81 1.428-1.363 1.586c-.4.115-.499.083-.751-.238m.104-10.263c-.897-1.606-2.511-3.935-3.162-4.565c-.331-.32-.602-.657-.602-.75c0-.25.675-.508 1.332-.508c.709 0 1.459.617 2.128 1.75c.243.41.483.748.533.75c.05.001.337-.69.639-1.535c.645-1.812 2.346-5.333 3.015-6.24c.572-.777 1.43-1.195 2.463-1.2c1.35-.006 1.353.054.085 1.376c-1.934 2.017-2.822 3.677-4.695 8.78c-.52 1.416-.998 2.703-1.061 2.859c-.096.236-.208.117-.675-.717"/></g></svg>

File Type Json Schema アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →