Иконка Json

cib:json

Иконка Json (cib:json) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: CoreUI Brands
Автор: creativeLabs Łukasz Holeczek
Лицензия: CC0-1.0
Размер: 32 × 32

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.057 31.958a15 15 0 0 0 1.901-.125a15.8 15.8 0 0 0 4.193-1.151a16.5 16.5 0 0 0 5.057-3.391a15.9 15.9 0 0 0 3.255-4.573c.677-1.458 1.161-3.031 1.359-4.63c.198-1.547.182-3.13-.057-4.667a16.2 16.2 0 0 0-1.057-3.719a15.4 15.4 0 0 0-1.141-2.156c-1.557-2.448-3.813-4.417-6.411-5.734A17 17 0 0 0 20.26.656h-.01c.161.083.323.172.464.266c.156.099.318.198.469.302c.755.51 1.458 1.099 2.078 1.771c1.417 1.526 2.396 3.401 2.953 5.391c.38 1.307.583 2.661.661 4.021c.057.99.057 1.99-.063 2.974c-.198 1.693-.74 3.344-1.635 4.792a10 10 0 0 1-2.536 2.781c-1.661 1.234-3.839 1.974-5.917 1.484a5 5 0 0 1-.995-.344a6.3 6.3 0 0 1-1.042-.599a8 8 0 0 1-1.656-1.474a8.6 8.6 0 0 1-1.401-2.328a9.8 9.8 0 0 1-.656-3.391c-.042-1.698.297-3.401 1.135-4.891a8.5 8.5 0 0 1 2.219-2.557c.302-.24.62-.443.938-.641l.021-.01a7 7 0 0 0-1.922-.156a6.6 6.6 0 0 0-1.635.318a7.7 7.7 0 0 0-1.359.599a8 8 0 0 0-.974.661c-.281.24-.563.479-.823.74c-1.495 1.536-2.359 3.573-2.698 5.672c-.198 1.302-.198 2.615-.12 3.938c.141 1.859.521 3.714 1.26 5.411a11.4 11.4 0 0 0 1.797 2.901a10.9 10.9 0 0 0 4.177 2.974c.901.359 1.859.62 2.818.719c.099.021.198.021.276.021zm-3.911-.531a6 6 0 0 1-.599-.302c-.198-.115-.401-.224-.599-.349a11 11 0 0 1-2.12-1.698c-1.458-1.516-2.438-3.422-2.995-5.443c-.38-1.38-.583-2.802-.661-4.229a16.5 16.5 0 0 1 .063-2.776c.177-1.677.661-3.333 1.5-4.771a9.1 9.1 0 0 1 2.375-2.74a8.2 8.2 0 0 1 2.177-1.198a7.1 7.1 0 0 1 3.417-.359c.443.057.88.156 1.281.297c.036 0 .036 0 .057.042c.021.021.063.021.083.036c.057.026.135.063.219.099c.318.161.635.365.938.563a8.4 8.4 0 0 1 2.797 3.333c.557 1.219.818 2.583.839 3.922c.021 1.438-.24 2.875-.859 4.193a8.56 8.56 0 0 1-3.516 3.776c.12.042.24.057.359.099c.302.057.599.099.917.099c1.958.063 3.859-.88 5.255-2.198q.39-.361.719-.776c.302-.359.583-.719.823-1.099c.318-.5.578-1 .818-1.536c.302-.719.536-1.458.677-2.219c.26-1.339.281-2.698.198-4.036c-.177-2.698-.896-5.396-2.453-7.63c-.24-.339-.479-.661-.74-.958a13 13 0 0 0-1.422-1.38A11 11 0 0 0 19.876.97a13 13 0 0 0-2.255-.797L17.22.09c-.276-.042-.557-.057-.844-.078a11 11 0 0 0-1.354.021c-.938.057-1.88.214-2.813.448C7.735 1.637 3.818 4.757 1.735 8.892A15.85 15.85 0 0 0 .177 18.1c.161 1.359.5 2.698 1.036 3.969c.307.76.682 1.5 1.104 2.198c1.458 2.38 3.578 4.318 6.01 5.656c.917.521 1.88.917 2.875 1.26c.302.099.604.198.922.276z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/cib/json.svg" alt="Иконка Json" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки CoreUI Brands →