Add icons to this collection by clicking the heart icon.
Gradient icon - also known as interface, design, graphic design, graphics editor, graphic tool, edit tools, and gradient. 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="clipPath3282">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path3280" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath3304">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path3302" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath3322">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path3320" />
</clipPath>
</defs>
<g id="g3258" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g3260" transform="translate(256,502)">
<path
d="M 0,0 -40,-40 0,-80 40,-40 Z"
id="path3262"
fill="#8690a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="m 408.5,10 h 64 v 64 h -64 z"
id="path3264"
fill="#ffc15a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 103.5,10 h -64 v 64 h 64 z"
id="path3266"
fill="#ffe6c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 502,118 H 10 v 264 h 492 z"
id="path3268"
fill="#ffc15a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 133,118 H 10 v 264 h 123 z"
id="path3270"
fill="#ffe6c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 256,118 H 133 v 264 h 123 z"
id="path3272"
fill="#ffd89e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 379.127,118 h -123 v 264 h 123 z"
id="path3274"
fill="#ffcb7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g3276">
<g id="g3278" clip-path="url(#clipPath3282)">
<path
d="M 502,118 H 10 v 264 h 492 z"
id="path3284"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
<g id="g3286" transform="translate(133,302)">
<path
d="M 0,0 V -181.25"
id="path3288"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g3290" transform="translate(256,379.25)">
<path
d="M 0,0 V -258.5"
id="path3292"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g3294" transform="translate(379,379.25)">
<path
d="M 0,0 V -181.25"
id="path3296"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g3298">
<g id="g3300" clip-path="url(#clipPath3304)">
<g id="g3306" transform="translate(256,502)">
<path
d="M 0,0 -40,-40 0,-80 40,-40 Z"
id="path3308"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m 103.5,10 h -64 v 64 h 64 z"
id="path3310"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
<g id="g3312" transform="translate(71.5,74)">
<path
d="M 0,0 V 42"
id="path3314"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g3316">
<g id="g3318" clip-path="url(#clipPath3322)">
<path
d="m 408.5,10 h 64 v 64 h -64 z"
id="path3324"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
<g id="g3326" transform="translate(440.5,74)">
<path
d="M 0,0 V 42"
id="path3328"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g3330" transform="translate(256,422)">
<path
d="M 0,0 V -42.75"
id="path3332"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g3334" transform="translate(379,158)">
<path
d="M 0,0 V 0"
id="path3336"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g3338" transform="translate(133,342)">
<path
d="M 0,0 V 0"
id="path3340"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category