Ikon Json Schema
thesvg-color:json-schema
Ikon Json Schema (thesvg-color:json-schema) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 256 × 220. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 256 × 220
- Tag
- jsonschema
Kode SVG
<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 0Zm115.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.372-31.905-36.95-37.9-36.857-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>Cara memakai ikon Json Schema
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:json-schema" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:json-schema" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:json-schema" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--json-schema]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:json-schema"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:json-schema"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/json-schema.svg" alt="Ikon Json Schema" width="24" height="24">Ikon terkait di theSVG Color
Ikon Json Schema di set ikon lain
FAQ Ikon Json Schema
Apakah ikon Json Schema gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Json Schema di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:json-schema" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Json Schema ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/json-schema.svg" alt="Ikon Json Schema">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.