Add icons to this collection by clicking the heart icon.
Change icon - also known as player, football, soccer, change, and sports and competition. Created in a clean 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-57.651"
x2="28.875"
y1="596.625"
y2="596.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".354" stop-color="#ed683c" />
<stop offset=".707" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M208 128V80a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h16v120a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8V136h16a8 8 0 0 0 8-8zm-81.472-40c-4.335 12.442-17.935 19.014-30.376 14.68A23.857 23.857 0 0 1 81.472 88h45.056zM192 120h-16a8 8 0 0 0-8 8v120H40V128a8 8 0 0 0-8-8H16V88h48.8c4.396 21.65 25.51 35.636 47.16 31.24A40 40 0 0 0 143.2 88H192v32z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-57.651"
x2="28.875"
y1="600.625"
y2="600.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".354" stop-color="#ed683c" />
<stop offset=".707" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M120 128h32v16h-32v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-57.651"
x2="28.875"
y1="574.625"
y2="574.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".354" stop-color="#ed683c" />
<stop offset=".707" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M176 280H32a8 8 0 0 0-8 8v112a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8V288a8 8 0 0 0-8-8zm-8 112h-56v-48H96v48H40v-96h128v96z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-57.651"
x2="28.875"
y1="596.625"
y2="596.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".354" stop-color="#ed683c" />
<stop offset=".707" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M472 72H280a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h16v120a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8V136h16a8 8 0 0 0 8-8V80a8 8 0 0 0-8-8zm-73.472 16c-4.335 12.442-17.935 19.014-30.376 14.68A23.857 23.857 0 0 1 353.472 88h45.056zM464 120h-16a8 8 0 0 0-8 8v120H312V128a8 8 0 0 0-8-8h-16V88h48.8c4.396 21.65 25.51 35.636 47.16 31.24A40 40 0 0 0 415.2 88H464v32z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-57.651"
x2="28.875"
y1="600.625"
y2="600.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".354" stop-color="#ed683c" />
<stop offset=".707" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M392 128h32v16h-32v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-57.651"
x2="28.875"
y1="574.625"
y2="574.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".354" stop-color="#ed683c" />
<stop offset=".707" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M448 280H304a8 8 0 0 0-8 8v112a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8V288a8 8 0 0 0-8-8zm-8 112h-56v-48h-16v48h-56v-96h128v96z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-57.651"
x2="28.875"
y1="592.625"
y2="592.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".354" stop-color="#ed683c" />
<stop offset=".707" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M233.752 245a8 8 0 0 0 6.248 3 8.203 8.203 0 0 0 2.648-.448A8 8 0 0 0 248 240v-8h24a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-24v-8a8 8 0 0 0-14.248-5l-32 40a8 8 0 0 0 0 10l32 40zM240 172.8V184h24v32h-24v11.2L218.24 200 240 172.8z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-57.651"
x2="28.875"
y1="578.625"
y2="578.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".354" stop-color="#ed683c" />
<stop offset=".707" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M246.248 267A8 8 0 0 0 232 272v8h-24a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h24v8a8 8 0 0 0 5.352 7.552A8.203 8.203 0 0 0 240 360a8 8 0 0 0 6.248-3l32-40a8 8 0 0 0 0-10l-32-40zM240 339.2V328h-24v-32h24v-11.2l21.76 27.2L240 339.2z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category