Иконка Kvant System

thesvg-color:kvant-system

Иконка Kvant System (thesvg-color:kvant-system) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 200 × 171. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 200 × 171
Теги: kvantsystem

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="171" viewBox="0 0 200 171"><path fill="#00c28d" d="M180.306-.563q2.842.069 5.686.124c4.628.098 9.251.253 13.877.439a47 47 0 0 1-4.547 7.66l-1.539 2.125l-1.664 2.278l-1.743 2.398a3262 3262 0 0 1-14.274 19.43a1868 1868 0 0 0-13.31 18.3c-6.238 8.655-12.584 17.228-18.923 25.809l37 1c-1.549 3.871-2.447 5.867-4.907 8.934l-1.738 2.193l-1.855 2.31c-4.286 5.422-8.523 10.849-12.5 16.5c-8.573 12.164-17.487 24.083-26.437 35.971c-4.75 6.319-9.434 12.687-14.108 19.063l-1.717 2.338l-1.53 2.087C114.869 170 114.869 170 113.869 171c-3.03.089-6.037.115-9.067.098l-2.753-.005c-2.915-.005-5.829-.018-8.743-.031l-5.912-.013A7033 7033 0 0 1 72.868 171c1.335-2.827 2.838-5.296 4.696-7.809l1.645-2.231l1.784-2.398c.617-.831 1.233-1.663 1.867-2.52c5.994-8.07 12.092-16.059 18.196-24.046c10.096-13.215 19.961-26.598 29.813-39.996l-38-1c1.473-2.946 2.775-5.212 4.695-7.809l1.644-2.23l1.786-2.398l1.871-2.528c5.281-7.112 10.653-14.154 16.035-21.19c6.771-8.865 13.376-17.847 19.969-26.845q3.715-5.065 7.437-10.125l1.682-2.295a210 210 0 0 1 3.296-4.364c1.658-2.191 1.658-2.191 2.831-4.75c5.491-9.847 16.356-7.435 26.191-7.029M88.544-.684l2.804.03c2.946.04 5.888.127 8.833.216q3.001.054 6.002.096c4.897.077 9.79.198 14.686.342a223 223 0 0 1-12.438 17.313a994 994 0 0 0-15.25 19.937c-4.673 6.261-9.397 12.469-14.248 18.593c-5.264 6.65-10.389 13.407-15.532 20.151c-2.251 2.947-4.517 5.882-6.783 8.819c-4.638 6.022-9.205 12.094-13.75 18.187c4.274 5.775 8.677 11.437 13.129 17.075q1.349 1.709 2.682 3.431c.993 1.247 2.062 2.434 3.146 3.603c1.043 1.891 1.043 1.891.622 4.18c-2.19 3.762-4.928 6.854-7.829 10.086l-3.39 3.836l-1.678 1.886c-2.596 2.938-5.138 5.92-7.681 8.903a151 151 0 0 1-10.125-10.938l-1.436-1.703c-4.812-5.746-9.434-11.636-14.034-17.553c-2.437-3.131-4.89-6.249-7.343-9.369l-1.36-1.732c-1.974-2.514-3.946-4.976-6.081-7.357C-.131 105-.131 105 .126 103.061c.768-2.131 1.643-3.588 3.008-5.39l1.428-1.898l1.556-2.023l1.62-2.133c4.306-5.634 8.768-11.134 13.27-16.612c4.293-5.245 8.37-10.625 12.407-16.069c3.917-5.266 7.98-10.4 12.099-15.51c3.954-4.909 7.81-9.883 11.64-14.89c2.076-2.713 4.171-5.41 6.273-8.102l1.881-2.411q1.824-2.335 3.652-4.669l1.71-2.19l1.504-1.923c1.676-2.1 1.676-2.1 2.666-4.035c3.545-6.07 7-6.16 13.704-5.89"/></svg>

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

React

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

<Icon icon="thesvg-color:kvant-system" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:kvant-system" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:kvant-system" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kvant-system]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kvant-system"></div>

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

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

<iconify-icon icon="thesvg-color:kvant-system"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/kvant-system.svg" alt="Иконка Kvant System" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки theSVG Color →