gradle logo
gradle from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- gradle
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×188
- License
- CC0
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 188"><path fill="#02303a" d="M242.087 11.895C226.62-3.578 201.674-4.01 185.68 10.919a3.96 3.96 0 0 0-1.241 2.78a4.05 4.05 0 0 0 1.153 2.808l5.055 5.232a3.87 3.87 0 0 0 5.055.355a23 23 0 0 1 13.924-4.641a23.236 23.236 0 0 1 16.496 39.702C193.9 89.378 150.886-.905 53.271 45.537a13.274 13.274 0 0 0-5.913 18.595l16.733 28.941c3.633 6.266 11.618 8.463 17.944 4.937l.414-.236l-.325.236l7.42-4.168A170 170 0 0 0 112.9 76.4a4.11 4.11 0 0 1 5.35 0a3.78 3.78 0 0 1 1.449 2.956a3.9 3.9 0 0 1-1.271 2.957a175 175 0 0 1-24.626 18.27h-.236l-7.42 4.138a20.7 20.7 0 0 1-10.288 2.69A21.34 21.34 0 0 1 57.44 96.857L41.623 69.512C11.233 90.975-7.214 132.332 2.69 184.806a3.9 3.9 0 0 0 3.784 3.134h18.034a3.843 3.843 0 0 0 3.813-3.37c1.663-13.2 12.888-23.1 26.193-23.1c13.304 0 24.53 9.9 26.192 23.1a3.874 3.874 0 0 0 3.843 3.37h17.56a3.843 3.843 0 0 0 3.814-3.37c1.716-13.165 12.931-23.013 26.207-23.013s24.491 9.848 26.207 23.012a3.843 3.843 0 0 0 3.814 3.37h17.353c2.1 0 3.81-1.684 3.843-3.783c.414-24.449 7.006-52.533 25.808-66.605c65.126-48.719 48.01-90.49 32.933-105.656m-66.427 73.7l-12.417-6.239a7.805 7.805 0 1 1 12.417 6.268z"/></svg>
React
import type { SVGProps } from "react";
export function LogosGradle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 188"><path fill="#02303a" d="M242.087 11.895C226.62-3.578 201.674-4.01 185.68 10.919a3.96 3.96 0 0 0-1.241 2.78a4.05 4.05 0 0 0 1.153 2.808l5.055 5.232a3.87 3.87 0 0 0 5.055.355a23 23 0 0 1 13.924-4.641a23.236 23.236 0 0 1 16.496 39.702C193.9 89.378 150.886-.905 53.271 45.537a13.274 13.274 0 0 0-5.913 18.595l16.733 28.941c3.633 6.266 11.618 8.463 17.944 4.937l.414-.236l-.325.236l7.42-4.168A170 170 0 0 0 112.9 76.4a4.11 4.11 0 0 1 5.35 0a3.78 3.78 0 0 1 1.449 2.956a3.9 3.9 0 0 1-1.271 2.957a175 175 0 0 1-24.626 18.27h-.236l-7.42 4.138a20.7 20.7 0 0 1-10.288 2.69A21.34 21.34 0 0 1 57.44 96.857L41.623 69.512C11.233 90.975-7.214 132.332 2.69 184.806a3.9 3.9 0 0 0 3.784 3.134h18.034a3.843 3.843 0 0 0 3.813-3.37c1.663-13.2 12.888-23.1 26.193-23.1c13.304 0 24.53 9.9 26.192 23.1a3.874 3.874 0 0 0 3.843 3.37h17.56a3.843 3.843 0 0 0 3.814-3.37c1.716-13.165 12.931-23.013 26.207-23.013s24.491 9.848 26.207 23.012a3.843 3.843 0 0 0 3.814 3.37h17.353c2.1 0 3.81-1.684 3.843-3.783c.414-24.449 7.006-52.533 25.808-66.605c65.126-48.719 48.01-90.49 32.933-105.656m-66.427 73.7l-12.417-6.239a7.805 7.805 0 1 1 12.417 6.268z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 188"><path fill="#02303a" d="M242.087 11.895C226.62-3.578 201.674-4.01 185.68 10.919a3.96 3.96 0 0 0-1.241 2.78a4.05 4.05 0 0 0 1.153 2.808l5.055 5.232a3.87 3.87 0 0 0 5.055.355a23 23 0 0 1 13.924-4.641a23.236 23.236 0 0 1 16.496 39.702C193.9 89.378 150.886-.905 53.271 45.537a13.274 13.274 0 0 0-5.913 18.595l16.733 28.941c3.633 6.266 11.618 8.463 17.944 4.937l.414-.236l-.325.236l7.42-4.168A170 170 0 0 0 112.9 76.4a4.11 4.11 0 0 1 5.35 0a3.78 3.78 0 0 1 1.449 2.956a3.9 3.9 0 0 1-1.271 2.957a175 175 0 0 1-24.626 18.27h-.236l-7.42 4.138a20.7 20.7 0 0 1-10.288 2.69A21.34 21.34 0 0 1 57.44 96.857L41.623 69.512C11.233 90.975-7.214 132.332 2.69 184.806a3.9 3.9 0 0 0 3.784 3.134h18.034a3.843 3.843 0 0 0 3.813-3.37c1.663-13.2 12.888-23.1 26.193-23.1c13.304 0 24.53 9.9 26.192 23.1a3.874 3.874 0 0 0 3.843 3.37h17.56a3.843 3.843 0 0 0 3.814-3.37c1.716-13.165 12.931-23.013 26.207-23.013s24.491 9.848 26.207 23.012a3.843 3.843 0 0 0 3.814 3.37h17.353c2.1 0 3.81-1.684 3.843-3.783c.414-24.449 7.006-52.533 25.808-66.605c65.126-48.719 48.01-90.49 32.933-105.656m-66.427 73.7l-12.417-6.239a7.805 7.805 0 1 1 12.417 6.268z"/></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%20256%20188%22%3E%3Cpath%20fill%3D%22%2302303a%22%20d%3D%22M242.087%2011.895C226.62-3.578%20201.674-4.01%20185.68%2010.919a3.96%203.96%200%200%200-1.241%202.78a4.05%204.05%200%200%200%201.153%202.808l5.055%205.232a3.87%203.87%200%200%200%205.055.355a23%2023%200%200%201%2013.924-4.641a23.236%2023.236%200%200%201%2016.496%2039.702C193.9%2089.378%20150.886-.905%2053.271%2045.537a13.274%2013.274%200%200%200-5.913%2018.595l16.733%2028.941c3.633%206.266%2011.618%208.463%2017.944%204.937l.414-.236l-.325.236l7.42-4.168A170%20170%200%200%200%20112.9%2076.4a4.11%204.11%200%200%201%205.35%200a3.78%203.78%200%200%201%201.449%202.956a3.9%203.9%200%200%201-1.271%202.957a175%20175%200%200%201-24.626%2018.27h-.236l-7.42%204.138a20.7%2020.7%200%200%201-10.288%202.69A21.34%2021.34%200%200%201%2057.44%2096.857L41.623%2069.512C11.233%2090.975-7.214%20132.332%202.69%20184.806a3.9%203.9%200%200%200%203.784%203.134h18.034a3.843%203.843%200%200%200%203.813-3.37c1.663-13.2%2012.888-23.1%2026.193-23.1c13.304%200%2024.53%209.9%2026.192%2023.1a3.874%203.874%200%200%200%203.843%203.37h17.56a3.843%203.843%200%200%200%203.814-3.37c1.716-13.165%2012.931-23.013%2026.207-23.013s24.491%209.848%2026.207%2023.012a3.843%203.843%200%200%200%203.814%203.37h17.353c2.1%200%203.81-1.684%203.843-3.783c.414-24.449%207.006-52.533%2025.808-66.605c65.126-48.719%2048.01-90.49%2032.933-105.656m-66.427%2073.7l-12.417-6.239a7.805%207.805%200%201%201%2012.417%206.268z%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%20256%20188%22%3E%3Cpath%20fill%3D%22%2302303a%22%20d%3D%22M242.087%2011.895C226.62-3.578%20201.674-4.01%20185.68%2010.919a3.96%203.96%200%200%200-1.241%202.78a4.05%204.05%200%200%200%201.153%202.808l5.055%205.232a3.87%203.87%200%200%200%205.055.355a23%2023%200%200%201%2013.924-4.641a23.236%2023.236%200%200%201%2016.496%2039.702C193.9%2089.378%20150.886-.905%2053.271%2045.537a13.274%2013.274%200%200%200-5.913%2018.595l16.733%2028.941c3.633%206.266%2011.618%208.463%2017.944%204.937l.414-.236l-.325.236l7.42-4.168A170%20170%200%200%200%20112.9%2076.4a4.11%204.11%200%200%201%205.35%200a3.78%203.78%200%200%201%201.449%202.956a3.9%203.9%200%200%201-1.271%202.957a175%20175%200%200%201-24.626%2018.27h-.236l-7.42%204.138a20.7%2020.7%200%200%201-10.288%202.69A21.34%2021.34%200%200%201%2057.44%2096.857L41.623%2069.512C11.233%2090.975-7.214%20132.332%202.69%20184.806a3.9%203.9%200%200%200%203.784%203.134h18.034a3.843%203.843%200%200%200%203.813-3.37c1.663-13.2%2012.888-23.1%2026.193-23.1c13.304%200%2024.53%209.9%2026.192%2023.1a3.874%203.874%200%200%200%203.843%203.37h17.56a3.843%203.843%200%200%200%203.814-3.37c1.716-13.165%2012.931-23.013%2026.207-23.013s24.491%209.848%2026.207%2023.012a3.843%203.843%200%200%200%203.814%203.37h17.353c2.1%200%203.81-1.684%203.843-3.783c.414-24.449%207.006-52.533%2025.808-66.605c65.126-48.719%2048.01-90.49%2032.933-105.656m-66.427%2073.7l-12.417-6.239a7.805%207.805%200%201%201%2012.417%206.268z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/gradle.svg?color=%231a73e8&size=48
