Иконка Json Schema Icon
logos:json-schema-icon
Иконка Json Schema Icon (logos:json-schema-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 220. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 220
- Теги
- jsonschema, schemaicon, jsonschemaicon
Код 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 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>Как использовать иконку Json Schema 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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/logos/json-schema-icon.svg" alt="Иконка Json Schema Icon" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Json Schema Icon
Можно ли бесплатно использовать иконку Json Schema Icon в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Json Schema Icon в React?
Установите @iconify/react и выведите <Icon icon="logos:json-schema-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Json Schema Icon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/json-schema-icon.svg" alt="Иконка Json Schema Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.