fabbo

fabbo企业组织

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

返回检索

标志视效画布可滚轮缩放与按住平移

提示：滚轮缩放 / 拖拽平移

色彩提取

点击直接复制色值

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

法律合规与合理使用声明

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

资源获取与导出

下载 SVG 矢量文件下载高清 PNG (1024px)

矢量格式：Scalable Vector (.svg)

导出分辨率：1024 × 1024 px

存储方案：矢量源码内联

授权范围：非商用 / 仅限学习

官方来源：http://fabbo.ai/

矢量代码片段

<?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>