Json アイコン

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

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

logos:json

Json アイコン(logos:json)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 256

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGaTpCmd6M" x1="15.791%" x2="91.009%" y1="14.737%" y2="85.228%"><stop offset="0%"/><stop offset="100%" stop-color="#fff"/></linearGradient><linearGradient id="SVGmRqatBGd" x1="82.136%" x2="-3.113%" y1="85.237%" y2="14.79%"><stop offset="0%"/><stop offset="100%" stop-color="#fff"/></linearGradient></defs><path fill="url(#SVGaTpCmd6M)" d="M127.783 190.56c56.637 77.208 112.064-21.55 111.982-80.94C239.67 39.404 168.5.16 127.737.16C62.309.159 0 54.232 0 128.216C0 210.45 71.425 256 127.737 256c-12.743-1.835-55.21-10.934-55.78-108.747c-.385-66.154 21.58-92.585 55.688-80.958c.764.283 37.622 14.823 37.622 62.32c0 47.296-37.484 61.944-37.484 61.944"/><path fill="url(#SVGmRqatBGd)" d="M127.717 66.241c-37.424-12.899-83.269 17.946-83.269 79.726C44.448 246.844 119.201 256 128.263 256C193.691 256 256 201.926 256 127.943C256 45.709 184.575.159 128.263.159c15.597-2.16 84.065 16.88 84.065 110.458c0 61.026-51.124 94.248-84.376 80.054c-.764-.283-37.623-14.823-37.623-62.32c0-47.297 37.388-62.11 37.388-62.11"/></svg>

Json アイコンの使い方

React

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

<Icon icon="logos:json" width="24" />

Vue

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

<template>
  <Icon icon="logos:json" width="24" />
</template>

Svelte

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

<Icon icon="logos:json" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--json]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:json"></div>

Web コンポーネント

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

<iconify-icon icon="logos:json"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/json.svg" alt="Json アイコン" width="24" height="24">

SVG Logos の関連アイコン

他のアイコンセットの Json アイコン

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →