Appwrite
Dev & Tools
Dev & ToolsDark Variant
Relaticle
Official Relaticle vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.
Dedicated official dark-mode SVG variant available
Brand Color Palette
Click swatch to copy HEXDownload
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep ResearchCode 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices SupportedCode 6666888 · 5% OFF
- Vector Format
- SVG · 1:1
- Raster Export
- 1024 × 1024 px
- SVG viewBox
- 0 0 512 512
- File Size / Nodes
- 2.3 KB · 5 paths
Edit & Export
Recolor, add a background or padding, then export. Everything runs locally in your browser.
Colors
Background
Format
Size
SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setRelaticle.zip
Brand Visual Specifications & SVG Parameters
Database-extracted geometry, color models & WCAG contrast metrics
- Brand Entity / Display Name
- Relaticle
- Industry Category
- Dev & Tools
- Primary Color (HEX / RGB / HSL)
- #5D54E8rgb(93, 84, 232) · hsl(244, 76%, 62%)
- WCAG Surface Contrast
- Light 5.4:1 · Dark 3.7:1
Inline SVG Code Snippet
<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>Engineering & Layout Guidelines
- Maintain the native 1:1 aspect ratio (viewBox "0 0 512 512") without non-uniform stretching.
- Preserve at least 20% clear space around the emblem bounding box.
- Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.
