跳到主要內容

gulp.js

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

gulp.js Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
gulp.js
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#666666rgb(102, 102, 102) · hsl(0, 0%, 40%)
WCAG 亮暗底對比度與向量體積
白底 5.7:1 · 暗底 3.5:1 · 5.4 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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 64 63.999999"
   version="1.1"
   id="svg10"
   sodipodi:docname="gulp-icon.svg"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
  <metadata
     id="metadata16">
    <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>
  <defs
     id="defs14" />
  <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="namedview12"
     showgrid="false"
     inkscape:zoom="10.738893"
     inkscape:cx="48.049645"
     inkscape:cy="23.903677"
     inkscape:window-x="-9"
     inkscape:window-y="-9"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg10" />
  <path
     inkscape:connector-curvature="0"
     style="fill:#1a1a1a;stroke:#ffffff;stroke-width:0.47932893;stroke-miterlimit:10"
     id="path2"
     d="m 43.618931,37.924506 c -0.08148,0.124631 -0.239664,0.517676 -0.455363,1.174356 -0.22049,0.661474 -0.488915,1.485921 -0.805273,2.49251 -0.316357,0.99221 -0.661473,2.109047 -1.025764,3.340923 l -1.136008,3.777113 c -0.431398,1.2846 -0.766927,2.540442 -1.150391,3.777112 l -0.958657,3.345714 -0.718993,2.502099 -0.335531,1.198323 c -0.143806,0.397843 -0.287597,0.838825 -0.527261,1.32774 -0.239666,0.479329 -0.527263,0.944277 -0.81486,1.380467 -0.335531,0.431396 -0.67106,0.80048 -1.054524,1.088077 -0.383463,0.287597 -0.766927,0.431396 -1.198323,0.431396 -0.671059,0 -1.150389,-0.230078 -1.485919,-0.67106 -0.33553,-0.455363 -0.479328,-1.275016 -0.479328,-2.473337 v -1.083283 c 0,-0.397843 0.19173,-1.150389 0.479328,-2.243261 0.287597,-1.102455 0.623128,-2.339124 1.054523,-3.719592 0.383465,-1.390053 0.862792,-2.818454 1.29419,-4.299581 l 1.294188,-4.026363 c -1.15039,1.246256 -2.348712,2.492511 -3.642901,3.690832 -1.294188,1.246257 -2.636309,2.348711 -3.978431,3.30737 -1.390053,0.958657 -2.780107,1.773517 -4.17016,2.396645 -1.390055,0.623128 -2.732176,0.910726 -4.026364,0.910726 -1.48592,0 -2.732174,-0.335531 -3.786698,-1.006593 C 14.935887,53.87178 14.025162,53.05692 13.354102,52.002397 12.68304,50.947873 12.155779,49.749551 11.820249,48.455363 11.63331,47.2139 11.441579,45.871779 11.441579,44.577591 v -0.479329 c 0,-0.143807 0.01918,-0.301977 0.04793,-0.450568 0.115036,-2.396645 0.455363,-4.841224 1.006592,-7.352906 0.575195,-2.530858 1.294188,-5.032955 2.204914,-7.525465 0.910723,-2.49251 1.965247,-4.937089 3.16357,-7.31456 1.246256,-2.281606 2.540443,-4.534451 3.930496,-6.643499 1.390055,-2.109048 2.885561,-4.074295 4.45776,-5.8478123 1.581787,-1.7831048 3.197125,-3.3169562 4.860396,-4.6015582 1.658478,-1.294188 3.33613,-2.300779 5.032954,-3.019773 1.677652,-0.718993 3.355302,-1.102456 5.01378,-1.102456 1.917316,0 3.767526,0.527262 5.560216,1.567405 1.773517,1.068904 3.451169,2.746555 5.023368,5.0952678 0.354703,0.5272612 0.575194,1.0545223 0.67106,1.5913711 0.09586,0.5272628 0.143806,1.0401449 0.143806,1.5098866 0,1.121629 -0.263632,2.013181 -0.800479,2.655483 -0.527263,0.671059 -1.150391,0.958657 -1.917316,0.958657 -0.671061,0 -1.294189,-0.335529 -1.869384,-1.054524 C 47.396047,11.844218 46.724988,10.837627 46.053926,9.5434393 45.382862,8.3451167 44.663868,7.4823249 43.849008,6.9550621 43.03415,6.4278005 42.171358,6.1881375 41.212699,6.1881375 c -1.485919,0 -3.019771,0.623126 -4.697423,1.869382 -1.677652,1.2462559 -3.30737,2.8280405 -4.937089,4.8412215 -1.629718,2.013182 -3.211504,4.313961 -4.697423,6.902337 -1.48592,2.588377 -2.828041,5.224686 -3.978431,7.95686 -1.150389,2.732176 -2.061114,5.368485 -2.732174,8.004794 -0.671061,2.636309 -1.00659,4.98502 -1.00659,7.094068 0,0.718994 0.04793,1.437987 0.14379,2.15698 0.09586,0.766927 0.287598,1.390055 0.527262,2.013183 0.239663,0.623128 0.623128,1.102455 1.102457,1.485919 0.479328,0.383463 1.054522,0.575195 1.725584,0.575195 0.766926,0 1.67765,-0.239665 2.636309,-0.766927 1.00659,-0.527261 2.013181,-1.198322 3.067705,-2.061114 1.054523,-0.862792 2.156981,-1.821451 3.211503,-2.875975 1.054524,-1.054522 2.109048,-2.156979 3.019773,-3.259435 0.910726,-1.102457 1.773517,-2.156981 2.444577,-3.163572 0.718993,-1.00659 1.246256,-1.869382 1.629719,-2.636309 l 2.775314,-8.920312 c 0.354705,-0.944278 0.81486,-1.620131 1.404434,-2.013181 0.575195,-0.402636 1.16477,-0.603954 1.773517,-0.603954 0.287597,0 0.589575,0.04793 0.886759,0.143791 0.287597,0.09586 0.565608,0.24925 0.800479,0.460155 0.239666,0.191731 0.417017,0.47933 0.556023,0.814859 0.143806,0.335531 0.239663,0.718993 0.239663,1.198322 0,1.198323 -0.09586,2.32954 -0.287597,3.374476 -0.191732,1.054524 -0.479329,2.061115 -0.814858,3.067705 -0.287599,0.982626 -0.671062,1.984423 -1.054524,2.995807 -0.383464,1.00659 -0.766927,2.061114 -1.150391,3.163571 z"
     sodipodi:nodetypes="ccccccccccccscssccccccsscscssccscscccscccscsccsssssssscssscscsccccscccsccccc" />
</svg>

設計應用建議

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