Skip to content
LogoHub
Finance & PayALGO

Algorand

Official Algorand vector logo in the Finance & Pay category. Download lossless SVG and a 1024px transparent PNG.

Algorand Logo

Brand Color Palette

Click swatch to copy HEX

Download

Download SVG Vector FilePNG
Download all as ZIP
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 32 32
File Size / Nodes
1.6 KB · 3 paths
Official Site
https://algorand.org/

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 setAlgorand.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Algorand
Industry Category
Finance & Pay
Primary Color (HEX / RGB / HSL)
#627EEArgb(98, 126, 234) · hsl(228, 76%, 65%)
WCAG Surface Contrast
Light 3.7:1 · Dark 5.4:1

Inline SVG Code Snippet

<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
  <defs>
    <linearGradient id="c" x1="16" x2="16" y1="0" y2="30" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#FFF" stop-opacity=".5"/>
      <stop offset="100%" stop-opacity=".5"/>
    </linearGradient>
    <filter id="a" width="1.08" height="1.0966667" x="-.04" y="-.04" filterUnits="objectBoundingBox">
      <feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/>
      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
      <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.199473505 0"/>
    </filter>
    <circle id="b" cx="16" cy="15" r="15"/>
  </defs>
  <use xlink:href="#b" filter="url(#a)" style="display:inline;fill-rule:evenodd"/>
  <use xlink:href="#b" fill="#627eea" style="display:inline;fill:#e5e5e5;fill-opacity:1;fill-rule:evenodd"/>
  <use xlink:href="#b" fill="url(#c)" style="display:inline;mix-blend-mode:soft-light;fill:url(#c);fill-rule:evenodd"/>
  <circle cx="16" cy="15" r="14.5" stroke="#000" stroke-opacity=".097" style="display:inline;fill:none;fill-rule:evenodd"/>
  <path d="m10.331859 23 7.221238-12.601771.99115 3.256638L13.022125 23h2.83186l3.539822-6.088495L20.951328 23H23.5l-2.40708-9.061945 1.699118-2.973453h-2.548674L19.252216 7h-2.407083L7.5 23Z" style="fill:#000;fill-opacity:1;stroke:none;stroke-width:.141594;stroke-opacity:1"/>
</svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 32 32") 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.

Related Brand Logos

View All in Category
Action completed