Home/Libraries/Devicon (Iconify)/gradle

Devicon (Iconify)

Gradle

License: MITCommercial 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 128 128"><path fill="#818cf8" d="M103.93 17.205a20.3 20.3 0 0 0-11.092 5.268a1.98 1.98 0 0 0-.62 1.39a2.03 2.03 0 0 0 .578 1.405l2.525 2.613a1.936 1.936 0 0 0 2.53.182a11.5 11.5 0 0 1 6.964-2.321a11.618 11.618 0 0 1 8.245 19.847c-16.11 16.112-37.616-29.024-86.423-5.803a6.637 6.637 0 0 0-2.956 9.291l8.365 14.476a6.637 6.637 0 0 0 8.973 2.467l.203-.114l-.16.114l3.71-2.082a85 85 0 0 0 11.676-8.724a2.055 2.055 0 0 1 2.675 0a1.9 1.9 0 0 1 .73 1.478a1.95 1.95 0 0 1-.641 1.479a87.6 87.6 0 0 1-12.31 9.135h-.12l-3.712 2.071a10.35 10.35 0 0 1-5.142 1.338a10.67 10.67 0 0 1-9.209-5.273l-7.912-13.674C5.613 62.5-3.607 83.18 1.345 109.416a1.95 1.95 0 0 0 1.895 1.567h9.015a1.92 1.92 0 0 0 1.905-1.686a13.2 13.2 0 0 1 26.193 0a1.936 1.936 0 0 0 1.916 1.686h8.786a1.92 1.92 0 0 0 1.905-1.686a13.214 13.214 0 0 1 26.209 0a1.92 1.92 0 0 0 1.905 1.686h8.672a1.92 1.92 0 0 0 1.926-1.89c.207-12.223 3.503-26.267 12.904-33.303c32.562-24.359 24.007-45.24 16.469-52.823a20.3 20.3 0 0 0-17.115-5.762M84.692 52.866a3.902 3.902 0 0 1 3.138 6.965v-.02l-6.21-3.119a3.9 3.9 0 0 1 3.072-3.826"/></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. GradleIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.