Add icons to this collection by clicking the heart icon.
Gradient icon - also known as interface, graphics editor, graphic design, graphic tool, edit tools, gradient, and design tools. 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="682.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath3818">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path3816" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath3840">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path3838" />
</clipPath>
</defs>
<g id="g3780" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<path
d="M 504.498,100.688 H 380.249 V 38.564 h 124.249 z"
id="path3782"
fill="#3a6582"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 380.249,38.564 h 60 v 62.124 h -60 z"
id="path3784"
fill="#2c586b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g3786" transform="translate(488.9668,100.6885)">
<path
d="m 0,0 h -93.187 l 46.593,46.594 z"
id="path3788"
fill="#bfd9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M 131.751,411.312 H 7.502 v 62.124 h 124.249 z"
id="path3790"
fill="#3a6582"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 7.502,411.312 h 60 v 62.124 h -60 z"
id="path3792"
fill="#2c586b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g3794" transform="translate(116.2197,411.3115)">
<path
d="m 0,0 h -93.187 l 46.594,-46.594 z"
id="path3796"
fill="#bfd9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M 488.967,178.345 H 395.78 v 155.311 h 93.187 z"
id="path3798"
fill="#50c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 395.78,178.345 h 50 v 155.311 h -50 z"
id="path3800"
fill="#45b3f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 395.78,178.345 H 302.593 V 333.656 H 395.78 Z"
id="path3802"
fill="#dbe8f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 302.594,178.345 h -93.187 v 155.311 h 93.187 z"
id="path3804"
fill="#eef7fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 209.407,178.345 H 116.22 v 155.311 h 93.187 z"
id="path3806"
fill="#dbe8f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 116.22,178.345 H 23.033 v 155.311 h 93.187 z"
id="path3808"
fill="#50c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 23.033,178.345 h 50 v 155.311 h -50 z"
id="path3810"
fill="#45b3f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g3812">
<g id="g3814" clip-path="url(#clipPath3818)">
<g id="g3820" transform="translate(23.0298,239.6602)">
<path
d="M 0,0 V -61.32 H 93.19 V 94 H 0 V 32.68"
id="path3822"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<g id="g3824" transform="translate(179.1602,178.3398)">
<path
d="M 0,0 H 30.25 V 155.32 H -62.94 V 0 h 30.25"
id="path3826"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m 302.594,178.345 h -93.187 v 155.311 h 93.187 z"
id="path3828"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g id="g3830" transform="translate(365.5303,333.6602)">
<path
d="M 0,0 H 30.25 V -155.32 H -62.94 V 0 h 30.25"
id="path3832"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g3834">
<g id="g3836" clip-path="url(#clipPath3840)">
<path
d="M 488.967,178.345 H 395.78 v 155.311 h 93.187 z"
id="path3842"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g id="g3844" transform="translate(116.2197,411.3115)">
<path
d="m 0,0 h -93.187 l 46.594,-46.594 z"
id="path3846"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M 131.751,411.312 H 7.502 v 62.124 h 124.249 z"
id="path3848"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g id="g3850" transform="translate(488.9668,100.6885)">
<path
d="m 0,0 h -93.187 l 46.593,46.594 z"
id="path3852"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M 504.498,100.688 H 380.249 V 38.564 h 124.249 z"
id="path3854"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category