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 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 512 512"
>
<g>
<rect x="7.5" y="108.5" width="165.667" height="295" fill="#FE7D43" />
<rect
x="173.167"
y="108.5"
width="165.667"
height="295"
fill="#FD5426"
/>
<rect
x="338.833"
y="108.5"
width="165.667"
height="295"
fill="#D73D24"
/>
<circle cx="25.5" cy="256" r="18" fill="#FAF7F7" />
<circle cx="486.5" cy="256" r="18" fill="#FAF7F7" />
<path
d="M362.045,226.683l-18.895-18.895c-2.384-2.384-6.249-2.384-8.633,0l-18.895,18.895 c-2.384,2.384-2.384,6.249,0,8.633l18.895,18.895c2.384,2.384,6.249,2.384,8.633,0l18.895-18.895 C364.429,232.933,364.429,229.067,362.045,226.683z"
fill="#FAF7F7"
/>
<path
d="M196.379,226.683l-18.895-18.895c-2.384-2.384-6.249-2.384-8.633,0l-18.895,18.895 c-2.384,2.384-2.384,6.249,0,8.633l18.895,18.895c2.384,2.384,6.249,2.384,8.633,0l18.895-18.895 C198.763,232.933,198.763,229.067,196.379,226.683z"
fill="#FAF7F7"
/>
<g>
<circle
cx="25.5"
cy="256"
r="18"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="486.5"
cy="256"
r="18"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="43.5"
y1="256"
x2="468.5"
y2="256"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M362.045,226.683l-18.895-18.895c-2.384-2.384-6.249-2.384-8.633,0l-18.895,18.895c-2.384,2.384-2.384,6.249,0,8.633 l18.895,18.895c2.384,2.384,6.249,2.384,8.633,0l18.895-18.895C364.429,232.933,364.429,229.067,362.045,226.683z"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M196.379,226.683l-18.895-18.895c-2.384-2.384-6.249-2.384-8.633,0l-18.895,18.895c-2.384,2.384-2.384,6.249,0,8.633 l18.895,18.895c2.384,2.384,6.249,2.384,8.633,0l18.895-18.895C198.763,232.933,198.763,229.067,196.379,226.683z"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<g>
<polyline
points="52.284,403.5 7.5,403.5 7.5,108.5 504.5,108.5 504.5,153.248"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polyline
points="504.5,187.938 504.5,403.5 88.005,403.5"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="173.167"
y1="110.645"
x2="173.167"
y2="203.316"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="173.167"
y1="257.448"
x2="173.167"
y2="401.021"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="338.833"
y1="110.645"
x2="338.833"
y2="203.316"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="338.833"
y1="257.448"
x2="338.833"
y2="401.021"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category