Skip to content
shadcn.io

Gradio

The Gradio icon represents the Gradio library, a Python library used to create interactive demos and UI components for machine learning models.

Add shadcn.io to your AI agent. · Pro It installs Gradio, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 99 × 24 px

Gradio icon from SVG Logos
Get Pro

2,063 in SVG LogosCC0 license (opens in a new tab)Free to copy and download

Code

Gradio in your framework

In any framework. Customize it above, and the code follows.

export const GradioIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="99" height="24" viewBox="0 0 512 124" {...props}>
    <defs><linearGradient id="SVGnhd7ed5S" x1="-6.452%" x2="85.236%" y1="49.784%" y2="49.784%"><stop offset="0%" stopColor="#F9D100"/><stop offset="100%" stopColor="#F97700"/></linearGradient><linearGradient id="SVG1r22pe1V" x1="106.079%" x2="14.268%" y1="49.784%" y2="49.784%"><stop offset="0%" stopColor="#F9D100"/><stop offset="100%" stopColor="#F97700"/></linearGradient><linearGradient id="SVGx1e1FdPF" x1="-12.871%" x2="169.796%" y1="75.863%" y2="74.878%"><stop offset="0%" stopColor="#F9D100"/><stop offset="100%" stopColor="#F97700"/></linearGradient></defs><path fill="#232D36" d="m181.672 105.842l9.04-11.158q7.496 6.867 16.709 6.867q6.18 0 10.185-1.831q4.005-1.832 4.005-5.036q0-5.436-8.869-5.436q-2.403 0-7.152.573q-4.749.572-7.153.572q-14.762 0-14.762-10.586q0-3.032 2.46-5.95t5.722-4.292q-10.47-6.81-10.471-19.283q0-9.842 7.21-16.25q7.21-6.465 17.738-6.466q8.24 0 13.79 3.09l5.607-6.523l9.899 8.983l-6.81 4.978q3.548 5.379 3.548 12.703q0 10.471-6.408 16.765q-6.351 6.237-16.079 6.237q-1.545 0-4.12-.286l-2.346-.343q-.4 0-3.09 1.259q-2.632 1.2-2.632 2.517q0 2.289 3.949 2.289q1.773 0 5.95-.858t7.153-.858q20.885 0 20.885 16.765q0 9.27-8.354 14.533q-8.355 5.322-20.141 5.322q-14.076 0-25.463-8.297m14.305-55.503q0 5.436 2.975 8.755q3.033 3.261 8.125 3.261q5.094 0 7.84-3.204t2.746-8.812q0-4.635-2.975-7.839q-2.92-3.204-7.61-3.204q-4.921 0-8.011 3.09t-3.09 7.953m84.511-8.182q-3.831-2.517-8.408-2.518q-4.98 0-8.87 4.52q-3.835 4.52-3.834 11.044v34.904H245.07V28.825h14.305v5.607q6.008-6.751 15.964-6.752q7.324 0 11.215 2.232zm45.149 41.827q-1.947 3.205-6.81 5.264a25.9 25.9 0 0 1-10.07 2.003q-9.9 0-15.565-4.92q-5.664-4.979-5.664-14.077q-.001-10.642 7.955-16.65q8.008-6.008 22.715-6.008q2.517 0 5.95.858q0-10.815-13.674-10.815q-8.068 0-13.505 2.69l-3.089-11.1q7.381-3.549 17.567-3.549q14.018 0 20.539 6.409q6.525 6.351 6.524 24.147v13.103q0 12.245 4.921 15.392q-1.774 3.09-3.948 3.776q-2.175.744-4.976.744q-3.091 0-5.551-2.289q-2.464-2.289-3.319-4.978m-1.375-22.716q-3.66-.744-5.493-.744q-16.937 0-16.937 11.1q0 8.24 9.557 8.24q12.874 0 12.873-12.874zm69.178 28.839v-3.72q-1.772 1.946-6.008 3.434a27.2 27.2 0 0 1-8.753 1.43q-12.816 0-20.198-8.125q-7.326-8.126-7.325-22.659q0-14.534 8.412-23.631q8.466-9.156 21.17-9.156q6.982 0 12.702 2.861V5.994l14.306-3.433v87.546zm0-46.634q-4.578-3.662-9.554-3.662q-8.585 0-13.217 5.264q-4.637 5.208-4.636 14.992q-.001 19.11 18.424 19.11q2.06 0 5.035-1.2q3.035-1.26 3.948-2.518zm39.883-38.394q3.432 0 5.836 2.46q2.46 2.403 2.46 5.837q0 3.432-2.46 5.893q-2.404 2.403-5.836 2.403c-2.29 0-4.252-.8-5.894-2.403q-2.404-2.46-2.404-5.893q0-3.434 2.404-5.837c1.642-1.64 3.604-2.46 5.894-2.46m-7.38 85.028V40.555h-7.841v-11.73h22.316v61.282zm27.179-30.784q0-14.019 8.068-22.83q8.123-8.813 21.399-8.813q13.96 0 21.687 8.469q7.723 8.468 7.724 23.174q-.002 14.648-7.896 23.288q-7.839 8.64-21.515 8.64c-9.309 0-16.554-2.9-21.743-8.697q-7.725-8.754-7.724-23.231m14.875 0q.001 20.256 14.592 20.256q6.695 0 10.585-5.265q3.947-5.264 3.948-14.991q0-19.97-14.533-19.97q-6.695 0-10.644 5.264q-3.947 5.265-3.948 14.706"/><path fill="url(#SVGnhd7ed5S)" d="M66.415 35.891a9.06 9.06 0 0 1 9.008 0l61.862 35.46c6.07 3.48 6.07 12.235 0 15.714l-61.862 35.46a9.06 9.06 0 0 1-9.008 0L4.553 87.065c-6.07-3.48-6.07-12.235 0-15.714zm4.502 18.292l-43.65 25.023l43.65 25.019l43.65-25.019z"/><path fill="url(#SVG1r22pe1V)" d="M66.415 1.2a9.06 9.06 0 0 1 9.008 0l61.862 35.459c6.07 3.48 6.07 12.235 0 15.715L75.423 87.833a9.06 9.06 0 0 1-9.008 0L4.553 52.373c-6.07-3.479-6.07-12.235 0-15.714zm4.502 18.291l-43.65 25.023l43.65 25.019l43.65-25.019z"/><path fill="url(#SVGx1e1FdPF)" d="m66.592 35.878l8.961 15.741l-62.015 35.306l-8.962-15.741z"/>
  </svg>
);

