Ikon Windicss Light
skill-icons:windicss-light
Ikon Windicss Light (skill-icons:windicss-light) adalah ikon SVG gratis dari set Skill Icons karya tandpfun. Ikon ini digambar pada grid 256 × 256. Skill 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
- Skill Icons
- Pembuat
- tandpfun
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- windicsslight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="url(#SVGzdZQSdqF)" d="M132.158 63.163c0-19.39-15.773-35.163-35.163-35.163c-20.434 0-32.65 15.32-32.65 30.14h20.092c0-4.17 3.898-10.047 12.558-10.047c8.308 0 15.07 6.761 15.07 15.07c0 8.308-6.065 15.07-21.358 15.07H36v20.092h54.707c25.811 0 41.451-15.773 41.451-35.162m0 0c0-19.39-15.773-35.163-35.163-35.163c-20.434 0-32.65 15.32-32.65 30.14h20.092c0-4.17 3.898-10.047 12.558-10.047c8.308 0 15.07 6.761 15.07 15.07c0 8.308-6.065 15.07-21.358 15.07H36v20.092h54.707c25.811 0 41.451-15.773 41.451-35.162"/><path fill="url(#SVGzdZQSdqF)" d="M176.734 192.837c0 19.391-15.773 35.163-35.163 35.163c-20.434 0-32.651-15.32-32.651-30.139h20.093c0 4.169 3.898 10.047 12.558 10.047c8.309 0 15.07-6.762 15.07-15.071c0-8.308-7.641-15.069-21.358-15.069H74.576v-20.093h60.707c25.811 0 41.451 15.773 41.451 35.162m0 0c0 19.391-15.773 35.163-35.163 35.163c-20.434 0-32.651-15.32-32.651-30.139h20.093c0 4.169 3.898 10.047 12.558 10.047c8.309 0 15.07-6.762 15.07-15.071c0-8.308-7.641-15.069-21.358-15.069H74.576v-20.093h60.707c25.811 0 41.451 15.773 41.451 35.162"/><path fill="url(#SVGzdZQSdqF)" d="M182 59c-22.162 0-37.796 16.854-37.796 39.016H162C162 87 170 79 182 79s18 8 18 19.016s-7.793 20.093-29 20.093H36v20.093h138c31.406 0 46-20.186 46-40.186C220 75.854 205 59 182 59"/><path fill="url(#SVGzdZQSdqF)" d="M62.34 157.675H36v20.261h26.34z"/><defs><linearGradient id="SVGzdZQSdqF" x1="52" x2="168" y1="45" y2="228" gradientUnits="userSpaceOnUse"><stop offset=".078" stop-color="#54c8f1"/><stop offset=".573" stop-color="#41a2ef"/><stop offset="1" stop-color="#3386ee"/></linearGradient></defs></g></svg>Cara memakai ikon Windicss Light
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:windicss-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:windicss-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:windicss-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--windicss-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:windicss-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:windicss-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/windicss-light.svg" alt="Ikon Windicss Light" width="24" height="24">Ikon terkait di Skill Icons
FAQ Ikon Windicss Light
Apakah ikon Windicss Light gratis untuk penggunaan komersial?
Ya. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Windicss Light di React?
Pasang @iconify/react lalu render <Icon icon="skill-icons:windicss-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Windicss Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/skill-icons/windicss-light.svg" alt="Ikon Windicss Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.