跳到主要内容

OCTO Clicks

OCTO Clicks 官方矢量标志,归属金融支付分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

OCTO Clicks Logo

色彩提取

点击直接复制色值

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
OCTO Clicks
行业分类归属
金融支付
官方基色 (HEX / RGB / HSL)
#790008rgb(121, 0, 8) · hsl(356, 100%, 24%)
WCAG 亮暗底对比度与矢量体积
白底 11.6:1 · 暗底 1.7:1 · 5.9 KB

矢量代码片段

<svg width="80" height="17" viewBox="0 0 80 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_26351)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M37.6048 4.19184C37.6945 4.07376 37.7393 3.52294 37.7393 3.39404V0.723606C37.7247 0.566334 37.6671 0.448104 37.5671 0.369652C37.467 0.290796 37.3518 0.251606 37.2227 0.251606H25.6486C25.5048 0.251606 25.3847 0.294498 25.2879 0.380063C25.1915 0.465848 25.1427 0.580668 25.1427 0.723606V0.75341C25.1427 0.925383 25.2229 1.08654 25.3586 1.19194C26.0219 1.70742 26.6383 2.25519 27.3135 3.22515C27.964 4.15874 27.9971 4.36891 28.1975 4.36891H29.3488V15.7073C29.3488 15.8532 29.4109 15.9951 29.5214 16.0907C29.6256 16.1808 29.7359 16.2255 29.8531 16.2255H33.0078C33.1577 16.2255 33.2792 16.1736 33.3724 16.0697C33.4649 15.9655 33.5117 15.8487 33.5117 15.7196V4.36891H37.2227C37.3881 4.36891 37.515 4.30989 37.6048 4.19184Z" fill="#E72635"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.6994 11.867C40.7473 11.867 39.165 10.2845 39.165 8.33261C39.165 6.38046 40.7473 4.79821 42.6994 4.79821C44.6518 4.79821 46.2338 6.38046 46.2338 8.33261C46.2338 10.2845 44.6518 11.867 42.6994 11.867ZM50.6325 6.15947C50.4355 5.46036 50.1591 4.80415 49.8039 4.19101C49.4483 3.57809 49.0196 3.02071 48.5178 2.51828C48.015 2.01625 47.4589 1.58795 46.8494 1.23319C46.2391 0.878029 45.5827 0.601648 44.8789 0.404783C44.1758 0.207698 43.4477 0.108826 42.6941 0.108826C41.9333 0.108826 41.2034 0.207698 40.5034 0.404783C40 0.546731 39.5212 0.731572 39.0644 0.955235C38.9732 1.01792 38.8525 1.11881 38.7419 1.2634C38.6099 1.43559 38.5421 1.64921 38.5421 1.86613V3.98758C38.5421 4.5425 38.0923 4.99225 37.5376 4.99225H35.8653C35.4354 4.99225 35.0541 5.26574 34.9136 5.67134C34.8578 5.83126 34.8069 5.99447 34.7608 6.15947C34.5671 6.85902 34.4704 7.58874 34.4704 8.34893C34.4704 9.10871 34.5671 9.83869 34.7608 10.5378C34.9548 11.2369 35.2309 11.8895 35.5898 12.4959C35.9486 13.1018 36.3776 13.6535 36.8763 14.152C37.3749 14.6506 37.9292 15.0791 38.5394 15.4375C39.1491 15.7962 39.8043 16.0725 40.5034 16.2653C41.2034 16.4595 41.9333 16.5564 42.6941 16.5564C43.4477 16.5564 44.1758 16.4595 44.8789 16.2653C45.5827 16.0725 46.2391 15.7962 46.8494 15.4375C47.4589 15.0791 48.015 14.6506 48.5178 14.152C49.0196 13.6535 49.4483 13.1018 49.8039 12.4959C50.1591 11.8895 50.4355 11.2369 50.6325 10.5378C50.8301 9.83869 50.9289 9.10871 50.9289 8.34893C50.9289 7.58874 50.8301 6.85902 50.6325 6.15947Z" fill="#E72635"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.11407 11.773C6.16191 11.773 4.5797 10.1906 4.5797 8.23867C4.5797 6.28652 6.16191 4.70427 8.11407 4.70427C10.066 4.70427 11.6485 6.28652 11.6485 8.23867C11.6485 10.1906 10.066 11.773 8.11407 11.773ZM27.103 11.0574L23.6911 9.91547C23.4289 9.82763 23.1346 9.9224 22.9851 10.1554C22.316 11.2002 21.1093 11.8672 19.7529 11.7589C18.8633 11.6881 18.0555 11.2712 17.4718 10.6404C17.0482 10.183 16.7419 9.61361 16.6113 8.97902C16.5617 8.73784 16.5398 8.5009 16.5398 8.2691H16.5386C16.5386 6.02367 15.6422 3.9884 14.1888 2.49824C14.166 2.47434 14.1433 2.44967 14.12 2.42536C12.6233 0.927245 10.5543 0 8.26972 0C4.88889 0 1.98379 2.02991 0.701749 4.93607C0.252222 5.95606 0 7.08285 0 8.26928C0 12.1152 2.62553 15.347 6.18156 16.2723C6.23362 16.2858 6.28714 16.2955 6.34004 16.3078C6.95912 16.4561 7.60449 16.5386 8.26929 16.5386C10.3377 16.5386 12.2277 15.777 13.6778 14.5217C13.6778 14.5217 14.0977 14.1343 14.1582 14.0758C15.6575 15.5942 17.7369 16.5388 20.0393 16.5388C20.9606 16.5388 21.8446 16.3833 22.672 16.1048C24.7693 15.4 26.4923 13.881 27.4592 11.9191C27.625 11.5823 27.4592 11.1763 27.103 11.0574Z" fill="#E72635"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0393 4.7684C21.1211 4.7684 22.0864 5.26023 22.7283 6.03163C22.9027 6.24118 23.1991 6.30387 23.4509 6.1981L26.7557 4.80722C27.1183 4.65464 27.2551 4.21347 27.0459 3.88016C25.584 1.5504 22.9934 0.000374892 20.0393 0.000374892C17.9505 0.000374892 16.0439 0.776287 14.5887 2.05426C15.7882 3.27354 16.638 4.83721 16.9752 6.58186C17.5714 5.50142 18.7182 4.7684 20.0393 4.7684Z" fill="#E72635"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M58.6963 9.18725H57.9308C56.0171 9.18725 54.6056 10.5268 54.6056 12.3209C54.6056 14.4978 56.2681 15.4546 57.5 15.4546H58.6963V16.5071H57.5C55.1679 16.5071 53.4335 14.7131 53.4335 12.3209C53.4335 10.2876 55.0961 8.13467 57.8111 8.13467H58.6963V9.18725Z" fill="#790008"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.7973 16.5072H60.8499V8.13468H59.7973V16.5072Z" fill="#790008"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M62.7876 16.5072H63.84V10.766H62.7876V16.5072ZM63.3137 8.85233C63.7205 8.85233 63.9477 9.16332 63.9477 9.48626C63.9477 9.8092 63.7205 10.1202 63.3137 10.1202C62.9073 10.1202 62.6798 9.8092 62.6798 9.48626C62.6798 9.16332 62.9073 8.85233 63.3137 8.85233Z" fill="#790008"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M69.3781 11.7707H68.5648C67.5721 11.7707 66.5914 12.4167 66.5914 13.6366C66.5914 14.8565 67.5721 15.5025 68.5648 15.5025H69.3781V16.5072H68.3736C67.0339 16.5072 65.491 15.4786 65.491 13.6366C65.491 11.7946 67.0339 10.766 68.3736 10.766H69.3781V11.7707Z" fill="#790008"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M70.2517 16.5071V8.13466H71.3041V12.895H71.7468C72.1893 12.895 72.4763 12.7276 72.6319 12.4644L73.6246 10.766H74.8206L74.067 12.0578C73.8398 12.4525 73.493 13.0266 73.17 13.1103V13.1342C74.0192 13.3017 74.4857 13.804 74.4857 14.8207V16.5071H73.4331V14.9403C73.4331 14.2227 73.0504 13.8997 72.5001 13.8997H71.3041V16.5071H70.2517Z" fill="#790008"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M75.2756 15.5025H78.2178C78.7083 15.5025 78.8996 15.3111 78.8996 14.9523C78.8996 13.8997 75.2756 14.3063 75.2756 12.3209C75.2756 11.3042 75.9811 10.766 77.2371 10.766H79.7129V11.7707H77.0577C76.5434 11.7707 76.3879 11.9143 76.376 12.2731C76.3639 13.2658 80 12.8472 80 14.9045C80 15.9928 79.2345 16.5072 78.2178 16.5072H75.2756V15.5025Z" fill="#790008"/>
</g>
<defs>
<clipPath id="clip0_3802_26351">
<rect width="80" height="16.5564" fill="white"/>
</clipPath>
</defs>
</svg>

设计应用建议

  • 保持原生 4.71:1 宽高比(viewBox "0 0 80 17")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成