ICONYZ
English
Json Schema Icon icon from SVG Logos

Json Schema Icon icon

logos:json-schema-icon

The Json Schema Icon icon (logos:json-schema-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 220 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 220
Tags
jsonschema, schemaicon, jsonschemaicon
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="220" viewBox="0 0 256 220"><path fill="#002cc4" d="M70.206 0v16.767c-6.616 0-11.833 1.032-15.622 3.082s-6.475 5.23-8.043 9.543c-1.57 4.312-2.361 9.811-2.361 16.484v34.24c0 4.454-.58 8.511-1.754 12.159c-1.173 3.647-3.322 6.786-6.46 9.415c-3.153 2.63-7.606 4.652-13.403 6.08c-.735.17-1.569.31-2.36.466v2.644l1.597.298q.394.077.763.168c5.797 1.428 10.264 3.45 13.403 6.08c3.138 2.629 5.287 5.767 6.46 9.415c1.174 3.661 1.754 7.705 1.754 12.158v34.24c0 6.688.791 12.159 2.36 16.442c1.57 4.284 4.256 7.465 8.044 9.543c3.79 2.078 9.006 3.125 15.622 3.125v16.78c-8.397 0-15.438-.918-21.15-2.742c-5.71-1.824-10.263-4.623-13.698-8.383c-3.436-3.761-5.896-8.525-7.408-14.293s-2.262-12.583-2.262-20.457V145.87c0-9.36-1.909-16.032-5.698-20.033c-3.803-4.001-10.461-5.994-19.99-5.994V99.3c9.529 0 16.201-1.993 19.99-5.994c3.803-4.001 5.698-10.674 5.698-20.033V45.876c0-7.875.749-14.689 2.262-20.457s3.972-10.532 7.408-14.293c3.435-3.76 7.987-6.56 13.699-8.383C54.768.919 61.823 0 70.207 0m115.588 0c8.383 0 15.438.919 21.149 2.743s10.264 4.623 13.7 8.383c3.42 3.76 5.895 8.525 7.407 14.293s2.262 12.582 2.262 20.457v27.398c0 9.36 1.895 16.032 5.698 20.033c3.788 4 10.461 5.994 19.99 5.994v20.528c-9.529 0-16.188 1.993-19.99 5.994c-3.79 4-5.698 10.674-5.698 20.033v27.384c0 7.874-.749 14.689-2.262 20.457s-3.972 10.532-7.408 14.292c-3.421 3.761-7.987 6.56-13.7 8.384c-5.71 1.824-12.751 2.743-21.148 2.743v-16.781c6.616 0 11.833-1.047 15.622-3.125s6.474-5.259 8.043-9.542c1.57-4.284 2.361-9.756 2.361-16.443v-34.24c0-4.453.58-8.497 1.754-12.158c1.173-3.648 3.322-6.786 6.46-9.416s7.606-4.651 13.403-6.079c.735-.184 1.569-.311 2.36-.467v-2.643l-1.597-.305a25 25 0 0 1-.763-.162c-5.797-1.413-10.25-3.435-13.403-6.065c-3.138-2.63-5.287-5.768-6.46-9.415c-1.174-3.648-1.754-7.705-1.754-12.158V45.876c0-6.673-.791-12.172-2.36-16.484c-1.57-4.312-4.256-7.493-8.044-9.543c-3.79-2.05-9.006-3.082-15.622-3.082zm15.876 109.282c0 .976-1.866 3.436-4.128 5.472c-3.79 3.404-9.334 8.707-14.568 13.853l-3.835 3.798l-5.112 5.165c-3.334 3.42-5.58 5.86-5.58 6.165c0 .537 3.987 7.422 8.879 15.31l8.256 13.347a1.55 1.55 0 0 1-.17 1.866l-1.965 1.513c-1.484 1.64-2.488 2.926-2.686 4.538c.257.72-.458 1.17-1.384 1.601l-1.09.49c-3.145 1.463-5.531-.075-14.063-9.928l-4.027-4.685c-4.036-4.63-7.444-8.149-7.95-8.162c-1.287-.028-15.524 15.537-26.537 29.01c-9.712 11.876-18.265 12.116-20.74 9.784c-4.17-3.959-3.562-10.73 1.57-17.375l.667-.83c2.516-3.034 7.902-8.708 14.032-14.867l2.047-2.047l3.66-3.615a507 507 0 0 1 10.753-10.252l4.637-4.27l-9.461-20.315c-5.715-12.502-5.226-13.604 3.048-14.605l7.728-.862l6.715 10.15c3.69 5.585 7.252 10.152 7.889 10.152c.592 0 6.38-4.608 13.188-10.48l6.375-5.528c7.693-6.598 9.283-7.392 12.387-7.087l.89.107c2.424.337 4.598.175 5.368-.366l.175-.157c1.3-1.555 5.032.75 5.032 3.11m-38.454-92.897c6.164 0 7.083 2.15 7.083 2.15c-20.938 10.927-38.652 30.409-56.946 66.29l-2.946 5.873l-11.375 22.119c-.897 1.63-1.075-.646-5.084-6.115l-.684-.912c-21.373-31.905-36.951-37.9-36.858-38.407c8.257-5.32 23.724-.117 33.28 8.38l.354.339l.946.825c1.558 1.399 2.289 2.302 4.61 4.886c.232 0 2.678-3.861 5.22-7.975l5.92-9.71c21.291-33.577 43.557-47.771 56.479-47.743"/></svg>

How to use the Json Schema Icon icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/logos/json-schema-icon.svg" alt="Json Schema Icon icon" width="24" height="24">

Related icons in SVG Logos

json icon
json
 json-ld icon
json-ld
 json-schema icon
json-schema

Json Schema Icon icon FAQ

Is the Json Schema Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Json Schema Icon icon in React?

Install @iconify/react and render <Icon icon="logos:json-schema-icon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Json Schema Icon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/json-schema-icon.svg" alt="Json Schema Icon icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →