跳到主要內容

FOSSID

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

FOSSID Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
FOSSID
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#3A3A3Argb(58, 58, 58) · hsl(0, 0%, 23%)
WCAG 亮暗底對比度與向量體積
白底 11.4:1 · 暗底 1.7:1 · 7.2 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="64"
   height="64"
   viewBox="0 0 16.933333 16.933333"
   id="svg8611"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
   sodipodi:docname="fossid-icon.svg"
   version="1.1">
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1920"
     inkscape:window-height="1001"
     id="namedview19"
     showgrid="false"
     inkscape:zoom="3.236552"
     inkscape:cx="87.948955"
     inkscape:cy="33.612935"
     inkscape:window-x="-9"
     inkscape:window-y="-9"
     inkscape:window-maximized="1"
     inkscape:current-layer="layer1"
     units="px" />
  <defs
     id="defs8605" />
  <metadata
     id="metadata8608">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(51.13075,-98.510846)">
    <g
       id="g896"
       transform="matrix(1.9688361,0,0,1.9688361,36.300636,-106.76921)">
      <g
         transform="matrix(0.10975222,0,0,0.10975222,-73.105227,121.65981)"
         id="g8576">
        <path
           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#3a3a3a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11.86367512;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
           d="m 315.21097,-110.10083 c -1.54145,0.0378 -4.25304,0.54219 -4.79713,0.55811 -2.40857,0.0708 -5.47378,5.92115 -3.69833,7.55026 1.01178,-0.5444 2.86424,-1.69066 4.25385,-0.72536 0.99877,0.6938 3.40459,2.03001 3.19881,4.447839 -0.14621,1.791154 0.47224,3.640239 2.02258,4.893706 l 12.2282,11.561051 c 2.37098,2.314874 6.17499,2.234652 8.44703,-0.177767 2.27202,-2.412418 2.13087,-6.221616 -0.31316,-8.458915 l -12.2282,-11.563114 c -1.14989,-1.11726 -2.3912,-2.0037 -3.96358,-1.69808 -2.89288,0.56228 -3.87065,-0.78252 -5.59398,-2.80397 -0.42753,-0.50149 -0.23118,-1.28294 1.47175,-3.4308 -0.13015,-0.12641 -0.51403,-0.16556 -1.02784,-0.15296 z"
           id="path8570"
           inkscape:connector-curvature="0"
           sodipodi:nodetypes="cccsccccccsscc" />
        <path
           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#3a3a3a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.28399992;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
           d="m 292.80726,-158.49459 c -16.51645,0 -29.97266,13.45621 -29.97266,29.97266 0,16.51644 13.45621,29.972647 29.97266,29.972647 16.51644,0 29.97461,-13.456207 29.97461,-29.972647 0,-16.51645 -13.45817,-29.97266 -29.97461,-29.97266 z m 0,6.2832 c 13.12032,0 23.68945,10.56914 23.68945,23.68946 0,13.12032 -10.56913,23.6875 -23.68945,23.6875 -13.12032,0 -23.6875,-10.56718 -23.6875,-23.6875 0,-13.12032 10.56718,-23.68946 23.6875,-23.68946 z"
           id="path8572"
           inkscape:connector-curvature="0" />
        <path
           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#27a0f2;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.5619998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
           d="m 289.35413,-149.6899 a 3.281328,3.281328 0 0 0 -0.55273,0.0644 c -8.90972,1.68303 -15.8685,8.86144 -17.22851,17.87695 a 3.281328,3.281328 0 1 0 6.48827,0.97852 c 0.94389,-6.25699 5.78011,-11.24139 11.95703,-12.4082 a 3.281328,3.281328 0 0 0 -0.66406,-6.51172 z"
           id="path8574"
           inkscape:connector-curvature="0" />
      </g>
    </g>
  </g>
</svg>

設計應用建議

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