跳到主要内容

Fizzed

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

Fizzed Logo

色彩提取

点击直接复制色值

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Fizzed
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#DFE5EErgb(223, 229, 238) · hsl(216, 31%, 90%)
WCAG 亮暗底对比度与矢量体积
白底 1.3:1 · 暗底 15.6:1 · 7.5 KB

矢量代码片段

<svg viewBox="0 0 64 64" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="64" height="64" xml:space="preserve"><style>.st0{fill:#266294}.st2{fill:#dfe5ee}</style><switch><g><path class="st0" d="M25.3 44.8v2.1l2.9.7V64s6.8-.6 8-1.1v-1.8l-2.8-.6V44.8h-8.1z"/><circle class="st0" cx="29.8" cy="21.5" r="4.1"/><radialGradient id="SVGID_1_" cx="17.789" cy="16.003" r="5.132" fx="17.894" fy="17.449" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="18.9" cy="14.2" r="4.4" fill="url(#SVGID_1_)"/><path class="st2" d="M16.1 13.3c-.1-.1-.2-.2-.1-.3 0-.1.1-.2.1-.3.5-.7 1.2-1.3 2-1.4.1 0 .3 0 .3.1v.2l-.2.2c-.2.1-.3.2-.5.4-.3.3-.6.5-.9.8-.2.1-.5.5-.7.3zM15.8 14.1c-.1.2-.1.4 0 .5 0 .1.2.3.3.3.2.1.4-.5.4-.6V14c0-.1-.1-.2-.2-.2-.3 0-.4.2-.5.3z"/><radialGradient id="SVGID_2_" cx="27.411" cy="6.214" r="5.132" fx="27.516" fy="7.66" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="28.6" cy="4.4" r="4.4" fill="url(#SVGID_2_)"/><path class="st2" d="M25.7 3.5c-.1-.1-.1-.2-.1-.3s.1-.2.1-.3c.5-.7 1.2-1.3 2-1.4.1 0 .3 0 .3.1v.2c0 .1-.1.1-.2.2-.2.1-.3.2-.5.4-.3.3-.6.5-.9.8-.1.1-.5.5-.7.3zM25.4 4.3c-.1.2-.1.4 0 .5 0 .1.2.3.3.3.2.1.4-.5.4-.6v-.3c-.1-.1-.2-.2-.3-.2-.2 0-.3.2-.4.3z"/><radialGradient id="SVGID_3_" cx="17.892" cy="23.954" r="2.518" fx="17.943" fy="24.663" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="18.5" cy="23.1" r="2.2" fill="url(#SVGID_3_)"/><path class="st2" d="M17 22.6s-.1-.1 0-.1 0-.1.1-.1c.2-.3.6-.6 1-.7h.2v.1l-.1.1c-.1.1-.2.1-.2.2-.2.1-.3.2-.5.4-.2 0-.3.2-.5.1zM16.9 23v.2c0 .1.1.1.1.2.1 0 .2-.2.2-.3v-.2l-.1-.1c-.1.1-.2.1-.2.2z"/><radialGradient id="SVGID_4_" cx="30.154" cy="38.109" r="2.518" fx="30.206" fy="38.819" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="30.7" cy="37.2" r="2.2" fill="url(#SVGID_4_)"/><path class="st2" d="M29.3 36.8s-.1-.1 0-.1 0-.1.1-.1c.2-.3.6-.6 1-.7h.2v.1l-.1.1c-.1.1-.2.1-.2.2-.2.1-.3.2-.5.4-.2 0-.4.2-.5.1zM29.2 37.2v.2c0 .1.1.1.1.2.1 0 .2-.2.2-.3v-.2l-.1-.1c-.1 0-.2.1-.2.2z"/><radialGradient id="SVGID_5_" cx="31.875" cy="48.547" r="2.295" fx="31.922" fy="49.193" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="32.4" cy="47.7" r="2" fill="url(#SVGID_5_)"/><path class="st2" d="M31.1 47.3v-.1s0-.1.1-.1c.2-.3.5-.6.9-.6h.1v.1l-.1.1c-.1 0-.1.1-.2.2s-.3.2-.4.3c-.1 0-.3.2-.4.1zM31 47.7v.2c0 .1.1.1.1.2.1 0 .2-.2.2-.3v-.2l-.1-.1c-.1.1-.2.1-.2.2z"/><radialGradient id="SVGID_6_" cx="29.347" cy="53.327" r="1.265" fx="29.373" fy="53.683" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="29.6" cy="52.9" r="1.1" fill="url(#SVGID_6_)"/><path class="st2" d="M28.9 52.7c0-.1 0-.1 0 0v-.1c.1-.2.3-.3.5-.4h.1v.1l-.1.1c-.1.1-.2.1-.2.2-.1 0-.2.1-.3.1zM28.9 52.9v.1s0 .1.1.1.1-.1.1-.2v-.1c-.1 0-.1 0-.2.1 0-.1 0-.1 0 0z"/><g><radialGradient id="SVGID_7_" cx="29.347" cy="44.237" r="1.265" fx="29.373" fy="44.594" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="29.6" cy="43.8" r="1.1" fill="url(#SVGID_7_)"/><path class="st2" d="M28.9 43.6s0-.1 0 0v-.1c.1-.2.3-.3.5-.4h.1v.1l-.1.1c-.1.1-.2.1-.2.2-.1 0-.2.1-.3.1zM28.9 43.8v.1s0 .1.1.1.1-.1.1-.2v-.1c-.1 0-.1 0-.2.1 0-.1 0-.1 0 0z"/></g><g><radialGradient id="SVGID_8_" cx="28.266" cy="33.815" r="1.265" fx="28.292" fy="34.171" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="28.6" cy="33.4" r="1.1" fill="url(#SVGID_8_)"/><path class="st2" d="M27.8 33.1V33c.1-.2.3-.3.5-.4h.1v.1c0 .1 0 0 0 0l-.1.1c-.1.1-.2.1-.2.2-.1.1-.2.2-.3.1zM27.8 33.4v.1s0 .1.1.1.1-.1.1-.2v-.1c-.1 0-.1 0-.2.1 0-.1 0-.1 0 0z"/></g><g><radialGradient id="SVGID_9_" cx="43.057" cy="26.021" r="1.636" fx="43.09" fy="26.482" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="43.4" cy="25.4" r="1.4" fill="url(#SVGID_9_)"/><path class="st2" d="M42.5 25.2c0-.1 0-.1 0 0V25c.1-.2.4-.4.6-.5h.1v.1l-.1.1c-.1 0-.1.1-.1.1-.1.1-.2.2-.3.2 0 .1-.1.2-.2.2zM42.4 25.4v.2l.1.1c.1 0 .1-.2.1-.2v-.1s0-.1-.1-.1l-.1.1z"/></g><g><radialGradient id="SVGID_10_" cx="35.349" cy="36.703" r="1.792" fx="35.386" fy="37.208" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="35.8" cy="36.1" r="1.5" fill="url(#SVGID_10_)"/><path class="st2" d="M34.7 35.8c0-.1 0-.1 0 0v-.2c.2-.2.4-.4.7-.5h.1v.1l-.1.1c-.1 0-.1.1-.2.1l-.3.3s-.1.1-.2.1zM34.7 36v.2l.1.1c.1 0 .1-.2.1-.2V36s0-.1-.1-.1-.1.1-.1.1z"/></g><g><radialGradient id="SVGID_11_" cx="41.154" cy="18.453" r="7.665" fx="41.31" fy="20.613" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="42.9" cy="15.7" r="6.6" fill="url(#SVGID_11_)"/><path class="st2" d="M38.6 14.4c-.1-.1-.2-.3-.1-.4 0-.2.1-.3.2-.4.7-1 1.8-1.9 3-2.1.2 0 .4 0 .5.1.1.1 0 .3 0 .4l-.3.3c-.2.2-.5.4-.7.5-.5.4-.9.8-1.4 1.2-.4.1-.8.7-1.2.4zM38.2 15.7c-.1.2-.1.5-.1.8 0 .2.3.4.4.5.4.2.5-.7.6-.9 0-.2.1-.3 0-.5s-.2-.3-.4-.3c-.2-.1-.4.1-.5.4z"/></g><g><radialGradient id="SVGID_12_" cx="40.631" cy="34.244" r="4.571" fx="40.724" fy="35.532" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#dfe5ee"/><stop offset=".411" stop-color="#d0dae7"/><stop offset=".57" stop-color="#a9bed5"/><stop offset=".787" stop-color="#6b91b9"/><stop offset=".926" stop-color="#4072a5"/></radialGradient><circle cx="41.7" cy="32.6" r="3.9" fill="url(#SVGID_12_)"/><path class="st2" d="M39.1 31.8c-.1 0-.1-.1-.1-.2s.1-.2.1-.2c.4-.6 1-1.1 1.8-1.3.1 0 .2 0 .3.1v.2l-.2.2c-.1.1-.3.2-.4.3-.3.2-.6.5-.8.7-.2 0-.5.4-.7.2zM38.9 32.6c-.1.1-.1.3 0 .4 0 .1.2.3.3.3.2.1.3-.4.4-.6v-.3c0-.1-.1-.2-.2-.2-.4.1-.5.2-.5.4z"/></g></g></switch></svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 64 64")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 内含矢量渐变节点,请勿强制使用 CSS fill: currentColor 扁平覆盖
查看更多同类
操作已完成