工具产品暗色专用版

Relaticle

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

滚轮缩放 · 拖动平移 · 双击放大

该标志提供独立暗色模式版本

色彩提取

点击直接复制色值

下载 SVG 矢量文件 PNG

一键打包 ZIP

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究

优惠码 6666888 享95折

ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连

限时特惠码 6666888 享95折

矢量格式: SVG · 1:1
导出分辨率: 1024 × 1024 px
画布视口: 0 0 512 512
源码体积: 2.3 KB · 5 个路径节点

编辑与导出

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

颜色

单色

背景

留白0%圆角0%

格式

尺寸

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

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

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

品牌实体 / 展示名称: Relaticle
行业分类归属: 工具产品
官方基色 (HEX / RGB / HSL): #5D54E8rgb(93, 84, 232) · hsl(244, 76%, 62%)
WCAG 亮暗底对比度与矢量体积: 白底 5.4:1 · 暗底 3.7:1 · 2.3 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="relaticle_svg__a" x1="0" x2="13963.629" y1="469.333" y2="-13494.295" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M69.8 182.3c38.6 0 69.8-31.3 69.8-69.8s-31.3-69.8-69.8-69.8S0 73.9 0 112.5s31.3 69.8 69.8 69.8" style="opacity:.85;fill:url(#relaticle_svg__a)"/><linearGradient id="relaticle_svg__b" x1="403.394" x2="11264" y1="438.303" y2="-10422.296" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M457.7 182.3c30 0 54.3-24.3 54.3-54.3s-24.3-54.3-54.3-54.3S403.4 98 403.4 128s24.3 54.3 54.3 54.3" style="opacity:.75;fill:url(#relaticle_svg__b)"/><linearGradient id="relaticle_svg__c" x1="349.09" x2="15864.262" y1="197.818" y2="-15317.335" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M426.7 469.3c42.8 0 77.6-34.7 77.6-77.6s-34.7-77.6-77.6-77.6c-42.8 0-77.6 34.7-77.6 77.6s34.7 77.6 77.6 77.6" style="opacity:.9;fill:url(#relaticle_svg__c)"/><linearGradient id="relaticle_svg__d" x1="124.121" x2="26499.891" y1="391.757" y2="-25984.002" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M256 384c72.8 0 131.9-59 131.9-131.9 0-72.8-59-131.9-131.9-131.9-72.8 0-131.9 59-131.9 131.9S183.2 384 256 384" style="fill:url(#relaticle_svg__d)"/><linearGradient id="relaticle_svg__e" x1="245.682" x2="14928.963" y1="255.251" y2="-17691.016" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M467.9 121.7c-3.5-5.6-10.8-7.4-16.4-3.9L256.7 237.7 77 102.9c-5.3-4-12.8-2.9-16.7 2.4-4 5.3-2.9 12.8 2.4 16.7l186 139.5L419.1 401c2.2 1.8 4.9 2.7 7.6 2.7 3.5 0 6.9-1.5 9.2-4.4 4.2-5.1 3.4-12.6-1.7-16.8l-157.7-129L464 138.2c5.6-3.5 7.3-10.8 3.9-16.5" style="opacity:.75;fill:url(#relaticle_svg__e)"/></svg>

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M69.8 182.3c38.6 0 69.8-31.3 69.8-69.8s-31.3-69.8-69.8-69.8S0 73.9 0 112.5s31.3 69.8 69.8 69.8" style="opacity:.85"/><path d="M457.7 182.3c30 0 54.3-24.3 54.3-54.3s-24.3-54.3-54.3-54.3S403.4 98 403.4 128s24.3 54.3 54.3 54.3" style="opacity:.75"/><path d="M426.7 469.3c42.8 0 77.6-34.7 77.6-77.6s-34.7-77.6-77.6-77.6c-42.8 0-77.6 34.7-77.6 77.6s34.7 77.6 77.6 77.6" style="opacity:.9"/><path d="M256 384c72.8 0 131.9-59 131.9-131.9 0-72.8-59-131.9-131.9-131.9-72.8 0-131.9 59-131.9 131.9S183.2 384 256 384"/><path d="M467.9 121.7c-3.5-5.6-10.8-7.4-16.4-3.9L256.7 237.7 77 102.9c-5.3-4-12.8-2.9-16.7 2.4-4 5.3-2.9 12.8 2.4 16.7l186 139.5L419.1 401c2.2 1.8 4.9 2.7 7.6 2.7 3.5 0 6.9-1.5 9.2-4.4 4.2-5.1 3.4-12.6-1.7-16.8l-157.7-129L464 138.2c5.6-3.5 7.3-10.8 3.9-16.5" style="opacity:.75"/></svg>