Appwrite
Dev & Tools
Tessel
Official Tessel vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.
Brand Color Palette
Click swatch to copy HEXSingle-Color SpecificationThis logo uses a single official primary color; preserve its hue and contrast in layout.
Download
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 64 64
- File Size / Nodes
- 1.4 KB · 10 paths
- Official Site
- https://tessel.io/
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 setTessel.zip
Brand Visual Specifications & SVG Parameters
Database-extracted geometry, color models & WCAG contrast metrics
- Brand Entity / Display Name
- Tessel
- Industry Category
- Dev & Tools
- Primary Color (HEX / RGB / HSL)
- #F54A42rgb(245, 74, 66) · hsl(3, 90%, 61%)
- WCAG Surface Contrast
- Light 3.5:1 · Dark 5.6:1
Inline SVG Code Snippet
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><style><![CDATA[.B{clip-path:url(#B)}.C{stroke:#f54a42}.D{stroke-width:3.75}.E{stroke-miterlimit:10}.F{clip-path:url(#D)}.G{stroke-linecap:round}]]></style><g transform="matrix(.504032 0 0 .504032 -4.052398 -2.577616)"><defs><path id="A" d="M3.997 1.998h135.06v135.06H3.997z"/></defs><clipPath id="B"><use xlink:href="#A"/></clipPath><g class="B"><defs><path id="C" d="M4 2h135.058v135.058H4z"/></defs><clipPath id="D"><use xlink:href="#C"/></clipPath><g fill="none" class="C D F"><path d="M117.773 100.585c0-2.525 2.045-4.575 4.574-4.575s4.575 2.05 4.575 4.575-2.045 4.574-4.575 4.574-4.574-2.05-4.574-4.574z" class="E"/><circle cx="20.708" cy="100.585" r="4.574"/><circle cx="71.525" cy="11.563" r="4.574"/></g></g><path d="M56.6 20.468L20.7 41.904l-.003 29.84m101.638 17.783l.002-47.622-30.78-18.376" fill="none" class="C D E G B"/><g class="B"><defs><path id="E" d="M4 2h135.058v135.058H4z"/></defs><clipPath id="F"><use xlink:href="#E"/></clipPath><path clip-path="url(#F)" d="M33.608 108.032l37.918 21.893 27.94-16.13" fill="none" class="C D E G"/></g><path d="M122.345 89.527l.002 3.433m-88.74 15.072l-6.284-3.723M56.6 20.468l8.387-5.008" fill="none" class="C D E G B"/><path d="M45.554 63.85h16.798v33.6h7.974V51.996H45.554zm26.892-11.854v45.45h7.98V63.85H97.5V51.996z" fill="#f54a42" class="B"/></g></svg>Engineering & Layout Guidelines
- Maintain the native 1:1 aspect ratio (viewBox "0 0 64 64") without non-uniform stretching.
- Preserve at least 20% clear space around the emblem bounding box.
- Solid vector paths; supports direct inline <svg> embedding or <img> rendering.
