Gradle icon

file-icons:gradle

The Gradle icon (file-icons:gradle) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M496.634 92.954c-18.299-33.336-50.631-43.113-73.441-43.614c-28.074-.501-51.134 15.29-46.873 25.818c1.003 2.256 6.267 14.037 9.525 18.799c4.762 7.017 13.034 1.504 16.041 0c20.577-10.685 47.86-7.168 61.41 20.303c21.306 41.86-44.365 127.834-126.58 68.178c-82.216-59.406-162.175-39.854-198.52-27.823c-36.094 12.032-52.888 24.063-38.601 51.886c19.55 37.849 13.034 26.318 31.833 57.65c29.828 49.881 95.5-23.06 95.5-23.06c-48.879 73.442-90.738 55.645-106.78 30.08c-14.538-23.061-25.817-49.881-25.817-49.881C-29.242 265.906 4.094 461.168 4.094 461.168l61.411.25c15.54-72.44 71.688-69.431 81.212.251l46.873.25c41.358-141.369 146.383.502 146.383.502l61.159.25c-17.044-96.502 34.34-126.831 66.675-183.229c32.836-56.648 63.667-125.83 28.827-186.488M306.386 281.948c-30.095-9.977-19.3-40.607-19.3-40.607l20.053 6.517c-1.755 2.507-2.507 5.515-2.005 8.773c.752 7.52 7.77 13.034 15.54 12.282c6.768-.752 12.032-6.016 12.784-12.282l15.79 5.264c-2.255 9.274-20.064 27.61-42.862 20.053"/></svg>

How to use the Gradle icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:gradle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:gradle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:gradle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--gradle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:gradle"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:gradle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/gradle.svg" alt="Gradle icon" width="24" height="24">

Gradle icon in other icon sets

Gradle icon FAQ

Is the Gradle icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Gradle icon in React?

Install @iconify/react and render <Icon icon="file-icons:gradle" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Gradle icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/gradle.svg" alt="Gradle icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →