Windicss Light icon
skill-icons:windicss-light
The Windicss Light icon (skill-icons:windicss-light) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill 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
- Skill Icons
- Author
- tandpfun
- License
- MIT
- Size
- 256 × 256
- Tags
- windicsslight
SVG code
<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>How to use the Windicss Light icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/windicss-light.svg" alt="Windicss Light icon" width="24" height="24">Related icons in Skill Icons
Windicss Light icon FAQ
Is the Windicss Light icon free for commercial use?
Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Windicss Light icon in React?
Install @iconify/react and render <Icon icon="skill-icons:windicss-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Windicss Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/windicss-light.svg" alt="Windicss Light icon">, or paste the SVG code inline to style it with CSS.