Add icons to this collection by clicking the heart icon.
Soccer icon - also known as ball, game, football, team, soccer, soccer ball, equipment, sport team, team sport, and sports and competition. Created in a clean filled style with a white and black finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0c-81.518-81.518-213.684-81.518-295.202 0-81.517 81.518-81.517 213.684 0 295.202 81.518 81.517 213.684 81.517 295.202 0C81.518 213.684 81.518 81.518 0 0"
transform="matrix(1.33333 0 0 -1.33333 581.323 495.12)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-51.499-51.499 18.85-70.349 70.349-18.85 51.499 51.499-18.85 70.349z"
transform="matrix(1.33333 0 0 -1.33333 359.388 204.52)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.713-33.712 18.851-70.349 70.348-18.85 33.712 33.712"
transform="matrix(1.33333 0 0 -1.33333 535.89 28.02)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 33.712 33.712-18.849 70.349-70.349 18.85-33.713-33.712"
transform="matrix(1.33333 0 0 -1.33333 233.154 568.618)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 33.712-33.712 70.35 18.85 18.849 70.348-33.712 33.713"
transform="matrix(1.33333 0 0 -1.33333 114.222 146.951)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.712 33.712-70.349-18.85-18.85-70.348 33.713-33.713"
transform="matrix(1.33333 0 0 -1.33333 654.82 449.686)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-47.165-47.165"
transform="matrix(1.33333 0 0 -1.33333 516.073 166.768)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-47.165-47.165"
transform="matrix(1.33333 0 0 -1.33333 311.884 370.956)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 53.059-53.059"
transform="matrix(1.33333 0 0 -1.33333 248.998 166.768)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 52.72-52.72"
transform="matrix(1.33333 0 0 -1.33333 445.78 363.55)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c-81.518-81.518-213.684-81.518-295.202 0-81.517 81.518-81.517 213.684 0 295.202 81.518 81.517 213.684 81.517 295.202 0C81.518 213.684 81.518 81.518 0 0"
transform="translate(435.992 140.66)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-81.518-81.518-213.684-81.518-295.202 0-81.517 81.518-81.517 213.684 0 295.202 81.518 81.517 213.684 81.517 295.202 0C81.518 213.684 81.518 81.518 0 0Z"
transform="translate(435.992 140.66)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-51.499-51.499 18.85-70.349 70.349-18.85 51.499 51.499-18.85 70.349z"
transform="translate(269.541 358.61)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.713-33.712 18.851-70.349 70.348-18.85 33.712 33.712"
transform="translate(401.917 490.985)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 33.712 33.712-18.849 70.349-70.349 18.85-33.713-33.712"
transform="translate(174.865 85.537)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 33.712-33.712 70.35 18.85 18.849 70.348-33.712 33.713"
transform="translate(85.666 401.787)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.712 33.712-70.349-18.85-18.85-70.348 33.713-33.713"
transform="translate(491.115 174.735)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-47.165-47.165"
transform="translate(387.055 386.924)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-47.165-47.165"
transform="translate(233.913 233.783)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 53.059-53.059"
transform="translate(186.749 386.924)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 52.72-52.72"
transform="translate(334.335 239.338)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-83.787-83.786"
transform="translate(106.796 106.665)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-53.281-53.281"
transform="translate(64.078 149.384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-53.281-53.281"
transform="translate(149.515 63.947)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category