Add icons to this collection by clicking the heart icon.
Substitute icon - also known as football, clothes, sport, soccer, shirt, change, substitute, players, substitution, and sports and competition. Created in a clean lineal 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 64 64"
>
<linearGradient
id="a"
x1="-11.181"
x2="51.774"
y1="48.681"
y2="-14.274"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-.931"
x2="62.024"
y1="58.931"
y2="-4.024"
href="#a"
/>
<linearGradient
id="c"
x1="-11.431"
x2="51.524"
y1="48.431"
y2="-14.524"
href="#a"
/>
<linearGradient
id="d"
x1="-8.181"
x2="54.774"
y1="51.681"
y2="-11.274"
href="#a"
/>
<linearGradient
id="e"
x1="5.819"
x2="68.774"
y1="65.681"
y2="2.726"
href="#a"
/>
<linearGradient
id="f"
x1="16.069"
x2="79.024"
y1="75.931"
y2="12.976"
href="#a"
/>
<linearGradient
id="g"
x1="5.569"
x2="68.524"
y1="65.431"
y2="2.476"
href="#a"
/>
<linearGradient
id="h"
x1="8.819"
x2="71.774"
y1="68.681"
y2="5.726"
href="#a"
/>
<linearGradient
id="i"
x1="-1.431"
x2="61.524"
y1="58.431"
y2="-4.524"
href="#a"
/>
<linearGradient
id="j"
x1="15.569"
x2="78.524"
y1="75.431"
y2="12.476"
href="#a"
/>
<linearGradient
id="k"
x1=".819"
x2="63.774"
y1="60.681"
y2="-2.274"
href="#a"
/>
<linearGradient
id="l"
x1="8.319"
x2="71.274"
y1="68.181"
y2="5.226"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M29 22v-6a1 1 0 0 0-1-1H18a1 1 0 0 0-1 1 2 2 0 0 1-4 0 1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h4v11a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V23h4a1 1 0 0 0 1-1zm-2-1h-4a1 1 0 0 0-1 1v11H8V22a1 1 0 0 0-1-1H3v-4h8.126a4 4 0 0 0 7.748 0H27z"
/>
<path
fill="url(#b)"
d="M23 36H7a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V37a1 1 0 0 0-1-1zm-1 12h-6v-4a1 1 0 0 0-2 0v4H8V38h14z"
/>
<path fill="url(#c)" d="M16 23h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path
fill="url(#d)"
d="M18 24a1 1 0 0 0 1 1h1a1 1 0 0 0 0-2h-1a1 1 0 0 0-1 1z"
/>
<path
fill="url(#e)"
d="M62 15H52a1 1 0 0 0-1 1 2 2 0 0 1-4 0 1 1 0 0 0-1-1H36a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h4v11a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V23h4a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-4a1 1 0 0 0-1 1v11H42V22a1 1 0 0 0-1-1h-4v-4h8.126a4 4 0 0 0 7.748 0H61z"
/>
<path
fill="url(#f)"
d="M57 36H41a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V37a1 1 0 0 0-1-1zm-1 12h-6v-4a1 1 0 0 0-2 0v4h-6V38h14z"
/>
<path fill="url(#g)" d="M50 23h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path
fill="url(#h)"
d="M52 24a1 1 0 0 0 1 1h1a1 1 0 0 0 0-2h-1a1 1 0 0 0-1 1z"
/>
<path fill="url(#i)" d="M10 47h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path fill="url(#j)" d="M44 47h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path
fill="url(#k)"
d="M32.707 24.293A1 1 0 0 0 31 25v2h-3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3v2a1 1 0 0 0 1.707.707l5-5a1 1 0 0 0 0-1.414zM33 32.586V32a1 1 0 0 0-1-1h-3v-2h3a1 1 0 0 0 1-1v-.586L35.586 30z"
/>
<path
fill="url(#l)"
d="M37 40h-3v-2a1 1 0 0 0-1.707-.707l-5 5a1 1 0 0 0 0 1.414l5 5A1 1 0 0 0 34 48v-2h3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-3a1 1 0 0 0-1 1v.586L29.414 43 32 40.414V41a1 1 0 0 0 1 1h3z"
/>
</g>
</svg>
More icons in the same style and category