Add icons to this collection by clicking the heart icon.
Football icon - also known as game, sports, football, soccer, equipment, team sport, 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="-58.767"
x2="28.355"
y1="587.625"
y2="587.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 0H312a8 8 0 0 0-8 8v312h-40c-57.41.066-103.934 46.59-104 104v32a8 8 0 0 0 8 8h8v16h16v-16h32v16h16v-16h32v16h16v-16h128v16h16v-16h16v16h16v-16h8a8 8 0 0 0 8-8V344a23.638 23.638 0 0 0-1.512-7.88A23.614 23.614 0 0 0 480 328V8a8 8 0 0 0-8-8zm-10.464 333.736a8.004 8.004 0 0 1-2.136 1.44 8.765 8.765 0 0 1-.632.264A7.797 7.797 0 0 1 456 336H328a8 8 0 0 1-8-8V112h144v216a7.934 7.934 0 0 1-2.208 5.448c-.088.096-.192.2-.256.288zM320 64h144v32H320V64zm144-48v32H320V16h144zM208 356.28V360h16v-14.4a87.178 87.178 0 0 1 16-6.28V360h16v-23.616c2.64-.24 5.304-.384 8-.384h8v24h16v-24h17.368c.096.272.24.512.352.8.168.448.368.872.568 1.296a25.12 25.12 0 0 0 1.408 2.584c.24.392.48.8.744 1.16.671.945 1.409 1.84 2.208 2.68.168.176.312.376.48.544.989.977 2.06 1.869 3.2 2.664.32.216.672.4 1 .608.871.548 1.777 1.04 2.712 1.472.44.2.88.376 1.328.552.944.359 1.908.661 2.888.904.44.104.864.232 1.312.312A23.55 23.55 0 0 0 328 352h128a24.321 24.321 0 0 0 4.544-.456c.392-.08.76-.208 1.144-.296.8-.192 1.6-.336 2.312-.6V416H176.36A87.825 87.825 0 0 1 208 356.28zM464 448H176v-16h288v16z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.767"
x2="28.355"
y1="591.625"
y2="591.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="M256 208c0-70.692-57.308-128-128-128S0 137.308 0 208s57.308 128 128 128c70.658-.084 127.916-57.342 128-128zm-36.216 64h-31.952c-14.608-18.184-22.488-28-26.984-33.248l13.6-40.696 34.016-13.6 30.464 8.688A109.36 109.36 0 0 1 219.784 272zm-13.552 16A112.247 112.247 0 0 1 192 299.784V288h14.232zm-96.464-56-12.416-37.232L128 170.24l30.648 24.528L146.232 232h-36.464zm113.944-81.872a111.38 111.38 0 0 1 11.424 25.288l-17.248-4.92 5.824-20.368zm-12-16.272-10.328 36.168-32 12.8L136 156.152v-32.8l22.88-22.88a112.06 112.06 0 0 1 52.84 33.384h-.008zM140 96.664l-12 12-12-12a109.051 109.051 0 0 1 24 0zm-42.896 3.768L120 123.312v32.8L86.64 182.8l-32-12.8-10.36-36.144a112.051 112.051 0 0 1 52.84-33.424h-.016zm-58.992 70.064-17.248 4.92a111.38 111.38 0 0 1 11.424-25.288l5.824 20.368zm-21.008 22.64 30.464-8.688 34.016 13.6 13.528 40.576c-4.416 5.216-12.264 15.008-26.96 33.368H36.216a109.36 109.36 0 0 1-19.112-78.864v.008zm51.248 109.488A111.944 111.944 0 0 1 49.768 288H65.44l2.912 14.624zm18.168 9.32-5.944-29.856c9.72-12.152 22.256-27.792 27.344-34.088H148c5.152 6.352 18.176 22.536 28 34.816v26.224a110.696 110.696 0 0 1-89.48 2.904z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.767"
x2="28.355"
y1="614.625"
y2="614.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="M216 16h16v16h-16V16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-58.767"
x2="28.355"
y1="612.625"
y2="612.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="M232 32h16v16h-16V32z" fill="url(#d)" />
<linearGradient
id="e"
x1="-58.767"
x2="28.355"
y1="610.625"
y2="610.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="M216 48h16v16h-16V48z" fill="url(#e)" />
<linearGradient
id="f"
x1="-58.767"
x2="28.355"
y1="612.625"
y2="612.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="M200 32h16v16h-16V32z" fill="url(#f)" />
<linearGradient
id="g"
x1="-58.767"
x2="28.355"
y1="612.625"
y2="612.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="M32 32h16v16H32V32z" fill="url(#g)" />
<linearGradient
id="h"
x1="-58.767"
x2="28.355"
y1="610.625"
y2="610.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="M48 48h16v16H48V48z" fill="url(#h)" />
<linearGradient
id="i"
x1="-58.767"
x2="28.355"
y1="608.625"
y2="608.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="M32 64h16v16H32V64z" fill="url(#i)" />
<linearGradient
id="j"
x1="-58.767"
x2="28.355"
y1="610.625"
y2="610.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="M16 48h16v16H16V48z" fill="url(#j)" />
<linearGradient
id="k"
x1="-58.767"
x2="28.355"
y1="570.625"
y2="570.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="M40 368h16v16H40v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-58.767"
x2="28.355"
y1="568.625"
y2="568.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="M56 384h16v16H56v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-58.767"
x2="28.355"
y1="566.625"
y2="566.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="M40 400h16v16H40v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-58.767"
x2="28.355"
y1="568.625"
y2="568.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="M24 384h16v16H24v-16z" fill="url(#n)" />
</svg>
More icons in the same style and category