企業組織暗色專用版

Filagram

Filagram 官方向量標誌，歸屬企業組織分類，提供無損 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 120 120
原始碼體積: 1.5 KB · 9 個路徑節點
官方來源: https://filagram.com

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成

顏色

單色

背景

留白0%圓角0%

格式

尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Filagram.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱: Filagram
行業分類歸屬: 企業組織
官方基色 (HEX / RGB / HSL): #00F0C0rgb(0, 240, 192) · hsl(168, 100%, 47%)
WCAG 亮暗底對比度與向量體積: 白底 1.5:1 · 暗底 13.4:1 · 1.5 KB

向量程式碼片段

<svg width="512" height="512" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="120" y2="120" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#00f0c0"/>
      <stop offset="100%" stop-color="#008f6e"/>
    </linearGradient>
    <linearGradient id="highlight" x1="60" y1="0" x2="60" y2="120" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="white" stop-opacity="0.2"/>
      <stop offset="50%" stop-color="white" stop-opacity="0"/>
      <stop offset="100%" stop-color="black" stop-opacity="0.15"/>
    </linearGradient>
    <filter id="shadow">
      <feDropShadow dx="0" dy="2" stdDeviation="4" flood-color="#000" flood-opacity="0.3"/>
    </filter>
  </defs>
  <rect width="120" height="120" rx="26" fill="url(#bg)"/>
  <rect width="120" height="120" rx="26" fill="url(#highlight)"/>
  <rect x="0.5" y="0.5" width="119" height="119" rx="25.5" fill="none" stroke="white" stroke-opacity="0.18"/>
  <g filter="url(#shadow)">
    <rect x="24" y="18" width="72" height="14" rx="5" fill="#0a0e12"/>
    <rect x="24" y="18" width="18" height="84" rx="5" fill="#0a0e12"/>
    <rect x="46" y="36" width="50" height="22" rx="6" fill="#0a0e12"/>
    <rect x="46" y="62" width="50" height="40" rx="6" fill="#0a0e12"/>
  </g>
  <rect x="46" y="33" width="50" height="2" rx="1" fill="white" opacity="0.1"/>
  <rect x="46" y="59" width="36" height="2" rx="1" fill="white" opacity="0.08"/>
</svg>

<svg width="512" height="512" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="120" y2="120" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#00f0c0"/>
      <stop offset="100%" stop-color="#008f6e"/>
    </linearGradient>
  </defs>
  <rect width="120" height="120" rx="26" fill="url(#bg)"/>
  <rect x="24" y="18" width="72" height="14" rx="5" fill="#0a0e12"/>
  <rect x="24" y="18" width="18" height="84" rx="5" fill="#0a0e12"/>
  <rect x="46" y="36" width="50" height="22" rx="6" fill="#0a0e12"/>
  <rect x="46" y="62" width="50" height="40" rx="6" fill="#0a0e12"/>
</svg>