Kvant System icon

thesvg-color:kvant-system

The Kvant System icon (thesvg-color:kvant-system) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 200 × 171 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 200 × 171
Tags: kvantsystem

Download SVG

SVG code

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

How to use the Kvant System icon

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>

Web component

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

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

Kvant System icon FAQ

Is the Kvant System icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Kvant System icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:kvant-system" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Kvant System icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/kvant-system.svg" alt="Kvant System icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →