跳到主要内容

PandaCSS

PandaCSS 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

PandaCSS Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 0.99:1
导出分辨率
1024 × 1024 px
画布视口
0 0 256 259
源码体积
1.5 KB · 2 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装PandaCSS.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
PandaCSS
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#F6E458rgb(246, 228, 88) · hsl(53, 90%, 65%)
WCAG 亮暗底对比度与矢量体积
白底 1.3:1 · 暗底 15.2:1 · 1.5 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 259"><path d="M0 29.642C0 13.272 13.271 0 29.642 0h196.716C242.728 0 256 13.271 256 29.642v199.41c0 16.372-13.271 29.643-29.642 29.643H29.642C13.272 258.695 0 245.424 0 229.052V29.642Z" fill="#F6E458"/><path d="M164.056 57.825c-14.124-4.057-28.53-4.609-43.212-3.296-8.216.854-16.114 2.485-23.732 5.347C80.644 66.06 68.28 76.774 60.908 92.904c-5.286 11.564-7.196 23.848-7.395 36.452-.21 13.32 1.459 26.455 4.11 39.478 2.405 11.804 5.607 23.377 10.179 34.55.434 1.06.975 1.418 2.135 1.416 14.461-.031 28.923-.031 43.385-.031h12.843c.328 0 .656-.019 1.033-.04.192-.01.397-.021.622-.031-.087-.207-.164-.397-.238-.575a20.39 20.39 0 0 0-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692-2.316-4.832-4.63-9.664-6.724-14.591-6.351-14.94-11.215-30.324-12.699-46.608-.654-7.185-.564-14.329 1.43-21.33 2.278-8.003 7.168-13.652 15.274-16.014 7.445-2.168 14.993-2.154 22.396.24 6.608 2.137 10.916 6.65 12.748 13.408 1.408 5.19 1.407 10.436.343 15.669-.82 4.028-2.47 7.705-5.441 10.645-5.33 5.275-11.985 6.489-19.126 6.084-1.27-.072-2.537-.21-3.842-.355-.612-.066-1.231-.134-1.864-.197.018.202.028.388.038.562.018.343.034.64.104.925.305 1.223.595 2.451.885 3.679.699 2.958 1.397 5.915 2.295 8.81a169.782 169.782 0 0 0 6.14 16.654c16.577-1.294 31.843-5.414 48.047-15.141.244-.154.465-.292.687-.43 6.96-4.333 12.593-9.954 16.478-17.213 6.291-11.754 7.518-24.324 5.649-37.299-1.93-13.39-7.938-24.63-18.283-33.445-7.174-6.115-15.47-10.12-24.474-12.706Z"/></svg>

设计应用建议

  • 保持原生 0.99:1 宽高比(viewBox "0 0 256 259")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成