Home/Libraries/SVG Logos (Iconify)/gradio

SVG Logos (Iconify)

Gradio

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 124"><defs><linearGradient id="SVGssQ2Xbjz" x1="-6.452%" x2="85.236%" y1="49.784%" y2="49.784%"><stop offset="0%" stop-color="#f9d100"/><stop offset="100%" stop-color="#f97700"/></linearGradient><linearGradient id="SVGFlaRCblf" x1="106.079%" x2="14.268%" y1="49.784%" y2="49.784%"><stop offset="0%" stop-color="#f9d100"/><stop offset="100%" stop-color="#f97700"/></linearGradient><linearGradient id="SVGru2OOiqc" x1="-12.871%" x2="169.796%" y1="75.863%" y2="74.878%"><stop offset="0%" stop-color="#f9d100"/><stop offset="100%" stop-color="#f97700"/></linearGradient></defs><path fill="#818cf8" 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(#SVGssQ2Xbjz)" 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(#SVGFlaRCblf)" 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(#SVGru2OOiqc)" d="m66.592 35.878l8.961 15.741l-62.015 35.306l-8.962-15.741z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. GradioIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.