Иконка Json

logos:json

Иконка Json (logos:json) — бесплатная SVG-иконка из набора SVG Logos от 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>

Веб-компонент

<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">

Иконка Json в других наборах

Вопросы и ответы: Иконка Json

Можно ли бесплатно использовать иконку Json в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Json в React?

Установите @iconify/react и выведите <Icon icon="logos:json" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Json на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/json.svg" alt="Иконка Json">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →