Ikon Karmada Light
thesvg-color:karmada-light
Ikon Karmada Light (thesvg-color:karmada-light) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 221 × 174. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 221 × 174
- Tag
- karmadalight
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/karmada-light.svg" alt="Ikon Karmada Light" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Karmada Light
Apakah ikon Karmada Light gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Karmada Light di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:karmada-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Karmada Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/karmada-light.svg" alt="Ikon Karmada Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.