gradle logo
gradle from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- gradle
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
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 128 128"><path fill="#02303a" 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>
React
import type { SVGProps } from "react";
export function DeviconGradle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#02303a" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#02303a" 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> </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%20128%20128%22%3E%3Cpath%20fill%3D%22%2302303a%22%20d%3D%22M103.93%2017.205a20.3%2020.3%200%200%200-11.092%205.268a1.98%201.98%200%200%200-.62%201.39a2.03%202.03%200%200%200%20.578%201.405l2.525%202.613a1.936%201.936%200%200%200%202.53.182a11.5%2011.5%200%200%201%206.964-2.321a11.618%2011.618%200%200%201%208.245%2019.847c-16.11%2016.112-37.616-29.024-86.423-5.803a6.637%206.637%200%200%200-2.956%209.291l8.365%2014.476a6.637%206.637%200%200%200%208.973%202.467l.203-.114l-.16.114l3.71-2.082a85%2085%200%200%200%2011.676-8.724a2.055%202.055%200%200%201%202.675%200a1.9%201.9%200%200%201%20.73%201.478a1.95%201.95%200%200%201-.641%201.479a87.6%2087.6%200%200%201-12.31%209.135h-.12l-3.712%202.071a10.35%2010.35%200%200%201-5.142%201.338a10.67%2010.67%200%200%201-9.209-5.273l-7.912-13.674C5.613%2062.5-3.607%2083.18%201.345%20109.416a1.95%201.95%200%200%200%201.895%201.567h9.015a1.92%201.92%200%200%200%201.905-1.686a13.2%2013.2%200%200%201%2026.193%200a1.936%201.936%200%200%200%201.916%201.686h8.786a1.92%201.92%200%200%200%201.905-1.686a13.214%2013.214%200%200%201%2026.209%200a1.92%201.92%200%200%200%201.905%201.686h8.672a1.92%201.92%200%200%200%201.926-1.89c.207-12.223%203.503-26.267%2012.904-33.303c32.562-24.359%2024.007-45.24%2016.469-52.823a20.3%2020.3%200%200%200-17.115-5.762M84.692%2052.866a3.902%203.902%200%200%201%203.138%206.965v-.02l-6.21-3.119a3.9%203.9%200%200%201%203.072-3.826%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%20128%20128%22%3E%3Cpath%20fill%3D%22%2302303a%22%20d%3D%22M103.93%2017.205a20.3%2020.3%200%200%200-11.092%205.268a1.98%201.98%200%200%200-.62%201.39a2.03%202.03%200%200%200%20.578%201.405l2.525%202.613a1.936%201.936%200%200%200%202.53.182a11.5%2011.5%200%200%201%206.964-2.321a11.618%2011.618%200%200%201%208.245%2019.847c-16.11%2016.112-37.616-29.024-86.423-5.803a6.637%206.637%200%200%200-2.956%209.291l8.365%2014.476a6.637%206.637%200%200%200%208.973%202.467l.203-.114l-.16.114l3.71-2.082a85%2085%200%200%200%2011.676-8.724a2.055%202.055%200%200%201%202.675%200a1.9%201.9%200%200%201%20.73%201.478a1.95%201.95%200%200%201-.641%201.479a87.6%2087.6%200%200%201-12.31%209.135h-.12l-3.712%202.071a10.35%2010.35%200%200%201-5.142%201.338a10.67%2010.67%200%200%201-9.209-5.273l-7.912-13.674C5.613%2062.5-3.607%2083.18%201.345%20109.416a1.95%201.95%200%200%200%201.895%201.567h9.015a1.92%201.92%200%200%200%201.905-1.686a13.2%2013.2%200%200%201%2026.193%200a1.936%201.936%200%200%200%201.916%201.686h8.786a1.92%201.92%200%200%200%201.905-1.686a13.214%2013.214%200%200%201%2026.209%200a1.92%201.92%200%200%200%201.905%201.686h8.672a1.92%201.92%200%200%200%201.926-1.89c.207-12.223%203.503-26.267%2012.904-33.303c32.562-24.359%2024.007-45.24%2016.469-52.823a20.3%2020.3%200%200%200-17.115-5.762M84.692%2052.866a3.902%203.902%200%200%201%203.138%206.965v-.02l-6.21-3.119a3.9%203.9%200%200%201%203.072-3.826%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/gradle.svg?color=%231a73e8&size=48
