Add icons to this collection by clicking the heart icon.
Football icon - also known as ball, sports, football, team, american football, rugby ball, 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 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00eed0" />
<stop offset="1" stop-color="#00af94" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="193.5"
x2="308.5"
y1="320.5"
y2="205.5"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb835" />
<stop offset=".901" stop-color="#f70" />
</linearGradient>
<path
d="M411.263 137.323c.42-20.373-16.212-37.005-36.585-36.585-51.257 1.056-145.819 11.527-204.116 69.824s-68.768 152.859-69.824 204.116c-.42 20.373 16.212 37.005 36.585 36.585 51.257-1.056 145.819-11.526 204.116-69.824s68.767-152.859 69.824-204.116z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="193.5"
x2="308.5"
y1="320.5"
y2="205.5"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#fff" />
<stop offset=".195" stop-color="#fffefc" />
<stop offset=".338" stop-color="#fffaf2" />
<stop offset=".467" stop-color="#fff5e2" />
<stop offset=".587" stop-color="#ffedcb" />
<stop offset=".701" stop-color="#ffe2ad" />
<stop offset=".812" stop-color="#ffd588" />
<stop offset=".916" stop-color="#ffc65d" />
<stop offset="1" stop-color="#ffb835" />
</linearGradient>
<path
d="m308.974 260.925 12.146-12.146-20.351-20.351 20.283-20.283-17.197-17.196-20.283 20.282-20.351-20.351-12.146 12.146 20.352 20.351-17.952 17.952-20.351-20.351-12.146 12.146 20.351 20.351-17.952 17.952-20.351-20.352-12.146 12.146 20.351 20.351-20.282 20.283 17.196 17.197 20.283-20.283 20.351 20.351 12.146-12.146-20.352-20.351 17.952-17.952 20.351 20.351 12.146-12.146-20.351-20.351 17.952-17.952z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="278.259"
x2="393.259"
y1="405.259"
y2="290.249"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#fff" />
<stop offset=".195" stop-color="#fffefc" />
<stop offset=".338" stop-color="#fffaf2" />
<stop offset=".467" stop-color="#fff5e2" />
<stop offset=".587" stop-color="#ffedcb" />
<stop offset=".701" stop-color="#ffe2ad" />
<stop offset=".812" stop-color="#ffd588" />
<stop offset=".916" stop-color="#ffc65d" />
<stop offset="1" stop-color="#ffb835" />
</linearGradient>
<path
d="M298.375 108.806c-10.554 2.098-21.352 4.712-32.158 7.954l129.025 129.025c3.241-10.806 5.855-21.605 7.954-32.159l-104.821-104.82z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="108.741"
x2="223.751"
y1="235.741"
y2="120.741"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#fff" />
<stop offset=".195" stop-color="#fffefc" />
<stop offset=".338" stop-color="#fffaf2" />
<stop offset=".467" stop-color="#fff5e2" />
<stop offset=".587" stop-color="#ffedcb" />
<stop offset=".701" stop-color="#ffe2ad" />
<stop offset=".812" stop-color="#ffd588" />
<stop offset=".916" stop-color="#ffc65d" />
<stop offset="1" stop-color="#ffb835" />
</linearGradient>
<path
d="m108.806 298.375 104.82 104.82c10.554-2.099 21.352-4.712 32.159-7.954L116.759 266.216c-3.241 10.807-5.855 21.605-7.953 32.159z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category