Add icons to this collection by clicking the heart icon.
Replace icon - also known as people, turnover, change, shuffle, replace, and switch. Created in a clean flat gradient 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 356 356"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(100.93 0 0 44.444 49.436 133.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7fe1ef" />
<stop offset="1" stop-color="#0bb2f5" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#f9bf93" />
<stop offset="1" stop-color="#f78068" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(89.914 34.138 65.93) scale(63.731)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(100.93 0 0 44.444 204.802 300)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd367" />
<stop offset="1" stop-color="#f69d18" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 28.395 226.299) scale(69.359)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(105.556 0 0 127.776 172.222 102.777)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75858c" />
<stop offset="1" stop-color="#405a65" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-105.556 0 0 -127.776 172.222 252.777)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#405a65" />
<stop offset="1" stop-color="#75858c" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M138.559 116.667c-4.097-3.381-16.667-5.556-16.667-5.556s-8.033 11.111-22.166 11.111-22.278-11.111-22.278-11.111-12.614 2.145-16.667 5.556c-2.404 2.024-5.829 6.525-8.922 10.951a11.034 11.034 0 0 0 4.174 17.004c11.044 4.774 28.309 10.934 44.698 10.934 16.134 0 32.594-5.971 43.21-10.765a10.961 10.961 0 0 0 3.913-16.961c-3.198-4.527-6.812-9.115-9.295-11.163z"
/>
<path
fill="url(#c)"
d="M71.988 66.667s-2.167-33.334 28.071-33.334c30.239 0 27.366 33.334 27.366 33.334 0 16.864-16.278 33.333-27.366 33.333-11.087 0-28.071-16.469-28.071-33.333z"
/>
<path
fill="url(#d)"
d="M293.925 283.333c-4.096-3.38-16.666-5.555-16.666-5.555s-8.034 11.111-22.167 11.111-22.278-11.111-22.278-11.111-12.614 2.145-16.666 5.555c-2.405 2.024-5.829 6.525-8.922 10.951a11.04 11.04 0 0 0-2.106 9.532 11.04 11.04 0 0 0 6.279 7.473c11.044 4.773 28.309 10.933 44.698 10.933 16.134 0 32.594-5.97 43.211-10.764a10.96 10.96 0 0 0 3.912-16.962c-3.198-4.527-6.812-9.114-9.295-11.163z"
/>
<path
fill="url(#e)"
d="M227.543 233.333S225.376 200 255.615 200s27.366 33.333 27.366 33.333c0 16.864-16.278 33.334-27.366 33.334s-28.072-16.47-28.072-33.334z"
/>
<path
fill="url(#f)"
d="m206.53 88.887 7.948 9.882c3.844 4.778 3.085 11.778-1.694 15.621-4.778 3.844-11.778 3.085-15.622-1.693L174.675 84.74a11.11 11.11 0 0 1 .022-13.955l22.487-27.778c3.859-4.766 10.861-5.503 15.627-1.645 4.767 3.859 5.504 10.861 1.645 15.627l-7.832 9.676h15.598a55.556 55.556 0 0 1 55.556 55.555v33.334c0 6.132-4.979 11.111-11.111 11.111-6.133 0-11.111-4.979-11.111-11.111V122.22a33.33 33.33 0 0 0-33.334-33.333z"
/>
<path
fill="url(#g)"
d="m137.915 266.667-7.949-9.882c-3.843-4.778-3.084-11.778 1.694-15.622 4.779-3.843 11.779-3.084 15.622 1.694l22.487 27.957a11.11 11.11 0 0 1-.022 13.955l-22.487 27.778c-3.858 4.766-10.86 5.503-15.627 1.645-4.766-3.859-5.503-10.861-1.645-15.628l7.833-9.675h-15.599a55.552 55.552 0 0 1-55.555-55.556V200c0-6.132 4.978-11.111 11.111-11.111 6.132 0 11.111 4.979 11.111 11.111v33.333a33.337 33.337 0 0 0 33.333 33.334z"
/>
</g>
</svg>
More icons in the same style and category