fabbo

fabbo 官方矢量标志，归属企业组织分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

滚轮缩放 · 拖动平移 · 双击放大

色彩提取

点击直接复制色值

单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正

下载 SVG 矢量文件 PNG

一键打包 ZIP

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究

优惠码 6666888 享95折

ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连

限时特惠码 6666888 享95折

矢量格式: SVG · 1:1
导出分辨率: 1024 × 1024 px
画布视口: 0 0 512 512
源码体积: 2.2 KB · 6 个路径节点
官方来源: https://fabbo.ai/

编辑与导出

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

颜色

单色

背景

留白0%圆角0%

格式

尺寸

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

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

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

品牌实体 / 展示名称: fabbo
行业分类归属: 企业组织
官方基色 (HEX / RGB / HSL): #000000rgb(0, 0, 0) · hsl(0, 0%, 0%)
WCAG 亮暗底对比度与矢量体积: 白底 21:1 · 暗底 1.1:1 · 2.2 KB

矢量代码片段

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
  <defs>
    <!-- Single unified gradient for the F -->
    <linearGradient id="fGrad" x1="0.2" y1="0" x2="0.8" y2="1">
      <stop offset="0%" stop-color="#F5B84C"/>
      <stop offset="50%" stop-color="#E8962E"/>
      <stop offset="100%" stop-color="#D4820E"/>
    </linearGradient>
    <!-- Subtle warm glow behind the F -->
    <filter id="fGlow" x="-12%" y="-12%" width="124%" height="124%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="8" result="blur"/>
      <feFlood flood-color="#E8962E" flood-opacity="0.12" result="color"/>
      <feComposite in="color" in2="blur" operator="in" result="glow"/>
      <feMerge>
        <feMergeNode in="glow"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <!-- Dark background -->
  <rect width="512" height="512" rx="80" ry="80" fill="#0C0F1A"/>

  <!-- Camera viewfinder corner brackets -->
  <!-- Top-left -->
  <path d="M 68 138 L 68 88 Q 68 68 88 68 L 138 68" fill="none" stroke="#E8962E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
  <!-- Top-right -->
  <path d="M 374 68 L 424 68 Q 444 68 444 88 L 444 138" fill="none" stroke="#E8962E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
  <!-- Bottom-left -->
  <path d="M 68 374 L 68 424 Q 68 444 88 444 L 138 444" fill="none" stroke="#E8962E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
  <!-- Bottom-right — teal accent -->
  <path d="M 374 444 L 424 444 Q 444 444 444 424 L 444 374" fill="none" stroke="#2DD4BF" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>

  <!-- Letter F as a single unified path — no seams -->
  <g filter="url(#fGlow)">
    <path d="
      M 174 120
      L 350 120
      Q 358 120 358 128
      L 358 164
      Q 358 172 350 172
      L 234 172
      L 234 228
      L 318 228
      Q 326 228 326 236
      L 326 268
      Q 326 276 318 276
      L 234 276
      L 234 384
      Q 234 392 226 392
      L 182 392
      Q 174 392 174 384
      L 174 128
      Q 174 120 182 120
      Z
    " fill="url(#fGrad)"/>
  </g>
</svg>