ICONYZ
日本語
theSVG Color の Format Json Online アイコン

Format Json Online アイコン

thesvg-color:format-json-online

Format Json Online アイコン(thesvg-color:format-json-online)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 512 × 512 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
512 × 512
タグ
formatjson、jsononline、formatjsononline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><rect width="499.4" height="499.4" x="6.3" y="8.49" fill="#28ae60" rx="93.64"/><path fill="#fff" d="M95.89 239.11c31.53 0 36-11.88 36-33.64v-38.26c0-42.48 27.49-61.38 62.07-61.38h10.94v33.8h-4.58c-19.88 0-24.89 12.11-24.89 31.09v34.67c0 27.62-10.41 47.43-37.4 51.85c27.92 4.54 37.4 24.28 37.4 52.78v34.59c0 19.26 7.09 32.14 25.82 32.14h3.65v33.81H194c-31.26 0-62.07-15.54-62.07-60.83v-39.79c0-20.41-4.25-33.05-36-33.34Zm320.22 38.16c-31.53 0-36 11.88-36 33.64v38.27c0 42.47-27.49 61.38-62.07 61.38h-10.93v-33.81h4.58c19.88 0 24.89-12.11 24.89-31.09V311c0-27.62 10.41-47.43 37.4-51.85c-27.92-4.54-37.4-24.28-37.4-52.78v-34.59c0-19.27-7.09-32.15-25.82-32.15h-3.65v-33.8h10.94c31.26 0 62.07 15.53 62.07 60.82v39.79c0 20.41 4.25 33.05 36 33.35Z"/></svg>

Format Json Online アイコンの使い方

React

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

<Icon icon="thesvg-color:format-json-online" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:format-json-online" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:format-json-online" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--format-json-online]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:format-json-online"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:format-json-online"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/format-json-online.svg" alt="Format Json Online アイコン" width="24" height="24">

Format Json Online アイコン のよくある質問

Format Json Online アイコンは商用利用でも無料ですか?

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

React で Format Json Online アイコンを使うには?

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

Format Json Online アイコンをウェブページに追加するには?

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

theSVG Color アイコン をすべて見る →