windicss logo
windicss-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.
- Name
- windicss-dark
- Set
- Skill Icons
- Style
- Dark
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
Use the windicss logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" 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>
React
import type { SVGProps } from "react";
export function SkillIconsWindicssDark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" 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" stopColor="#54c8f1"/><stop offset=".573" stopColor="#41a2ef"/><stop offset="1" stopColor="#3386ee"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" 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> </template>
CSS
.icon-windicss-dark {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzdZQSdqF)%22%20d%3D%22M132.158%2063.163c0-19.39-15.773-35.163-35.163-35.163c-20.434%200-32.65%2015.32-32.65%2030.14h20.092c0-4.17%203.898-10.047%2012.558-10.047c8.308%200%2015.07%206.761%2015.07%2015.07c0%208.308-6.065%2015.07-21.358%2015.07H36v20.092h54.707c25.811%200%2041.451-15.773%2041.451-35.162m0%200c0-19.39-15.773-35.163-35.163-35.163c-20.434%200-32.65%2015.32-32.65%2030.14h20.092c0-4.17%203.898-10.047%2012.558-10.047c8.308%200%2015.07%206.761%2015.07%2015.07c0%208.308-6.065%2015.07-21.358%2015.07H36v20.092h54.707c25.811%200%2041.451-15.773%2041.451-35.162%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzdZQSdqF)%22%20d%3D%22M176.734%20192.837c0%2019.391-15.773%2035.163-35.163%2035.163c-20.434%200-32.651-15.32-32.651-30.139h20.093c0%204.169%203.898%2010.047%2012.558%2010.047c8.309%200%2015.07-6.762%2015.07-15.071c0-8.308-7.641-15.069-21.358-15.069H74.576v-20.093h60.707c25.811%200%2041.451%2015.773%2041.451%2035.162m0%200c0%2019.391-15.773%2035.163-35.163%2035.163c-20.434%200-32.651-15.32-32.651-30.139h20.093c0%204.169%203.898%2010.047%2012.558%2010.047c8.309%200%2015.07-6.762%2015.07-15.071c0-8.308-7.641-15.069-21.358-15.069H74.576v-20.093h60.707c25.811%200%2041.451%2015.773%2041.451%2035.162%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzdZQSdqF)%22%20d%3D%22M182%2059c-22.162%200-37.796%2016.854-37.796%2039.016H162C162%2087%20170%2079%20182%2079s18%208%2018%2019.016s-7.793%2020.093-29%2020.093H36v20.093h138c31.406%200%2046-20.186%2046-40.186C220%2075.854%20205%2059%20182%2059%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzdZQSdqF)%22%20d%3D%22M62.34%20157.675H36v20.261h26.34z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzdZQSdqF%22%20x1%3D%2252%22%20x2%3D%22168%22%20y1%3D%2245%22%20y2%3D%22228%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.078%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%22.573%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzdZQSdqF)%22%20d%3D%22M132.158%2063.163c0-19.39-15.773-35.163-35.163-35.163c-20.434%200-32.65%2015.32-32.65%2030.14h20.092c0-4.17%203.898-10.047%2012.558-10.047c8.308%200%2015.07%206.761%2015.07%2015.07c0%208.308-6.065%2015.07-21.358%2015.07H36v20.092h54.707c25.811%200%2041.451-15.773%2041.451-35.162m0%200c0-19.39-15.773-35.163-35.163-35.163c-20.434%200-32.65%2015.32-32.65%2030.14h20.092c0-4.17%203.898-10.047%2012.558-10.047c8.308%200%2015.07%206.761%2015.07%2015.07c0%208.308-6.065%2015.07-21.358%2015.07H36v20.092h54.707c25.811%200%2041.451-15.773%2041.451-35.162%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzdZQSdqF)%22%20d%3D%22M176.734%20192.837c0%2019.391-15.773%2035.163-35.163%2035.163c-20.434%200-32.651-15.32-32.651-30.139h20.093c0%204.169%203.898%2010.047%2012.558%2010.047c8.309%200%2015.07-6.762%2015.07-15.071c0-8.308-7.641-15.069-21.358-15.069H74.576v-20.093h60.707c25.811%200%2041.451%2015.773%2041.451%2035.162m0%200c0%2019.391-15.773%2035.163-35.163%2035.163c-20.434%200-32.651-15.32-32.651-30.139h20.093c0%204.169%203.898%2010.047%2012.558%2010.047c8.309%200%2015.07-6.762%2015.07-15.071c0-8.308-7.641-15.069-21.358-15.069H74.576v-20.093h60.707c25.811%200%2041.451%2015.773%2041.451%2035.162%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzdZQSdqF)%22%20d%3D%22M182%2059c-22.162%200-37.796%2016.854-37.796%2039.016H162C162%2087%20170%2079%20182%2079s18%208%2018%2019.016s-7.793%2020.093-29%2020.093H36v20.093h138c31.406%200%2046-20.186%2046-40.186C220%2075.854%20205%2059%20182%2059%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzdZQSdqF)%22%20d%3D%22M62.34%20157.675H36v20.261h26.34z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzdZQSdqF%22%20x1%3D%2252%22%20x2%3D%22168%22%20y1%3D%2245%22%20y2%3D%22228%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.078%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%22.573%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/windicss-dark.svg?color=%231a73e8&size=48
