Appwrite
工具产品
Pipelock
Pipelock 官方矢量标志，归属工具产品分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。
色彩提取
点击直接复制色值下载
ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连限时特惠码 6666888 享95折
- 矢量格式
- SVG · 1:1
- 导出分辨率
- 1024 × 1024 px
- 画布视口
- -55.27 -33.75 514 514
- 源码体积
- 5.6 KB · 16 个路径节点
编辑与导出
修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成
颜色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Pipelock.zip
品牌视觉规范与工程参数档案
面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数
- 品牌实体 / 展示名称
- Pipelock
- 行业分类归属
- 工具产品
- 官方基色 (HEX / RGB / HSL)
- #00FFC8rgb(0, 255, 200) · hsl(167, 100%, 50%)
- WCAG 亮暗底对比度与矢量体积
- 白底 1.3:1 · 暗底 15.2:1 · 5.6 KB
矢量代码片段
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="-55.27 -33.75 514 514"
fill="none"
version="1.1"
id="svg14"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs4">
<linearGradient
id="shackle-grad"
x1="200"
y1="40"
x2="200"
y2="180"
gradientUnits="userSpaceOnUse">
<stop
offset="0%"
stop-color="#00ffc8"
id="stop1" />
<stop
offset="100%"
stop-color="#00b894"
id="stop2" />
</linearGradient>
<linearGradient
id="body-grad"
x1="200"
y1="160"
x2="200"
y2="340"
gradientUnits="userSpaceOnUse">
<stop
offset="0%"
stop-color="#1a1a2e"
id="stop3" />
<stop
offset="100%"
stop-color="#0f0f1a"
id="stop4" />
</linearGradient>
</defs>
<!-- Shackle (pipe-style) -->
<path
d="M130 180 L130 110 C130 65 160 40 200 40 C240 40 270 65 270 110 L270 180"
stroke="url(#shackle-grad)"
stroke-width="28"
stroke-linecap="round"
fill="none"
id="path4" />
<!-- Pipe joints on shackle ends -->
<rect
x="114"
y="165"
width="32"
height="16"
rx="3"
fill="#00ffc8"
opacity="0.7"
id="rect4" />
<rect
x="254"
y="165"
width="32"
height="16"
rx="3"
fill="#00ffc8"
opacity="0.7"
id="rect5" />
<!-- Lock body -->
<rect
x="90"
y="180"
width="220"
height="160"
rx="16"
fill="url(#body-grad)"
stroke="#00ffc8"
stroke-width="2.5"
id="rect6" />
<!-- Body inner border accent -->
<rect
x="100"
y="190"
width="200"
height="140"
rx="10"
fill="none"
stroke="#00ffc8"
stroke-width="0.5"
opacity="0.2"
id="rect7" />
<!-- Keyhole -->
<circle
cx="200"
cy="248"
r="18"
fill="#00ffc8"
opacity="0.9"
id="circle7" />
<circle
cx="200"
cy="248"
r="10"
fill="#0f0f1a"
id="circle8" />
<rect
x="196"
y="256"
width="8"
height="24"
rx="3"
fill="#00ffc8"
opacity="0.9"
id="rect8" />
<rect
x="196"
y="256"
width="8"
height="24"
rx="3"
fill="#0f0f1a"
opacity="0.4"
id="rect9" />
<!-- Pipe thread lines on body sides -->
<line
x1="95"
y1="210"
x2="95"
y2="215"
stroke="#00ffc8"
stroke-width="1"
opacity="0.3"
id="line9" />
<line
x1="95"
y1="222"
x2="95"
y2="227"
stroke="#00ffc8"
stroke-width="1"
opacity="0.3"
id="line10" />
<line
x1="95"
y1="234"
x2="95"
y2="239"
stroke="#00ffc8"
stroke-width="1"
opacity="0.3"
id="line11" />
<line
x1="305"
y1="210"
x2="305"
y2="215"
stroke="#00ffc8"
stroke-width="1"
opacity="0.3"
id="line12" />
<line
x1="305"
y1="222"
x2="305"
y2="227"
stroke="#00ffc8"
stroke-width="1"
opacity="0.3"
id="line13" />
<line
x1="305"
y1="234"
x2="305"
y2="239"
stroke="#00ffc8"
stroke-width="1"
opacity="0.3"
id="line14" />
<!-- "PIPELOCK" wordmark -->
<path
d="m 83.175781,396.56445 q 0,3.40235 -1.548828,5.99219 -1.548828,2.56445 -4.494141,3.96094 -2.919921,1.39648 -7.007812,1.39648 H 65.123047 V 420 h -7.490235 v -34.25195 h 12.1875 q 6.525391,0 9.927735,2.76757 3.427734,2.74219 3.427734,8.04883 z m -7.541015,0.12696 q 0,-2.76758 -1.675782,-3.93555 -1.65039,-1.19336 -4.976562,-1.19336 h -3.859375 v 10.58789 h 4.0625 q 3.351562,0 4.90039,-1.37109 1.548829,-1.39649 1.548829,-4.08789 z m 19.736328,-10.94336 h 23.257816 v 5.78906 h -7.89649 v 22.67383 h 7.89649 V 420 H 95.371094 v -5.78906 h 7.896486 v -22.67383 h -7.896486 z m 62.214846,10.8164 q 0,3.40235 -1.54883,5.99219 -1.54883,2.56445 -4.49414,3.96094 -2.91992,1.39648 -7.00781,1.39648 H 139.5332 V 420 h -7.49023 v -34.25195 h 12.1875 q 6.52539,0 9.92773,2.76757 3.42774,2.74219 3.42774,8.04883 z m -7.54102,0.12696 q 0,-2.76758 -1.67578,-3.93555 -1.65039,-1.19336 -4.97656,-1.19336 h -3.85938 v 10.58789 h 4.0625 q 3.35157,0 4.90039,-1.37109 1.54883,-1.39649 1.54883,-4.08789 z M 169.27344,420 v -34.25195 h 24.57812 v 5.78906 h -17.08789 v 8.22656 h 15.53906 v 5.78906 h -15.53906 v 8.65821 h 18.12891 V 420 Z m 39.08398,0 v -34.25195 h 7.49024 v 28.46289 h 15.64062 V 420 Z m 61.22461,-17.24023 q 0,8.75976 -3.55469,13.2539 -3.55468,4.49414 -10.20703,4.49414 -6.65234,0 -10.23242,-4.49414 -3.55469,-4.49414 -3.55469,-13.2539 0,-8.75977 3.55469,-13.15235 3.58008,-4.39258 10.23242,-4.39258 6.65235,0 10.20703,4.39258 3.55469,4.39258 3.55469,13.15235 z m -7.5918,0 q 0,-11.6543 -6.16992,-11.6543 -6.19531,0 -6.19531,11.6543 0,5.83984 1.54883,8.86132 1.57422,2.9961 4.64648,2.9961 3.07227,0 4.6211,-2.9961 1.54882,-3.02148 1.54882,-8.86132 z m 25.06836,-0.0508 q 0,5.71289 1.77735,8.81055 1.77734,3.09766 5.30664,3.09766 4.11328,0 6.09375,-6.19532 l 6.93164,1.32032 q -3.37695,10.76562 -13.10156,10.76562 -7.13477,0 -10.89258,-4.51953 -3.73242,-4.54492 -3.73242,-13.2793 0,-17.49414 14.42187,-17.49414 4.72266,0 7.89649,2.48828 3.19921,2.48829 4.69726,7.38868 l -6.90625,1.67578 q -0.73633,-2.69141 -2.20898,-4.16406 -1.47266,-1.49805 -3.37696,-1.49805 -6.90625,0 -6.90625,11.60351 z M 336.98437,420 l -8.20117,-14.14258 -3.22461,3.60547 V 420 h -7.49023 v -34.25195 h 7.49023 v 15.20898 l 11.07032,-15.20898 h 8.70898 L 333.6582,400.44922 345.82031,420 Z"
id="text14"
style="fill:#00ffc8"
aria-label="PIPELOCK" />
</svg>
设计应用建议
- 保持原生 1:1 宽高比（viewBox "-55.27 -33.75 514 514"）等比例缩放，切勿拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白安全保护区
- 内含矢量渐变节点，请勿强制使用 CSS fill: currentColor 扁平覆盖
