Add icons to this collection by clicking the heart icon.
Football icon - also known as ball, play, football, soccer, kick, team sport, sports and competition, and sport equipment. Created in a clean outline 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 512 512"
>
<linearGradient
id="a"
x1="202.444"
x2="202.444"
y1="478"
y2="103.167"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="142.955"
x2="142.955"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="c"
x1="57.492"
x2="57.492"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="d"
x1="88.62"
x2="88.62"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="e"
x1="161.088"
x2="161.088"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="f"
x1="102.22"
x2="102.22"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="g"
x1="60.805"
x2="60.805"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="h"
x1="147.688"
x2="147.688"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="i"
x1="80.537"
x2="80.537"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="j"
x1="26.697"
x2="26.697"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="k"
x1="266.578"
x2="266.578"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="l"
x1="203.569"
x2="203.569"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="m"
x1="145.587"
x2="145.587"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="n"
x1="300.686"
x2="300.686"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="o"
x1="233.535"
x2="233.535"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="p"
x1="196.261"
x2="196.261"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="q"
x1="352.029"
x2="352.029"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="r"
x1="207.269"
x2="207.269"
y1="478"
y2="103.167"
href="#a"
/>
<linearGradient
id="s"
x1="191.906"
x2="191.906"
y1="478"
y2="103.167"
href="#a"
/>
<path
fill="url(#a)"
d="M194.578 325.82a5.983 5.983 0 0 0 4.243-1.758l15.732-15.731a6 6 0 0 0-8.486-8.485l-15.732 15.731a6 6 0 0 0 4.243 10.243z"
/>
<path
fill="url(#b)"
d="M181 334.4a6 6 0 0 0-8.485 0l-67.6 67.6a6 6 0 0 0 8.485 8.486l67.6-67.6a6 6 0 0 0 0-8.486z"
/>
<path
fill="url(#c)"
d="m64.54 442.377-22.58 22.58a6 6 0 1 0 8.485 8.485l22.58-22.58a6 6 0 0 0-8.485-8.485z"
/>
<path
fill="url(#d)"
d="m86.368 420.548-3.981 3.982a6 6 0 0 0 8.485 8.485l3.982-3.981a6 6 0 0 0-8.486-8.486z"
/>
<path
fill="url(#e)"
d="M199.082 230.535a6 6 0 0 0-8.486 0l-67.5 67.5a6 6 0 0 0 8.486 8.485l67.5-67.5a6 6 0 0 0 0-8.485z"
/>
<path
fill="url(#f)"
d="M113.758 316.862a6 6 0 0 0-8.486 0l-14.589 14.59a6 6 0 0 0 8.485 8.485l14.59-14.59a6 6 0 0 0 0-8.485z"
/>
<path
fill="url(#g)"
d="M80.625 350a6 6 0 0 0-8.485 0l-31.156 31.15a6 6 0 0 0 8.485 8.486l31.156-31.156a6 6 0 0 0 0-8.48z"
/>
<path
fill="url(#h)"
d="M126.362 224.472a5.979 5.979 0 0 0 4.243-1.758l42.652-42.652a6 6 0 1 0-8.486-8.485l-42.651 42.652a6 6 0 0 0 4.242 10.243z"
/>
<path
fill="url(#i)"
d="M52.534 299.3a5.984 5.984 0 0 0 4.243-1.757l56.005-56a6 6 0 1 0-8.485-8.486l-56 56.006a6 6 0 0 0 4.237 10.237z"
/>
<path
fill="url(#j)"
d="M38.234 307.6a6 6 0 0 0-8.485 0l-14.59 14.589a6 6 0 1 0 8.486 8.485l14.589-14.589a6 6 0 0 0 0-8.485z"
/>
<path
fill="url(#k)"
d="M283.864 323.8a6 6 0 0 0-8.486-8.485L249.293 341.4a6 6 0 1 0 8.485 8.485z"
/>
<path
fill="url(#l)"
d="M231.672 377a6 6 0 1 0-8.485-8.485l-47.722 47.722a6 6 0 1 0 8.485 8.485z"
/>
<path
fill="url(#m)"
d="m156.922 434.777-31.156 31.156a6 6 0 0 0 8.485 8.485l31.157-31.156a6 6 0 0 0-8.486-8.485z"
/>
<path
fill="url(#n)"
d="m334.335 341.142-75.783 75.784a6 6 0 0 0 8.485 8.485l75.784-75.784a6 6 0 0 0-8.486-8.485z"
/>
<path
fill="url(#o)"
d="m240.729 435.752-22.873 22.873a6 6 0 1 0 8.485 8.485l22.873-22.873a6 6 0 0 0-8.485-8.485z"
/>
<path
fill="url(#p)"
d="m199.313 477.167-14.589 14.59a6 6 0 0 0 8.485 8.486l14.59-14.59a6 6 0 1 0-8.486-8.486z"
/>
<path
fill="url(#q)"
d="M352.029 10a145.608 145.608 0 0 0-103.64 42.929c-57.147 57.148-57.147 150.133 0 207.28a146.569 146.569 0 0 0 207.28 0c57.147-57.147 57.147-150.132 0-207.28A145.61 145.61 0 0 0 352.029 10zm0 12a135.2 135.2 0 0 1 36.656 5.032L363.565 41.8 341.82 22.381Q346.89 22 352.029 22zm12.034 85 37.527 37.528-24.94 48.242-52.85-7.947-7.768-53.074zM256.874 61.415a133.6 133.6 0 0 1 69.277-36.938l30.8 27.5 1.876 44.223-50.394 25.96-48.313-15.172-10.113-38.173q3.27-3.796 6.867-7.4zm-16.093 19.432 7.426 28.029-26.923 15.991a133.707 133.707 0 0 1 19.497-44.02zm-22.3 59.643 37.448-22.242 48.212 15.143L312.133 188l-37.964 38.383-40.857-6.439a135.02 135.02 0 0 1-14.833-79.454zm38.4 111.234a134.852 134.852 0 0 1-15.349-18.335l29.1 4.586 4.576 29.11a136.229 136.229 0 0 1-18.334-15.361zm95.155 39.414a133.905 133.905 0 0 1-63.386-15.79l-6.318-40.148 38.293-38.716 54.631 8.214 15.088 47.972-22.29 37.527a136.925 136.925 0 0 1-16.025.941zm31.636-3.728 16.051-27.024 28.071 7.437a132.977 132.977 0 0 1-44.129 19.587zm63.519-35.686q-3.587 3.585-7.39 6.866L401.6 248.472l-15.221-48.4 26.1-50.49 44.005 1.935 27.563 30.869a133.8 133.8 0 0 1-36.863 69.338zm38.966-85.006L466.672 144.9l14.766-25.123a135.522 135.522 0 0 1 4.712 46.941zm-30.212-27.235-44.376-1.951-40.7-40.7-1.885-44.3 34.61-20.343a135 135 0 0 1 72.681 72.7z"
/>
<path
fill="url(#r)"
d="M202.833 86.834a6 6 0 0 0 8.074-2.608 156.942 156.942 0 0 1 3.281-6.077 6 6 0 0 0-10.433-5.931 168.428 168.428 0 0 0-3.53 6.542 6 6 0 0 0 2.608 8.074z"
/>
<path
fill="url(#s)"
d="M190.574 211.535a6 6 0 1 0 11.366-3.85 159.617 159.617 0 0 1-1.37-97.993 6 6 0 1 0-11.469-3.528 171.627 171.627 0 0 0 1.473 105.371z"
/>
</svg>
More icons in the same style and category