Add icons to this collection by clicking the heart icon.
Gradient icon - also known as color, palette, graphic tool, slider, edit tools, gradient, designer tools, and user interface. Created in a clean flat style with a gray, red, yellow, orange, and pink finish, 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 64 64"
>
<path
fill="#ff2c02"
d="M60 20v24c0 .55-.45 1-1 1H42V19h17c.55 0 1 .45 1 1z"
/>
<path fill="#fc6f49" d="M24 19h16v26H24z" />
<path fill="#fcc3b3" d="M22 19v26H5c-.55 0-1-.45-1-1V20c0-.55.45-1 1-1z" />
<path
fill="#43535f"
d="M42 48.09V19h-2v29.09c-2.84.47-5 2.94-5 5.91 0 3.31 2.69 6 6 6s6-2.69 6-6a5.99 5.99 0 0 0-5-5.91zM41 58c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"
/>
<circle cx="41" cy="54" r="4" fill="#fade1d" />
<path
fill="#fade1d"
d="m38.71 11.71-6 6c-.2.19-.45.29-.71.29s-.51-.1-.71-.29l-6-6c-.39-.39-.39-1.03 0-1.42l6-6c.39-.39 1.03-.39 1.42 0l6 6c.39.39.39 1.03 0 1.42z"
/>
<path
fill="#43535f"
d="M24 48.09V19h-2v29.09c-2.84.47-5 2.94-5 5.91 0 3.31 2.69 6 6 6s6-2.69 6-6a5.99 5.99 0 0 0-5-5.91zM23 58c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"
/>
<circle cx="23" cy="54" r="4" fill="#fade1d" />
<path
fill="#f32500"
d="M59 19h-3v21c0 .55-.45 1-1 1H42v4h17c.55 0 1-.45 1-1V20c0-.55-.45-1-1-1z"
/>
<path fill="#fd4d25" d="M24 41h16v4H24z" />
<path fill="#fb9a7e" d="M4 40v4c0 .55.45 1 1 1h17v-4H5c-.55 0-1-.45-1-1z" />
<g fill="#fbbc13">
<path
d="M41 50c-.531 0-1.036.108-1.5.296C40.965 50.89 42 52.321 42 54s-1.035 3.11-2.5 3.704c.464.188.969.296 1.5.296 2.21 0 4-1.79 4-4s-1.79-4-4-4zM38.71 10.29l-6-6c-.39-.39-1.03-.39-1.42 0l-.79.79 5.21 5.21c.39.39.39 1.03 0 1.42l-5.21 5.21.79.79c.2.19.45.29.71.29s.51-.1.71-.29l6-6c.39-.39.39-1.03 0-1.42zM23 50c-.531 0-1.036.108-1.5.296C22.965 50.89 24 52.321 24 54s-1.035 3.11-2.5 3.704c.464.188.969.296 1.5.296 2.21 0 4-1.79 4-4s-1.79-4-4-4z"
/>
</g>
</svg>
More icons in the same style and category