Icono Karmada Light
thesvg-color:karmada-light
El icono Karmada Light (thesvg-color:karmada-light) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 221 × 174. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 221 × 174
- Etiquetas
- karmadalight
Código SVG
<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>Cómo usar el icono Karmada Light
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/karmada-light.svg" alt="Icono Karmada Light" width="24" height="24">Iconos relacionados en theSVG Color
Preguntas frecuentes sobre Icono Karmada Light
¿El icono Karmada Light es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Karmada Light en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:karmada-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Karmada Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/karmada-light.svg" alt="Icono Karmada Light">, o pega el código SVG en línea para darle estilo con CSS.