Other libraries

Gradio in 1 more libraries

Each library draws it its own way. Open one to compare.

  • Gradio icon from Simple Icons

SVG Logos

More like it

Icons that share its tags, in the same style.

All 2,063 icons
  • Gradio Icon icon from SVG Logos
  • Tidal icon from SVG Logos
  • Tidal Icon icon from SVG Logos
  • Floodio icon from SVG Logos
  • Mio icon from SVG Logos
  • Play icon from SVG Logos
  • Remix icon from SVG Logos
  • Spotify icon from SVG Logos
  • Spotify Icon icon from SVG Logos
  • Tunein icon from SVG Logos
  • Beats icon from SVG Logos
  • Composer icon from SVG Logos
  • Gomix icon from SVG Logos
  • Analog icon from SVG Logos
  • Brainjs icon from SVG Logos
  • Coda icon from SVG Logos
  • Coda Icon icon from SVG Logos
  • Enyo icon from SVG Logos
  • Eta icon from SVG Logos
  • Eta Icon icon from SVG Logos
  • Floydhub icon from SVG Logos
  • Google Gemini icon from SVG Logos
  • Hugging Face icon from SVG Logos
  • Hugging Face Icon icon from SVG Logos

Search SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Tags

Browse by tag

Gradio is tagged audio, music, player and 2 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

SVG Logos MCP, with Pro

Ask for Gradio or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Gradio icon means and where it's used, then how to install, style and license it.

Install Gradio from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro