Add icons to this collection by clicking the heart icon.
Kick Off icon - also known as ball, game, football, soccer, field, sports and competition, and kick off. Created in a clean color 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 510 510"
>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="87.494"
x2="557.228"
y1="87.494"
y2="557.228"
>
<stop offset="0" stop-color="#8bc727" />
<stop offset="1" stop-color="#017b4e" />
</linearGradient>
<linearGradient id="lg1">
<stop offset="0" stop-color="#017b4e" stop-opacity="0" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="452.046"
x2="246.656"
y1="439.188"
y2="244.752"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="70.86"
x2="439.14"
y1="-24.92"
y2="343.36"
href="#lg2"
/>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="255"
x2="255"
y1="431.568"
y2="542.563"
href="#lg1"
/>
<linearGradient id="lg3">
<stop offset="0" stop-color="#d8ecfe" stop-opacity="0" />
<stop offset=".1354" stop-color="#cae5fe" stop-opacity=".135" />
<stop offset=".5015" stop-color="#a7d6fe" stop-opacity=".501" />
<stop offset=".8028" stop-color="#92cdfe" stop-opacity=".803" />
<stop offset="1" stop-color="#8ac9fe" />
</linearGradient>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="303.838"
x2="250.259"
y1="416.76"
y2="312.525"
href="#lg3"
/>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="209.816"
x2="235.836"
y1="173.306"
y2="216.326"
>
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#d8ecfe" />
</linearGradient>
<linearGradient
id="SVGID_7_"
gradientUnits="userSpaceOnUse"
x1="206.058"
x2="183.513"
y1="256.182"
y2="219.311"
href="#lg3"
/>
<linearGradient
id="SVGID_8_"
gradientUnits="userSpaceOnUse"
x1="282.42"
x2="234.746"
y1="214.51"
y2="175.291"
href="#lg3"
/>
<linearGradient
id="SVGID_9_"
gradientUnits="userSpaceOnUse"
x1="296.61"
x2="281.815"
y1="275.417"
y2="233.497"
href="#lg3"
/>
<linearGradient
id="SVGID_10_"
gradientUnits="userSpaceOnUse"
x1="259.227"
x2="248.987"
y1="199.996"
y2="199.996"
href="#lg2"
/>
<linearGradient
id="SVGID_11_"
gradientUnits="userSpaceOnUse"
x1="309.592"
x2="303.603"
y1="249.977"
y2="232.892"
href="#lg2"
/>
<linearGradient id="lg4">
<stop offset="0" stop-color="#d8ecfe" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="SVGID_12_"
gradientUnits="userSpaceOnUse"
x1="282.511"
x2="288.584"
y1="297.897"
y2="291.824"
href="#lg4"
/>
<linearGradient
id="SVGID_13_"
gradientUnits="userSpaceOnUse"
x1="204.379"
x2="208.09"
y1="238.975"
y2="227.146"
href="#lg2"
/>
<linearGradient
id="SVGID_14_"
gradientUnits="userSpaceOnUse"
x1="225.111"
x2="220.275"
y1="295.52"
y2="290.683"
href="#lg4"
/>
<linearGradient
id="SVGID_15_"
gradientUnits="userSpaceOnUse"
x1="257.407"
x2="267.623"
y1="272.526"
y2="330.297"
>
<stop offset="0" stop-color="#8ac9fe" stop-opacity="0" />
<stop offset=".0634" stop-color="#85c2f3" stop-opacity=".063" />
<stop offset=".3677" stop-color="#70a3c3" stop-opacity=".368" />
<stop offset=".6362" stop-color="#608ca0" stop-opacity=".636" />
<stop offset=".8561" stop-color="#577e8b" stop-opacity=".856" />
<stop offset="1" stop-color="#537983" />
</linearGradient>
<linearGradient id="lg5">
<stop offset="0" stop-color="#5a5a5a" />
<stop offset="1" stop-color="#444" />
</linearGradient>
<linearGradient
id="SVGID_16_"
gradientUnits="userSpaceOnUse"
x1="235.79"
x2="266.964"
y1="230.494"
y2="269.066"
href="#lg5"
/>
<linearGradient
id="SVGID_17_"
gradientUnits="userSpaceOnUse"
x1="252.189"
x2="333.322"
y1="146.836"
y2="227.968"
href="#lg5"
/>
<linearGradient
id="SVGID_18_"
gradientUnits="userSpaceOnUse"
x1="193.019"
x2="274.151"
y1="206.006"
y2="287.139"
href="#lg5"
/>
<linearGradient
id="SVGID_19_"
gradientUnits="userSpaceOnUse"
x1="251.178"
x2="268.791"
y1="161.32"
y2="184.805"
href="#lg5"
/>
<linearGradient
id="SVGID_20_"
gradientUnits="userSpaceOnUse"
x1="172.507"
x2="188.006"
y1="219.221"
y2="241.296"
href="#lg5"
/>
<linearGradient
id="SVGID_21_"
gradientUnits="userSpaceOnUse"
x1="149.488"
x2="230.62"
y1="249.537"
y2="330.67"
href="#lg5"
/>
<linearGradient id="lg6">
<stop offset="0" stop-color="#444" stop-opacity="0" />
<stop offset=".0602" stop-color="#414141" stop-opacity=".06" />
<stop offset=".6562" stop-color="#252525" stop-opacity=".656" />
<stop offset="1" stop-color="#1a1a1a" />
</linearGradient>
<linearGradient
id="SVGID_22_"
gradientUnits="userSpaceOnUse"
x1="255"
x2="255"
y1="274.438"
y2="290.885"
href="#lg6"
/>
<linearGradient
id="SVGID_23_"
gradientUnits="userSpaceOnUse"
x1="303.393"
x2="303.393"
y1="306.494"
y2="324.39"
href="#lg6"
/>
<linearGradient
id="SVGID_24_"
gradientUnits="userSpaceOnUse"
x1="206.607"
x2="206.607"
y1="306.494"
y2="324.39"
href="#lg6"
/>
<g>
<path
d="m487.254 510h-214.754l-17.5-9-17.5 9h-214.754c-12.562 0-22.746-10.184-22.746-22.746v-405.907l9-18.125-9-17.282v-23.194c0-12.562 10.184-22.746 22.746-22.746h214.754l18.496 9 16.504-9h214.754c12.562 0 22.746 10.184 22.746 22.746v23.194l-9 17.262 9 18.145v405.906c0 12.563-10.184 22.747-22.746 22.747z"
fill="url(#SVGID_1_)"
/>
<path
d="m319.518 184.795-127.036 127.036 198.169 198.169h96.603c12.562 0 22.746-10.184 22.746-22.746v-111.977z"
fill="url(#SVGID_2_)"
/>
<path
d="m510 81.347v-35.407c-75.697-10.22-155.583-15.86-237.5-16.565v-29.375h-35v29.376c-81.917.704-161.803 6.344-237.5 16.564v35.407c76.23-10.555 155.841-16.257 237.5-16.97v256.339c-23.478 2.559-40.5 10.129-40.5 19.071s17.022 16.512 40.5 19.071v151.142h35v-151.141c23.478-2.559 40.5-10.129 40.5-19.071s-17.022-16.512-40.5-19.071v-256.34c81.659.713 161.27 6.416 237.5 16.97z"
fill="url(#SVGID_3_)"
/>
<path
d="m0 358v129.254c0 12.561 10.181 22.743 22.741 22.746h464.518c12.56-.003 22.741-10.185 22.741-22.746v-129.254z"
fill="url(#SVGID_4_)"
/>
<path
d="m255 306.667c-4.595 0-10.717-.699-17.5-1.687v15.737c-11.716 1.277-21.823 3.802-29.01 7.123l64.01 64.01v-32.99c23.478-2.559 40.5-10.129 40.5-19.071s-17.022-16.512-40.5-19.071v-12.459c-6.362-1.014-12.327-1.592-17.5-1.592z"
fill="url(#SVGID_5_)"
/>
<g>
<path
d="m318.703 234.589c0 3.818 25.887 20.304 25.424 23.997-1.847 14.748-7.269 28.385-15.371 40.015-5.236 7.516-17.648 8.01-24.881 13.608-9.343 7.231-14.093 18.844-25.844 21.952-7.35 1.944-15.07 2.98-23.031 2.98s-15.681-1.036-23.031-2.98c-11.144-2.948-13.177-16.494-22.179-23.174-7.839-5.817-22.961-4.37-28.546-12.387-8.189-11.754-13.64-25.559-15.429-40.488-.424-3.541 21.652-19.489 21.652-23.144 0-21.925-14.439-29.672-1.389-45.267 8.146-9.735 18.316-17.718 29.863-23.303 11.81-5.712 25.061 8.072 39.06 8.072 13.953 0 27.163-13.804 38.944-8.128 11.595 5.587 21.806 13.591 29.979 23.359 13.049 15.596-5.221 22.963-5.221 44.888z"
fill="url(#SVGID_6_)"
/>
<path
d="m165.172 247.313c0 49.61 40.218 89.828 89.828 89.828v-84.227l-86.485-29.971c-2.177 7.75-3.343 15.923-3.343 24.37z"
fill="url(#SVGID_7_)"
/>
<path
d="m341.485 222.943-86.485 29.971v-95.429c41.162 0 75.861 27.688 86.485 65.458z"
fill="url(#SVGID_8_)"
/>
<path
d="m344.828 247.313c0 49.61-40.218 89.828-89.828 89.828v-84.227l86.485-29.971c2.177 7.75 3.343 15.923 3.343 24.37z"
fill="url(#SVGID_9_)"
/>
<g>
<path
d="m250.597 185.429h8.807v29.134h-8.807z"
fill="url(#SVGID_10_)"
/>
<g>
<path
d="m292.322 244.792-2.883-8.321 27.527-9.54 2.884 8.321z"
fill="url(#SVGID_11_)"
/>
<path
d="m291.386 308.623-17.707-23.135 6.993-5.353 17.708 23.135z"
fill="url(#SVGID_12_)"
/>
</g>
<g>
<path
d="m217.678 244.792-27.528-9.54 2.884-8.321 27.527 9.54z"
fill="url(#SVGID_13_)"
/>
<path
d="m218.614 308.623-6.994-5.353 17.708-23.135 6.993 5.353z"
fill="url(#SVGID_14_)"
/>
</g>
</g>
<path
d="m165.874 258.586c5.545 44.29 43.333 78.556 89.126 78.556s83.58-34.266 89.126-78.556z"
fill="url(#SVGID_15_)"
/>
<path
d="m249.818 212.992-31.668 23.008c-3.09 2.245-4.383 6.224-3.202 9.856l12.096 37.228c1.18 3.632 4.565 6.091 8.384 6.091h39.144c3.819 0 7.204-2.459 8.384-6.091l12.096-37.228c1.18-3.632-.113-7.611-3.202-9.856l-31.668-23.008c-3.09-2.245-7.274-2.245-10.364 0z"
fill="url(#SVGID_16_)"
/>
<g>
<path
d="m323.921 189.703c-.289.528-.525 1.089-.705 1.68l-11.294 37.478c-1.103 3.657.275 7.609 3.413 9.786l28.784 19.984c.469-3.706.708-7.486.708-11.318.001-21.925-7.854-42.015-20.906-57.61z"
fill="url(#SVGID_17_)"
/>
<path
d="m286.637 305.596-8.606 28.565c20.847-5.513 38.725-18.335 50.723-35.561l-33.867.729c-3.815.081-7.147 2.61-8.25 6.267z"
fill="url(#SVGID_18_)"
/>
<path
d="m294.059 166.401c-11.808-5.714-25.06-8.916-39.059-8.916s-27.251 3.202-39.059 8.916c.578.884 1.317 1.677 2.209 2.325l31.669 23.007c3.089 2.244 7.274 2.244 10.364 0l31.669-23.007c.89-.648 1.63-1.441 2.207-2.325z"
fill="url(#SVGID_19_)"
/>
<path
d="m198.077 228.861-11.294-37.478c-.18-.592-.416-1.152-.705-1.68-13.051 15.595-20.907 35.685-20.907 57.61 0 3.833.24 7.612.708 11.318l28.784-19.984c3.139-2.177 4.517-6.129 3.414-9.786z"
fill="url(#SVGID_20_)"
/>
<path
d="m215.113 299.329-33.867-.729c11.998 17.226 29.876 30.048 50.723 35.561l-8.606-28.565c-1.103-3.657-4.435-6.186-8.25-6.267z"
fill="url(#SVGID_21_)"
/>
</g>
<path
d="m217.939 255.063 9.105 28.022c1.18 3.632 4.565 6.091 8.384 6.091h39.144c3.819 0 7.204-2.459 8.384-6.091l9.105-28.022z"
fill="url(#SVGID_22_)"
/>
<g>
<path
d="m294.887 299.329c-3.815.081-7.147 2.61-8.25 6.267l-8.606 28.565c20.847-5.513 38.725-18.335 50.723-35.561z"
fill="url(#SVGID_23_)"
/>
<path
d="m215.113 299.329-33.867-.729c11.998 17.226 29.876 30.048 50.723 35.561l-8.606-28.565c-1.103-3.657-4.435-6.186-8.25-6.267z"
fill="url(#SVGID_24_)"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category