LogoHub矢量图资源库

WindiCSS

windicss工具产品

矢量 SVG / 高清无损 PNG / 交互式画布预览 / 官方色彩提取

返回检索
标志视效画布
WindiCSS 标志
100%
提示:滚轮缩放 / 拖拽平移

色彩提取

点击直接复制色值
法律合规与合理使用声明

本页收录之标志依据《中华人民共和国著作权法》第二十四条,仅供个人学习、设计参考与研究评估之用。所有权及商标专有权归原权利人所有,严禁任何未经授权的商业牟利及侵权使用。

资源获取与导出

矢量格式:Scalable Vector (.svg)
导出分辨率:1024 × 1024 px
存储方案:矢量源码内联
授权范围:非商用 / 仅限学习
官方来源:https://windicss.org/

矢量代码片段

<svg viewBox="0 0 256 279" xmlns="http://www.w3.org/2000/svg" width="256" height="279" preserveAspectRatio="xMidYMid"><defs><linearGradient id="a" 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="b" 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="c" 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="d" 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(#a)" 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.978 11.56 0 20.966 9.407 20.966 20.967 0 11.56-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921Zm0 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.978 11.56 0 20.966 9.407 20.966 20.967 0 11.56-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921Z"/><path fill="url(#b)" d="M195.803 229.339c0 26.978-21.945 48.922-48.922 48.922-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979 11.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.922Zm0 0c0 26.978-21.945 48.922-48.922 48.922-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979 11.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.922Z"/><path fill="url(#c)" 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.457 16.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.911 0-30.835-20.87-54.284-52.87-54.284Z"/><path fill="url(#d)" d="M36.647 180.417H0v28.19h36.647z"/></svg>

设计应用建议

  • 使用时请保持等比例缩放,切勿随意拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白保护区
  • 在深色背景下建议优先选用反白或官方暗色专版

品牌视觉规范与参数档案

面向设计系统与工程引用的官方色彩及排版约束
品牌实体 / 展示名称
WindiCSS (windicss)
行业分类归属
工具产品
官方基色 (HEX / RGB)
#54C8F1(rgb(84, 200, 241))
矢量规格与渲染
SVG 矢量无损 / 1024px PNG
语义索引标签
WindiCSSwindicss未分类
操作已完成