Add icons to this collection by clicking the heart icon.
Gradient icon - also known as interface, graphics editor, graphic design, graphic tool, ui, color selection, edit tools, gradient, and color adjustment. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 511 511"
>
<g>
<g>
<rect
x="233.131"
y="60.078"
transform="matrix(0.7071 -0.7071 0.7071 0.7071 16.5354 204.814)"
width="44.738"
height="44.738"
fill="#FFEE80"
/>
<circle cx="169.451" cy="436.071" r="24.116" fill="#FFFFFF" />
<circle cx="341.549" cy="436.071" r="24.116" fill="#FFFFFF" />
<path
d="M20,114.081c-5.523,0-10,4.477-10,10v242.016c0,5.523,4.477,10,10,10h149.451V114.081H20z"
fill="#FFFFFF"
/>
<rect
x="169.451"
y="114.081"
width="172.098"
height="262.016"
fill="#BEECE1"
/>
<path
d="M491,114.081H341.549v262.016H491c5.523,0,10-4.477,10-10v-48.922v-89.661V124.081 C501,118.559,496.523,114.081,491,114.081z"
fill="#5CD0B3"
/>
</g>
<g>
<path
d="M501,317.175v48.922c0,5.523-4.477,10-10,10H20c-5.523,0-10-4.477-10-10V124.081c0-5.523,4.477-10,10-10h471 c5.523,0,10,4.477,10,10v103.433"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="233.131"
y="60.078"
transform="matrix(0.7071 -0.7071 0.7071 0.7071 16.5354 204.814)"
width="44.738"
height="44.738"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="169.451"
cy="436.071"
r="24.116"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="169.451"
y1="116.965"
x2="169.451"
y2="409.158"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="341.549"
cy="436.071"
r="24.116"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="341.549"
y1="116.965"
x2="341.549"
y2="409.158"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="501"
y1="272.345"
x2="501"
y2="272.345"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
</svg>
More icons in the same style and category