gradle logo
gradle from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- gradle
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the gradle logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.695 4.297a3.807 3.807 0 0 0-5.29-.09a.37.37 0 0 0 0 .533l.46.47a.36.36 0 0 0 .474.032a2.182 2.182 0 0 1 2.86 3.291c-3.023 3.02-7.056-5.447-16.211-1.083a1.24 1.24 0 0 0-.534 1.745l1.571 2.713a1.24 1.24 0 0 0 1.681.461l.037-.02l-.029.02l.688-.384a16 16 0 0 0 2.193-1.635a.384.384 0 0 1 .499-.016a.357.357 0 0 1 .016.534a16.4 16.4 0 0 1-2.316 1.741H8.77l-.696.39a1.96 1.96 0 0 1-.963.25a1.99 1.99 0 0 1-1.726-.989L3.9 9.696C1.06 11.72-.686 15.603.26 20.522a.36.36 0 0 0 .354.296h1.675a.363.363 0 0 0 .37-.331a2.478 2.478 0 0 1 4.915 0a.36.36 0 0 0 .357.317h1.638a.36.36 0 0 0 .357-.317a2.478 2.478 0 0 1 4.914 0a.36.36 0 0 0 .358.317h1.627a.363.363 0 0 0 .363-.357c.037-2.294.656-4.93 2.42-6.25c6.108-4.57 4.502-8.486 3.088-9.9zm-6.229 6.901l-1.165-.584a.73.73 0 1 1 1.165.587z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsGradle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.695 4.297a3.807 3.807 0 0 0-5.29-.09a.37.37 0 0 0 0 .533l.46.47a.36.36 0 0 0 .474.032a2.182 2.182 0 0 1 2.86 3.291c-3.023 3.02-7.056-5.447-16.211-1.083a1.24 1.24 0 0 0-.534 1.745l1.571 2.713a1.24 1.24 0 0 0 1.681.461l.037-.02l-.029.02l.688-.384a16 16 0 0 0 2.193-1.635a.384.384 0 0 1 .499-.016a.357.357 0 0 1 .016.534a16.4 16.4 0 0 1-2.316 1.741H8.77l-.696.39a1.96 1.96 0 0 1-.963.25a1.99 1.99 0 0 1-1.726-.989L3.9 9.696C1.06 11.72-.686 15.603.26 20.522a.36.36 0 0 0 .354.296h1.675a.363.363 0 0 0 .37-.331a2.478 2.478 0 0 1 4.915 0a.36.36 0 0 0 .357.317h1.638a.36.36 0 0 0 .357-.317a2.478 2.478 0 0 1 4.914 0a.36.36 0 0 0 .358.317h1.627a.363.363 0 0 0 .363-.357c.037-2.294.656-4.93 2.42-6.25c6.108-4.57 4.502-8.486 3.088-9.9zm-6.229 6.901l-1.165-.584a.73.73 0 1 1 1.165.587z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.695 4.297a3.807 3.807 0 0 0-5.29-.09a.37.37 0 0 0 0 .533l.46.47a.36.36 0 0 0 .474.032a2.182 2.182 0 0 1 2.86 3.291c-3.023 3.02-7.056-5.447-16.211-1.083a1.24 1.24 0 0 0-.534 1.745l1.571 2.713a1.24 1.24 0 0 0 1.681.461l.037-.02l-.029.02l.688-.384a16 16 0 0 0 2.193-1.635a.384.384 0 0 1 .499-.016a.357.357 0 0 1 .016.534a16.4 16.4 0 0 1-2.316 1.741H8.77l-.696.39a1.96 1.96 0 0 1-.963.25a1.99 1.99 0 0 1-1.726-.989L3.9 9.696C1.06 11.72-.686 15.603.26 20.522a.36.36 0 0 0 .354.296h1.675a.363.363 0 0 0 .37-.331a2.478 2.478 0 0 1 4.915 0a.36.36 0 0 0 .357.317h1.638a.36.36 0 0 0 .357-.317a2.478 2.478 0 0 1 4.914 0a.36.36 0 0 0 .358.317h1.627a.363.363 0 0 0 .363-.357c.037-2.294.656-4.93 2.42-6.25c6.108-4.57 4.502-8.486 3.088-9.9zm-6.229 6.901l-1.165-.584a.73.73 0 1 1 1.165.587z"/></svg> </template>
CSS
.icon-gradle {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.695%204.297a3.807%203.807%200%200%200-5.29-.09a.37.37%200%200%200%200%20.533l.46.47a.36.36%200%200%200%20.474.032a2.182%202.182%200%200%201%202.86%203.291c-3.023%203.02-7.056-5.447-16.211-1.083a1.24%201.24%200%200%200-.534%201.745l1.571%202.713a1.24%201.24%200%200%200%201.681.461l.037-.02l-.029.02l.688-.384a16%2016%200%200%200%202.193-1.635a.384.384%200%200%201%20.499-.016a.357.357%200%200%201%20.016.534a16.4%2016.4%200%200%201-2.316%201.741H8.77l-.696.39a1.96%201.96%200%200%201-.963.25a1.99%201.99%200%200%201-1.726-.989L3.9%209.696C1.06%2011.72-.686%2015.603.26%2020.522a.36.36%200%200%200%20.354.296h1.675a.363.363%200%200%200%20.37-.331a2.478%202.478%200%200%201%204.915%200a.36.36%200%200%200%20.357.317h1.638a.36.36%200%200%200%20.357-.317a2.478%202.478%200%200%201%204.914%200a.36.36%200%200%200%20.358.317h1.627a.363.363%200%200%200%20.363-.357c.037-2.294.656-4.93%202.42-6.25c6.108-4.57%204.502-8.486%203.088-9.9zm-6.229%206.901l-1.165-.584a.73.73%200%201%201%201.165.587z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.695%204.297a3.807%203.807%200%200%200-5.29-.09a.37.37%200%200%200%200%20.533l.46.47a.36.36%200%200%200%20.474.032a2.182%202.182%200%200%201%202.86%203.291c-3.023%203.02-7.056-5.447-16.211-1.083a1.24%201.24%200%200%200-.534%201.745l1.571%202.713a1.24%201.24%200%200%200%201.681.461l.037-.02l-.029.02l.688-.384a16%2016%200%200%200%202.193-1.635a.384.384%200%200%201%20.499-.016a.357.357%200%200%201%20.016.534a16.4%2016.4%200%200%201-2.316%201.741H8.77l-.696.39a1.96%201.96%200%200%201-.963.25a1.99%201.99%200%200%201-1.726-.989L3.9%209.696C1.06%2011.72-.686%2015.603.26%2020.522a.36.36%200%200%200%20.354.296h1.675a.363.363%200%200%200%20.37-.331a2.478%202.478%200%200%201%204.915%200a.36.36%200%200%200%20.357.317h1.638a.36.36%200%200%200%20.357-.317a2.478%202.478%200%200%201%204.914%200a.36.36%200%200%200%20.358.317h1.627a.363.363%200%200%200%20.363-.357c.037-2.294.656-4.93%202.42-6.25c6.108-4.57%204.502-8.486%203.088-9.9zm-6.229%206.901l-1.165-.584a.73.73%200%201%201%201.165.587z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/gradle.svg?color=%231a73e8&size=48
