windi css logo
windi-css from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- windi-css
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×279
- License
- CC0
Use the windi css logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 279"><defs><linearGradient id="SVGPPQVhuQy" x1="16.639%" x2="137.275%" y1="36.186%" y2="175.371%"><stop offset="7.822%" stop-color="#54c8f1"/><stop offset="57.292%" stop-color="#41a2ef"/><stop offset="100%" stop-color="#3386ee"/></linearGradient><linearGradient id="SVG2EiljeKP" x1="-22.099%" x2="91.451%" y1="-49.621%" y2="73.695%"><stop offset="7.822%" stop-color="#54c8f1"/><stop offset="57.292%" stop-color="#41a2ef"/><stop offset="100%" stop-color="#3386ee"/></linearGradient><linearGradient id="SVG0BXjlbLl" x1="8.696%" x2="71.739%" y1="37.461%" y2="80.271%"><stop offset="7.822%" stop-color="#54c8f1"/><stop offset="57.292%" stop-color="#41a2ef"/><stop offset="100%" stop-color="#3386ee"/></linearGradient><linearGradient id="SVGUwJDreYt" x1="60.744%" x2="501.135%" y1="-308.636%" y2="225.788%"><stop offset="7.822%" stop-color="#54c8f1"/><stop offset="57.292%" stop-color="#41a2ef"/><stop offset="100%" stop-color="#3386ee"/></linearGradient></defs><path fill="url(#SVGPPQVhuQy)" d="M133.784 48.922C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967s-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921m0 0C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967s-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921"/><path fill="url(#SVG2EiljeKP)" d="M195.803 229.339c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922m0 0c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922"/><path fill="url(#SVG0BXjlbLl)" d="M203.13 43.13c-30.834 0-52.585 23.45-52.585 54.284h24.76c0-15.327 11.13-26.457 27.825-26.457c16.696 0 25.044 11.13 25.044 26.457s-10.842 27.955-40.348 27.955H0v27.956h192c43.695 0 64-28.085 64-55.911c0-30.835-20.87-54.284-52.87-54.284"/><path fill="url(#SVGUwJDreYt)" d="M36.647 180.417H0v28.19h36.647z"/></svg>
React
import type { SVGProps } from "react";
export function LogosWindiCss(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 279"><defs><linearGradient id="SVGPPQVhuQy" x1="16.639%" x2="137.275%" y1="36.186%" y2="175.371%"><stop offset="7.822%" stopColor="#54c8f1"/><stop offset="57.292%" stopColor="#41a2ef"/><stop offset="100%" stopColor="#3386ee"/></linearGradient><linearGradient id="SVG2EiljeKP" x1="-22.099%" x2="91.451%" y1="-49.621%" y2="73.695%"><stop offset="7.822%" stopColor="#54c8f1"/><stop offset="57.292%" stopColor="#41a2ef"/><stop offset="100%" stopColor="#3386ee"/></linearGradient><linearGradient id="SVG0BXjlbLl" x1="8.696%" x2="71.739%" y1="37.461%" y2="80.271%"><stop offset="7.822%" stopColor="#54c8f1"/><stop offset="57.292%" stopColor="#41a2ef"/><stop offset="100%" stopColor="#3386ee"/></linearGradient><linearGradient id="SVGUwJDreYt" x1="60.744%" x2="501.135%" y1="-308.636%" y2="225.788%"><stop offset="7.822%" stopColor="#54c8f1"/><stop offset="57.292%" stopColor="#41a2ef"/><stop offset="100%" stopColor="#3386ee"/></linearGradient></defs><path fill="url(#SVGPPQVhuQy)" d="M133.784 48.922C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967s-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921m0 0C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967s-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921"/><path fill="url(#SVG2EiljeKP)" d="M195.803 229.339c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922m0 0c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922"/><path fill="url(#SVG0BXjlbLl)" d="M203.13 43.13c-30.834 0-52.585 23.45-52.585 54.284h24.76c0-15.327 11.13-26.457 27.825-26.457c16.696 0 25.044 11.13 25.044 26.457s-10.842 27.955-40.348 27.955H0v27.956h192c43.695 0 64-28.085 64-55.911c0-30.835-20.87-54.284-52.87-54.284"/><path fill="url(#SVGUwJDreYt)" d="M36.647 180.417H0v28.19h36.647z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 279"><defs><linearGradient id="SVGPPQVhuQy" x1="16.639%" x2="137.275%" y1="36.186%" y2="175.371%"><stop offset="7.822%" stop-color="#54c8f1"/><stop offset="57.292%" stop-color="#41a2ef"/><stop offset="100%" stop-color="#3386ee"/></linearGradient><linearGradient id="SVG2EiljeKP" x1="-22.099%" x2="91.451%" y1="-49.621%" y2="73.695%"><stop offset="7.822%" stop-color="#54c8f1"/><stop offset="57.292%" stop-color="#41a2ef"/><stop offset="100%" stop-color="#3386ee"/></linearGradient><linearGradient id="SVG0BXjlbLl" x1="8.696%" x2="71.739%" y1="37.461%" y2="80.271%"><stop offset="7.822%" stop-color="#54c8f1"/><stop offset="57.292%" stop-color="#41a2ef"/><stop offset="100%" stop-color="#3386ee"/></linearGradient><linearGradient id="SVGUwJDreYt" x1="60.744%" x2="501.135%" y1="-308.636%" y2="225.788%"><stop offset="7.822%" stop-color="#54c8f1"/><stop offset="57.292%" stop-color="#41a2ef"/><stop offset="100%" stop-color="#3386ee"/></linearGradient></defs><path fill="url(#SVGPPQVhuQy)" d="M133.784 48.922C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967s-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921m0 0C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967s-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921"/><path fill="url(#SVG2EiljeKP)" d="M195.803 229.339c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922m0 0c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922"/><path fill="url(#SVG0BXjlbLl)" d="M203.13 43.13c-30.834 0-52.585 23.45-52.585 54.284h24.76c0-15.327 11.13-26.457 27.825-26.457c16.696 0 25.044 11.13 25.044 26.457s-10.842 27.955-40.348 27.955H0v27.956h192c43.695 0 64-28.085 64-55.911c0-30.835-20.87-54.284-52.87-54.284"/><path fill="url(#SVGUwJDreYt)" d="M36.647 180.417H0v28.19h36.647z"/></svg> </template>
CSS
.icon-windi-css {
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%20279%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGPPQVhuQy%22%20x1%3D%2216.639%25%22%20x2%3D%22137.275%25%22%20y1%3D%2236.186%25%22%20y2%3D%22175.371%25%22%3E%3Cstop%20offset%3D%227.822%25%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%2257.292%25%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG2EiljeKP%22%20x1%3D%22-22.099%25%22%20x2%3D%2291.451%25%22%20y1%3D%22-49.621%25%22%20y2%3D%2273.695%25%22%3E%3Cstop%20offset%3D%227.822%25%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%2257.292%25%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0BXjlbLl%22%20x1%3D%228.696%25%22%20x2%3D%2271.739%25%22%20y1%3D%2237.461%25%22%20y2%3D%2280.271%25%22%3E%3Cstop%20offset%3D%227.822%25%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%2257.292%25%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUwJDreYt%22%20x1%3D%2260.744%25%22%20x2%3D%22501.135%25%22%20y1%3D%22-308.636%25%22%20y2%3D%22225.788%25%22%3E%3Cstop%20offset%3D%227.822%25%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%2257.292%25%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGPPQVhuQy)%22%20d%3D%22M133.784%2048.922C133.784%2021.945%20111.84%200%2084.863%200c-28.43%200-45.428%2021.316-45.428%2041.933h27.956c0-5.8%205.423-13.978%2017.472-13.978c11.56%200%2020.966%209.407%2020.966%2020.967s-8.438%2020.966-29.715%2020.966H0v27.955h76.114c35.911%200%2057.67-21.944%2057.67-48.921m0%200C133.784%2021.945%20111.84%200%2084.863%200c-28.43%200-45.428%2021.316-45.428%2041.933h27.956c0-5.8%205.423-13.978%2017.472-13.978c11.56%200%2020.966%209.407%2020.966%2020.967s-8.438%2020.966-29.715%2020.966H0v27.955h76.114c35.911%200%2057.67-21.944%2057.67-48.921%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2EiljeKP)%22%20d%3D%22M195.803%20229.339c0%2026.978-21.945%2048.922-48.922%2048.922c-28.43%200-45.427-21.315-45.427-41.933h27.955c0%205.8%205.423%2013.979%2017.472%2013.979c11.56%200%2020.967-9.408%2020.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912%200%2057.671%2021.945%2057.671%2048.922m0%200c0%2026.978-21.945%2048.922-48.922%2048.922c-28.43%200-45.427-21.315-45.427-41.933h27.955c0%205.8%205.423%2013.979%2017.472%2013.979c11.56%200%2020.967-9.408%2020.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912%200%2057.671%2021.945%2057.671%2048.922%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0BXjlbLl)%22%20d%3D%22M203.13%2043.13c-30.834%200-52.585%2023.45-52.585%2054.284h24.76c0-15.327%2011.13-26.457%2027.825-26.457c16.696%200%2025.044%2011.13%2025.044%2026.457s-10.842%2027.955-40.348%2027.955H0v27.956h192c43.695%200%2064-28.085%2064-55.911c0-30.835-20.87-54.284-52.87-54.284%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUwJDreYt)%22%20d%3D%22M36.647%20180.417H0v28.19h36.647z%22%2F%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%20279%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGPPQVhuQy%22%20x1%3D%2216.639%25%22%20x2%3D%22137.275%25%22%20y1%3D%2236.186%25%22%20y2%3D%22175.371%25%22%3E%3Cstop%20offset%3D%227.822%25%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%2257.292%25%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG2EiljeKP%22%20x1%3D%22-22.099%25%22%20x2%3D%2291.451%25%22%20y1%3D%22-49.621%25%22%20y2%3D%2273.695%25%22%3E%3Cstop%20offset%3D%227.822%25%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%2257.292%25%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0BXjlbLl%22%20x1%3D%228.696%25%22%20x2%3D%2271.739%25%22%20y1%3D%2237.461%25%22%20y2%3D%2280.271%25%22%3E%3Cstop%20offset%3D%227.822%25%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%2257.292%25%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUwJDreYt%22%20x1%3D%2260.744%25%22%20x2%3D%22501.135%25%22%20y1%3D%22-308.636%25%22%20y2%3D%22225.788%25%22%3E%3Cstop%20offset%3D%227.822%25%22%20stop-color%3D%22%2354c8f1%22%2F%3E%3Cstop%20offset%3D%2257.292%25%22%20stop-color%3D%22%2341a2ef%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233386ee%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGPPQVhuQy)%22%20d%3D%22M133.784%2048.922C133.784%2021.945%20111.84%200%2084.863%200c-28.43%200-45.428%2021.316-45.428%2041.933h27.956c0-5.8%205.423-13.978%2017.472-13.978c11.56%200%2020.966%209.407%2020.966%2020.967s-8.438%2020.966-29.715%2020.966H0v27.955h76.114c35.911%200%2057.67-21.944%2057.67-48.921m0%200C133.784%2021.945%20111.84%200%2084.863%200c-28.43%200-45.428%2021.316-45.428%2041.933h27.956c0-5.8%205.423-13.978%2017.472-13.978c11.56%200%2020.966%209.407%2020.966%2020.967s-8.438%2020.966-29.715%2020.966H0v27.955h76.114c35.911%200%2057.67-21.944%2057.67-48.921%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2EiljeKP)%22%20d%3D%22M195.803%20229.339c0%2026.978-21.945%2048.922-48.922%2048.922c-28.43%200-45.427-21.315-45.427-41.933h27.955c0%205.8%205.423%2013.979%2017.472%2013.979c11.56%200%2020.967-9.408%2020.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912%200%2057.671%2021.945%2057.671%2048.922m0%200c0%2026.978-21.945%2048.922-48.922%2048.922c-28.43%200-45.427-21.315-45.427-41.933h27.955c0%205.8%205.423%2013.979%2017.472%2013.979c11.56%200%2020.967-9.408%2020.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912%200%2057.671%2021.945%2057.671%2048.922%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0BXjlbLl)%22%20d%3D%22M203.13%2043.13c-30.834%200-52.585%2023.45-52.585%2054.284h24.76c0-15.327%2011.13-26.457%2027.825-26.457c16.696%200%2025.044%2011.13%2025.044%2026.457s-10.842%2027.955-40.348%2027.955H0v27.956h192c43.695%200%2064-28.085%2064-55.911c0-30.835-20.87-54.284-52.87-54.284%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUwJDreYt)%22%20d%3D%22M36.647%20180.417H0v28.19h36.647z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/windi-css.svg?color=%231a73e8&size=48
