gradle logo
gradle-light from Skill Icons by tandpfun · Light · MIT Free for personal and commercial use.
- Name
- gradle-light
- Set
- Skill Icons
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
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 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#02303a" d="M212.674 66.795a30.14 30.14 0 0 0-41.879-.658a2.8 2.8 0 0 0-.899 2.04a2.83 2.83 0 0 0 .833 2.084l3.795 3.795a2.876 2.876 0 0 0 3.752.264a17.264 17.264 0 0 1 27.631 14.44a17.27 17.27 0 0 1-5.079 11.6c-23.912 23.912-55.854-43.108-128.27-8.644a9.83 9.83 0 0 0-4.388 13.799l12.438 21.499a9.81 9.81 0 0 0 13.295 3.642l.307-.241l-.241.175l5.506-3.071a128 128 0 0 0 17.353-12.943a3.03 3.03 0 0 1 3.949-.132a2.85 2.85 0 0 1 .862 3.383a2.9 2.9 0 0 1-.731 1.005a129 129 0 0 1-18.274 13.776h-.197l-5.507 3.094a15.793 15.793 0 0 1-21.28-5.858l-11.758-20.27c-22.552 16.036-36.22 46.727-28.914 85.535a2.85 2.85 0 0 0 2.808 2.348h13.36a2.896 2.896 0 0 0 2.852-2.523a19.59 19.59 0 0 1 38.874 0a2.874 2.874 0 0 0 2.83 2.523h13.031a2.9 2.9 0 0 0 2.852-2.523a19.6 19.6 0 0 1 6.478-12.245a19.593 19.593 0 0 1 32.396 12.245a2.87 2.87 0 0 0 2.983 2.523h12.878a2.896 2.896 0 0 0 2.874-2.83c.285-18.165 5.177-39.006 19.151-49.47c48.22-36.154 35.496-67.13 24.329-78.362m-49.316 54.647l-9.214-4.629a5.78 5.78 0 0 1 2.747-4.948a5.79 5.79 0 0 1 5.654-.243a5.79 5.79 0 0 1 3.163 4.693a5.8 5.8 0 0 1-2.35 5.149z"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsGradleLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#02303a" d="M212.674 66.795a30.14 30.14 0 0 0-41.879-.658a2.8 2.8 0 0 0-.899 2.04a2.83 2.83 0 0 0 .833 2.084l3.795 3.795a2.876 2.876 0 0 0 3.752.264a17.264 17.264 0 0 1 27.631 14.44a17.27 17.27 0 0 1-5.079 11.6c-23.912 23.912-55.854-43.108-128.27-8.644a9.83 9.83 0 0 0-4.388 13.799l12.438 21.499a9.81 9.81 0 0 0 13.295 3.642l.307-.241l-.241.175l5.506-3.071a128 128 0 0 0 17.353-12.943a3.03 3.03 0 0 1 3.949-.132a2.85 2.85 0 0 1 .862 3.383a2.9 2.9 0 0 1-.731 1.005a129 129 0 0 1-18.274 13.776h-.197l-5.507 3.094a15.793 15.793 0 0 1-21.28-5.858l-11.758-20.27c-22.552 16.036-36.22 46.727-28.914 85.535a2.85 2.85 0 0 0 2.808 2.348h13.36a2.896 2.896 0 0 0 2.852-2.523a19.59 19.59 0 0 1 38.874 0a2.874 2.874 0 0 0 2.83 2.523h13.031a2.9 2.9 0 0 0 2.852-2.523a19.6 19.6 0 0 1 6.478-12.245a19.593 19.593 0 0 1 32.396 12.245a2.87 2.87 0 0 0 2.983 2.523h12.878a2.896 2.896 0 0 0 2.874-2.83c.285-18.165 5.177-39.006 19.151-49.47c48.22-36.154 35.496-67.13 24.329-78.362m-49.316 54.647l-9.214-4.629a5.78 5.78 0 0 1 2.747-4.948a5.79 5.79 0 0 1 5.654-.243a5.79 5.79 0 0 1 3.163 4.693a5.8 5.8 0 0 1-2.35 5.149z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#02303a" d="M212.674 66.795a30.14 30.14 0 0 0-41.879-.658a2.8 2.8 0 0 0-.899 2.04a2.83 2.83 0 0 0 .833 2.084l3.795 3.795a2.876 2.876 0 0 0 3.752.264a17.264 17.264 0 0 1 27.631 14.44a17.27 17.27 0 0 1-5.079 11.6c-23.912 23.912-55.854-43.108-128.27-8.644a9.83 9.83 0 0 0-4.388 13.799l12.438 21.499a9.81 9.81 0 0 0 13.295 3.642l.307-.241l-.241.175l5.506-3.071a128 128 0 0 0 17.353-12.943a3.03 3.03 0 0 1 3.949-.132a2.85 2.85 0 0 1 .862 3.383a2.9 2.9 0 0 1-.731 1.005a129 129 0 0 1-18.274 13.776h-.197l-5.507 3.094a15.793 15.793 0 0 1-21.28-5.858l-11.758-20.27c-22.552 16.036-36.22 46.727-28.914 85.535a2.85 2.85 0 0 0 2.808 2.348h13.36a2.896 2.896 0 0 0 2.852-2.523a19.59 19.59 0 0 1 38.874 0a2.874 2.874 0 0 0 2.83 2.523h13.031a2.9 2.9 0 0 0 2.852-2.523a19.6 19.6 0 0 1 6.478-12.245a19.593 19.593 0 0 1 32.396 12.245a2.87 2.87 0 0 0 2.983 2.523h12.878a2.896 2.896 0 0 0 2.874-2.83c.285-18.165 5.177-39.006 19.151-49.47c48.22-36.154 35.496-67.13 24.329-78.362m-49.316 54.647l-9.214-4.629a5.78 5.78 0 0 1 2.747-4.948a5.79 5.79 0 0 1 5.654-.243a5.79 5.79 0 0 1 3.163 4.693a5.8 5.8 0 0 1-2.35 5.149z"/></g></svg> </template>
CSS
.icon-gradle-light {
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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2302303a%22%20d%3D%22M212.674%2066.795a30.14%2030.14%200%200%200-41.879-.658a2.8%202.8%200%200%200-.899%202.04a2.83%202.83%200%200%200%20.833%202.084l3.795%203.795a2.876%202.876%200%200%200%203.752.264a17.264%2017.264%200%200%201%2027.631%2014.44a17.27%2017.27%200%200%201-5.079%2011.6c-23.912%2023.912-55.854-43.108-128.27-8.644a9.83%209.83%200%200%200-4.388%2013.799l12.438%2021.499a9.81%209.81%200%200%200%2013.295%203.642l.307-.241l-.241.175l5.506-3.071a128%20128%200%200%200%2017.353-12.943a3.03%203.03%200%200%201%203.949-.132a2.85%202.85%200%200%201%20.862%203.383a2.9%202.9%200%200%201-.731%201.005a129%20129%200%200%201-18.274%2013.776h-.197l-5.507%203.094a15.793%2015.793%200%200%201-21.28-5.858l-11.758-20.27c-22.552%2016.036-36.22%2046.727-28.914%2085.535a2.85%202.85%200%200%200%202.808%202.348h13.36a2.896%202.896%200%200%200%202.852-2.523a19.59%2019.59%200%200%201%2038.874%200a2.874%202.874%200%200%200%202.83%202.523h13.031a2.9%202.9%200%200%200%202.852-2.523a19.6%2019.6%200%200%201%206.478-12.245a19.593%2019.593%200%200%201%2032.396%2012.245a2.87%202.87%200%200%200%202.983%202.523h12.878a2.896%202.896%200%200%200%202.874-2.83c.285-18.165%205.177-39.006%2019.151-49.47c48.22-36.154%2035.496-67.13%2024.329-78.362m-49.316%2054.647l-9.214-4.629a5.78%205.78%200%200%201%202.747-4.948a5.79%205.79%200%200%201%205.654-.243a5.79%205.79%200%200%201%203.163%204.693a5.8%205.8%200%200%201-2.35%205.149z%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2302303a%22%20d%3D%22M212.674%2066.795a30.14%2030.14%200%200%200-41.879-.658a2.8%202.8%200%200%200-.899%202.04a2.83%202.83%200%200%200%20.833%202.084l3.795%203.795a2.876%202.876%200%200%200%203.752.264a17.264%2017.264%200%200%201%2027.631%2014.44a17.27%2017.27%200%200%201-5.079%2011.6c-23.912%2023.912-55.854-43.108-128.27-8.644a9.83%209.83%200%200%200-4.388%2013.799l12.438%2021.499a9.81%209.81%200%200%200%2013.295%203.642l.307-.241l-.241.175l5.506-3.071a128%20128%200%200%200%2017.353-12.943a3.03%203.03%200%200%201%203.949-.132a2.85%202.85%200%200%201%20.862%203.383a2.9%202.9%200%200%201-.731%201.005a129%20129%200%200%201-18.274%2013.776h-.197l-5.507%203.094a15.793%2015.793%200%200%201-21.28-5.858l-11.758-20.27c-22.552%2016.036-36.22%2046.727-28.914%2085.535a2.85%202.85%200%200%200%202.808%202.348h13.36a2.896%202.896%200%200%200%202.852-2.523a19.59%2019.59%200%200%201%2038.874%200a2.874%202.874%200%200%200%202.83%202.523h13.031a2.9%202.9%200%200%200%202.852-2.523a19.6%2019.6%200%200%201%206.478-12.245a19.593%2019.593%200%200%201%2032.396%2012.245a2.87%202.87%200%200%200%202.983%202.523h12.878a2.896%202.896%200%200%200%202.874-2.83c.285-18.165%205.177-39.006%2019.151-49.47c48.22-36.154%2035.496-67.13%2024.329-78.362m-49.316%2054.647l-9.214-4.629a5.78%205.78%200%200%201%202.747-4.948a5.79%205.79%200%200%201%205.654-.243a5.79%205.79%200%200%201%203.163%204.693a5.8%205.8%200%200%201-2.35%205.149z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/gradle-light.svg?color=%231a73e8&size=48
