Appwrite
Dev & Tools
Self-Hosted Metrics
Official Self-Hosted Metrics (self-hosted-metrics) 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.7 KB · 6 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 setSelf-Hosted Metrics.zip
Brand Visual Specifications & SVG Parameters
Database-extracted geometry, color models & WCAG contrast metrics
- Brand Entity / Display Name
- Self-Hosted Metrics (self-hosted-metrics)
- Industry Category
- Dev & Tools
- Primary Color (HEX / RGB / HSL)
- #22D3EErgb(34, 211, 238) · hsl(188, 86%, 53%)
- WCAG Surface Contrast
- Light 1.8:1 · Dark 11:1
Inline SVG Code Snippet
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="self-hosted-metrics_svg__a" x1="-701.048" x2="-699.817" y1="796.506" y2="795.275" gradientTransform="matrix(352 0 0 -416 246833 331317)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#6366f1"/><stop offset="1" style="stop-color:#8b5cf6"/></linearGradient><path d="m256 0 216.6 59.1v177.2c0 137.8-98.5 236.3-216.6 275.7C137.8 472.6 39.4 374.2 39.4 236.3V59.1z" style="fill:url(#self-hosted-metrics_svg__a)"/><path d="m256 476.4-.4-.1c-52.1-17.8-99-49.2-131.9-88.4-36.6-43.6-56-96-56-151.6v-156l188.3-52 .3.1 188 51.9v156c0 55.6-19.4 108-56 151.6-33 39.2-79.8 70.6-131.9 88.4zM70.2 82.2v154.1c0 105.6 72.9 198.8 185.8 237.5 112.9-38.7 185.8-131.9 185.8-237.5V82.2L256 30.8z" style="fill:#8684f5"/><linearGradient id="self-hosted-metrics_svg__b" x1="-685.386" x2="-685.386" y1="792.278" y2="793.509" gradientTransform="matrix(40 0 0 -80 27573 63717)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#22d3ee"/><stop offset="1" style="stop-color:#06b6d4"/></linearGradient><path d="M140.3 236.3h34.5c4.1 0 7.4 3.3 7.4 7.4v83.7c0 4.1-3.3 7.4-7.4 7.4h-34.5c-4.1 0-7.4-3.3-7.4-7.4v-83.7c0-4.1 3.3-7.4 7.4-7.4" style="opacity:.7;fill:url(#self-hosted-metrics_svg__b)"/><linearGradient id="self-hosted-metrics_svg__c" x1="-685.04" x2="-685.04" y1="793.519" y2="794.749" gradientTransform="matrix(40 0 0 -120 27633 95557)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#22d3ee"/><stop offset="1" style="stop-color:#06b6d4"/></linearGradient><path d="M214.2 187.1h34.5c4.1 0 7.4 3.3 7.4 7.4v132.9c0 4.1-3.3 7.4-7.4 7.4h-34.5c-4.1 0-7.4-3.3-7.4-7.4V194.5c0-4.1 3.3-7.4 7.4-7.4" style="opacity:.85;fill:url(#self-hosted-metrics_svg__c)"/><linearGradient id="self-hosted-metrics_svg__d" x1="-684.694" x2="-684.694" y1="794.139" y2="795.37" gradientTransform="matrix(40 0 0 -160 27693 127397)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#22d3ee"/><stop offset="1" style="stop-color:#06b6d4"/></linearGradient><path d="M288 137.8h34.5c4.1 0 7.4 3.3 7.4 7.4v182.2c0 4.1-3.3 7.4-7.4 7.4H288c-4.1 0-7.4-3.3-7.4-7.4V145.2c0-4 3.3-7.4 7.4-7.4" style="fill:url(#self-hosted-metrics_svg__d)"/><linearGradient id="self-hosted-metrics_svg__e" x1="-684.348" x2="-684.348" y1="793.811" y2="795.041" gradientTransform="matrix(40 0 0 -136 27753 108293)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#22d3ee"/><stop offset="1" style="stop-color:#06b6d4"/></linearGradient><path d="M361.8 167.4h34.5c4.1 0 7.4 3.3 7.4 7.4v152.6c0 4.1-3.3 7.4-7.4 7.4h-34.5c-4.1 0-7.4-3.3-7.4-7.4V174.8c.1-4.1 3.4-7.4 7.4-7.4" style="opacity:.9;fill:url(#self-hosted-metrics_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.
