Skip to content
LogoHub
AI Products

Gradio

Official Gradio vector logo in the AI Products category. Download lossless SVG and a 1024px transparent PNG.

Gradio Logo

Brand Color Palette

Click swatch to copy HEX

Download

Download SVG Vector FilePNG
Download all as ZIPDownload Wordmark SVG Variant
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 46 46
File Size / Nodes
1.4 KB · 4 paths
Official Site
https://gradio.app/

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

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Gradio
Industry Category
AI Products
Primary Color (HEX / RGB / HSL)
#F9D100rgb(249, 209, 0) · hsl(50, 100%, 49%)
WCAG Surface Contrast
Light 1.5:1 · Dark 13.3:1

Inline SVG Code Snippet

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_537_920)" fill-rule="evenodd" clip-rule="evenodd"><path d="M21.54 14.572a2.94 2.94 0 0 1 2.92 0l20.064 11.5a2.936 2.936 0 0 1 0 5.099l-20.063 11.5a2.94 2.94 0 0 1-2.921 0L1.476 31.17a2.939 2.939 0 0 1 0-5.099zM8.844 28.622 23 36.735l14.157-8.113L23 20.506z" fill="url(#paint0_linear_537_920)"/><path d="M21.539 3.322a2.94 2.94 0 0 1 2.921 0l20.064 11.5a2.936 2.936 0 0 1 0 5.096l-20.064 11.5a2.94 2.94 0 0 1-2.921 0l-20.064-11.5a2.936 2.936 0 0 1 0-5.096zM8.843 17.37 23 25.484l14.156-8.113L23 9.256z" fill="url(#paint1_linear_537_920)"/><path d="M24.503 19.675 4.39 31.125l-2.908-5.106 20.114-11.45z" fill="url(#paint2_linear_537_920)"/></g><defs><linearGradient id="paint0_linear_537_920" x1=".349" y1="28.572" x2="37.139" y2="28.572" gradientUnits="userSpaceOnUse"><stop stop-color="#f9d100"/><stop offset="1" stop-color="#f97700"/></linearGradient><linearGradient id="paint1_linear_537_920" x1="45.501" y1="17.321" x2="8.661" y2="17.321" gradientUnits="userSpaceOnUse"><stop stop-color="#f9d100"/><stop offset="1" stop-color="#f97700"/></linearGradient><linearGradient id="paint2_linear_537_920" x1=".349" y1="28.572" x2="37.087" y2="28.353" gradientUnits="userSpaceOnUse"><stop stop-color="#f9d100"/><stop offset="1" stop-color="#f97700"/></linearGradient><clipPath id="clip0_537_920"><path fill="#fff" d="M0 0h46v46H0z"/></clipPath></defs></svg>

Engineering & Layout Guidelines

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