跳到主要内容
工具产品Traefik Labs

Containous

Containous 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Containous Logo

色彩提取

点击直接复制色值

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 29:7
导出分辨率
1024 × 1024 px
画布视口
0 0 9280 2240
源码体积
3.5 KB · 1 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Containous.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
Containous
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#666666rgb(102, 102, 102) · hsl(0, 0%, 40%)
WCAG 亮暗底对比度与矢量体积
白底 5.7:1 · 暗底 3.5:1 · 3.5 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 9280 2240"
   version="1.1"
   xml:space="preserve"
   style="clip-rule:evenodd;fill-rule:evenodd"
   id="svg14"
   sodipodi:docname="containous-icon.svg"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
     id="metadata18"><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><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="namedview16"
     showgrid="false"
     units="px"
     inkscape:zoom="4.6758621"
     inkscape:cx="72.5"
     inkscape:cy="17.5"
     inkscape:window-x="-9"
     inkscape:window-y="-9"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg14" /><path
     inkscape:connector-curvature="0"
     style="fill:url(#_Linear1);stroke-width:322.13275146"
     d="m 4245.7095,-1199.9999 c 97.2841,-165.5763 285.4096,-247.0758 465.8039,-218.406 22.2271,-3.2213 44.7766,-4.832 67.3258,-4.832 H 6828.2477 L 7527.92,-2619.961 H 3676.1788 L 1488.5755,1120.0001 3676.1788,4859.9612 H 7527.92 L 6829.214,3665.1707 H 4639.3557 v -0.9663 c -156.8786,-0.3221 -309.2475,-80.5331 -393.6462,-224.2043 L 3023.5379,1350.325 c -81.8216,-135.2958 -88.9085,-309.2474 -3.2214,-455.4957 z M 3003.5657,5506.4816 572.75206,1350.325 c -6.7648,-11.2748 -13.20745,-23.1936 -19.32798,-35.4346 l -0.32213,-0.3221 -3.54347,-8.0535 -0.32213,-0.6442 -4.18771,-9.0196 v 0 c -23.51569,-54.1183 -35.4346,-110.8137 -36.72314,-167.1871 v -2.899 -6.7648 -6.7648 -2.8992 c 1.28854,-56.3734 13.20745,-113.0686 36.72314,-167.1869 v 0 l 4.18771,-9.0197 0.32213,-0.6443 3.54347,-8.0533 0.32213,-0.3222 c 6.12053,-12.241 12.56318,-24.1599 19.32798,-35.4346 L 3003.5657,-3266.1593 C 3077.6562,-3416.5953 3233.5684,-3520 3413.9627,-3520 h 4901.5718 c 251.9078,0 456.14,201.333 456.14,450.0195 0,97.2841 -31.2469,187.1592 -84.3989,260.9276 L 7614.5737,-974.8291 8705.6372,890.6416 c 81.1775,134.6513 88.2645,307.3145 3.5434,452.5965 L 7614.5737,3215.1515 8687.2756,5049.0531 c 53.152,73.7683 84.3989,163.6433 84.3989,260.9274 0,248.6865 -204.2322,450.0195 -456.14,450.0195 H 3413.9627 c -180.3943,0 -336.3065,-103.4047 -410.397,-253.5184 z M 7708.9586,1260.7721 H 5946.2481 L 5066.5038,2764.8099 H 6829.214 Z M 4820.0721,2625.9706 5700.783,1120.3222 4820.0721,-385.6484 3939.3613,1120.0001 Z M 5946.5705,979.228 H 7708.9586 L 6828.2477,-526.4204 H 5065.8594 Z"
     id="path-2" /><defs
     id="defs12"><linearGradient
       id="_Linear1"
       x1="0"
       y1="0"
       x2="1"
       y2="0"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(8263.2199,0,0,8263.2199,508.37059,1120)"><stop
         offset="0"
         style="stop-color:#03008b;stop-opacity:1"
         id="stop7" /><stop
         offset="1"
         style="stop-color:#8a008b;stop-opacity:1"
         id="stop9" /></linearGradient></defs></svg>

设计应用建议

  • 保持原生 29:7 宽高比(viewBox "0 0 9280 2240")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 内含矢量渐变节点,请勿强制使用 CSS fill: currentColor 扁平覆盖
查看更多同类
操作已完成