跳到主要內容

Streamyfin

Streamyfin 官方向量標誌,歸屬AI 產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Streamyfin Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 0.93:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 3702.5 4000
原始碼體積
16.6 KB · 8 個路徑節點

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Streamyfin
行業分類歸屬
AI 產品
官方基色 (HEX / RGB / HSL)
#3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
WCAG 亮暗底對比度與向量體積
白底 3.7:1 · 暗底 5.4:1 · 16.6 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 3702.5 4000">
  <!-- Generator: Adobe Illustrator 29.8.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 2)  -->
  <defs>
    <style>
      .st0 {
        clip-path: url(#clippath-6);
      }

      .st1 {
        clip-path: url(#clippath-7);
      }

      .st2 {
        clip-path: url(#clippath-4);
      }

      .st3 {
        fill: none;
      }

      .st4 {
        clip-path: url(#clippath-1);
      }

      .st5 {
        isolation: isolate;
      }

      .st6 {
        clip-path: url(#clippath-5);
      }

      .st7 {
        clip-path: url(#clippath-3);
      }

      .st8 {
        clip-path: url(#clippath-2);
      }

      .st9 {
        clip-path: url(#clippath);
      }
    </style>
    <clipPath id="clippath">
      <path class="st3" d="M764.62,2985.81c0,97.35,39.35,165.37,123.58,213.98,84.23,48.61,161.9,46.94,247.16,0l1788.24-985.81c85.26-46.94,123.58-116.76,123.58-213.98s-38.32-167.05-123.58-213.98l-1788.24-985.81c-85.13-46.94-162.93-48.61-247.16,0-84.23,48.61-123.58,116.76-123.58,213.98v1971.61Z"/>
    </clipPath>
    <clipPath id="clippath-1">
      <rect class="st3" x="764.62" y="751.6" width="2282.43" height="2496.79"/>
    </clipPath>
    <clipPath id="clippath-2">
      <path class="st3" d="M1819.87,1877.7c-193.28,146.22-429.76,246.52-687.2,284.85h0v1038.71c.9-.49,1.8-.97,2.7-1.47h0l1788.24-985.81c85.26-46.94,123.58-116.76,123.58-213.98h0c0-97.22-38.32-167.04-123.58-213.98h0l-109.66-60.45c-110.08-37.25-228.03-57.47-350.71-57.47h0c-250.5,0-481.2,84.23-643.36,209.61Z"/>
    </clipPath>
    <clipPath id="clippath-3">
      <rect class="st3" x="1130.86" y="1668.1" width="1916.57" height="1533.88"/>
    </clipPath>
    <clipPath id="clippath-4">
      <path class="st3" d="M3246.89,1210.82L1366.96,125.48c-289.72-167.3-621.5-167.3-911.35,0C165.89,292.78,0,580.06,0,914.66v2170.68c0,334.6,165.89,621.88,455.61,789.19,289.72,167.3,621.5,167.3,911.35,0l1879.92-1085.34c289.72-167.3,455.61-454.58,455.61-789.19s-165.89-621.88-455.61-789.19ZM1143.08,812.17l1770.49,976.03c84.36,46.55,122.29,115.61,122.29,211.92s-37.94,165.37-122.29,211.92l-1770.49,976.03c-84.36,46.55-161.26,48.22-244.72,0-83.46-48.22-122.29-115.61-122.29-211.92V1023.97c0-96.32,38.96-163.7,122.29-211.92,83.46-48.1,160.36-46.55,244.72,0v.13Z"/>
    </clipPath>
    <clipPath id="clippath-5">
      <rect class="st3" y="-41.83" width="3702.5" height="4083.78"/>
    </clipPath>
    <clipPath id="clippath-6">
      <path class="st3" d="M0,1612.41v1472.93C0,3419.94,165.88,3707.22,455.62,3874.53h0c289.72,167.29,621.5,167.29,911.34,0h0l1879.92-1085.34c95.14-54.94,176.91-122.8,243.86-201.04h0l-.16.04c-127.05,25.33-258.61,38.59-393.5,38.59h0c-377.42,0-729.26-104.03-1025.8-283.68h0l.13.13c-156.12-90.15-313.01-197.53-470.79-322.14h0c-334.86-274.03-770.41-439.79-1246.72-439.79h0c-120.89,0-239.19,10.68-353.89,31.12Z"/>
    </clipPath>
    <clipPath id="clippath-7">
      <rect class="st3" x="-1.8" y="1578.6" width="3496.75" height="2422.72"/>
    </clipPath>
  </defs>
  <g id="Layer_1-2">
    <g>
      <g class="st9">
        <g class="st4">
          <image class="st5" width="377" height="410" transform="translate(748.68 3265.1) scale(6.16 -6.16)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYQAAAGl...[資料已省略,點選複製或下載獲取完整原始碼]..."/>
        </g>
      </g>
      <g class="st8">
        <g class="st7">
          <image class="st5" width="315" height="253" transform="translate(1118.64 3219.98) scale(6.17 -6.17)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUUAAAEF...[資料已省略,點選複製或下載獲取完整原始碼]..."/>
        </g>
      </g>
      <g class="st2">
        <g class="st6">
          <image class="st5" width="608" height="665" transform="translate(-14.27 4055.46) scale(6.17 -6.17)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnMAAAKu...[資料已省略,點選複製或下載獲取完整原始碼]..."/>
        </g>
      </g>
      <g class="st0">
        <g class="st1">
          <image class="st5" width="573" height="397" transform="translate(-17.92 4015.59) scale(6.16 -6.16)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAk0AAAGY...[資料已省略,點選複製或下載獲取完整原始碼]..."/>
        </g>
      </g>
    </g>
  </g>
</svg>

設計應用建議

  • 保持原生 0.93:1 寬高比(viewBox "0 0 3702.5 4000")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成