Karmada Light icon
thesvg-color:karmada-light
The Karmada Light icon (thesvg-color:karmada-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 221 × 174 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
- 221 × 174
- Tags
- karmadalight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="221" height="174" viewBox="0 0 221 174"><path fill="#1791ff" d="M0 119.72h29.57a91 91 0 0 0 7.07-9.72c.12-1.87.2-3.75.2-5.65a87.07 87.07 0 0 0-25.25-61.42a74.5 74.5 0 0 1 5.8 28.89A74.4 74.4 0 0 1 0 119.72"/><path fill="#51adff" d="M17.2 131.29h16.28c.7-2.56 1.32-5.13 1.81-7.69H0a24.7 24.7 0 0 1 17.2 7.69m12.49 10.97c1.08-2.64 2.08-5.32 2.93-8.06H19.56a24.5 24.5 0 0 1 3.69 8.06Zm-1.2 2.91H23.8a25 25 0 0 1 .22 3.15a24.8 24.8 0 0 1-1.02 7.14a78 78 0 0 0 5.49-10.29"/><path fill="#1791ff" d="M183.78 119.72h35.47a87.38 87.38 0 0 0-23.88-76.79a74.79 74.79 0 0 1-11.59 76.79"/><path fill="#51adff" d="M201 131.29h16.5c.69-2.52 1.29-5.09 1.75-7.69h-35.47a24.74 24.74 0 0 1 17.22 7.69m12.64 10.97c1.11-2.63 2.14-5.31 3-8.06h-13.3a24.7 24.7 0 0 1 3.69 8.06Zm-1.24 2.91h-4.82a25 25 0 0 1 .21 3.15a24.8 24.8 0 0 1-1 7.14a86 86 0 0 0 5.61-10.29"/><path fill="#1781ff" d="M36.19 119.72H76q2.79-3.36 5.32-6.93a108 108 0 0 0 .66-12A108.9 108.9 0 0 0 50.46 24a93.2 93.2 0 0 1 7.24 36.13a92.93 92.93 0 0 1-21.51 59.59"/><path fill="#51a1ff" d="M78.54 131.29c.65-2.55 1.23-5.11 1.7-7.69h-44c-.08.1-.15-.09-.22 0a30.6 30.6 0 0 1 19.36 7.69Zm-3.34 10.97c1-2.65 1.83-5.34 2.59-8.06H58.21a31.7 31.7 0 0 1 5.1 8.06Zm-4.67 10.96c1.27-2.62 2.48-5.3 3.56-8.05h-9.66a30.7 30.7 0 0 1 1.49 8.05Zm-4.59 2.91a31.5 31.5 0 0 1-1.27 7.57c1.56-2.43 3-5 4.38-7.57Z"/><path fill="#1781ff" d="M139 119.72h38.34a77 77 0 0 0 7.11-10.1c.23-2.91.37-5.85.37-8.83A108.86 108.86 0 0 0 153.3 24a93.41 93.41 0 0 1-14.3 95.72"/><path fill="#51a1ff" d="M181.34 131.29c.65-2.55 1.25-5.12 1.72-7.69H139c-.08.1-.15-.09-.23 0a30.64 30.64 0 0 1 19.37 7.69ZM178 142.26c1-2.65 1.82-5.34 2.59-8.06h-19.54a31.5 31.5 0 0 1 5.11 8.06Zm-4.65 10.96c1.27-2.62 2.47-5.3 3.55-8.05h-9.63a31.2 31.2 0 0 1 1.5 8.05Zm-4.57 2.91a31 31 0 0 1-1.27 7.57c1.56-2.42 3-5 4.37-7.57Z"/><path fill="#2765ff" d="M81.85 119.72h51.37q2.55-3.09 4.85-6.38A138 138 0 0 0 139.19 96A136.15 136.15 0 0 0 99.75 0a116.4 116.4 0 0 1 9.06 45.14a116.24 116.24 0 0 1-26.96 74.58"/><path fill="#508aff" d="M135.36 131.29c.61-2.55 1.17-5.11 1.64-7.69H81.85c-.07.09-.14-.09-.21 0a38.25 38.25 0 0 1 21.85 7.69Zm-21.92 10.97h18.78c.87-2.66 1.68-5.34 2.39-8.06h-27.68a39.3 39.3 0 0 1 6.51 8.06m14.73 10.96c1.1-2.64 2.14-5.33 3.09-8.05h-16.19a38.6 38.6 0 0 1 3 8.05Zm-9.07 10.97h3.9c1.37-2.63 2.68-5.32 3.9-8.06h-8.24a39 39 0 0 1 .53 6.36c-.03.57-.07 1.13-.09 1.7m-.24 2.91a38.4 38.4 0 0 1-1.35 6.55c1.37-2.12 2.65-4.32 3.89-6.55Z"/></svg>How to use the Karmada Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:karmada-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:karmada-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:karmada-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--karmada-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:karmada-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:karmada-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/karmada-light.svg" alt="Karmada Light icon" width="24" height="24">Related icons in theSVG Color
Karmada Light icon FAQ
Is the Karmada Light 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 Karmada Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:karmada-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Karmada Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/karmada-light.svg" alt="Karmada Light icon">, or paste the SVG code inline to style it with CSS.