Add icons to this collection by clicking the heart icon.
Soccer Ball icon - also known as ball, sports, football, soccer, soccer ball, ball sport, and sports and competition. Created in a clean lineal color style with a white, gray, 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="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-79.529-64.471-144-144-144S-288-79.529-288 0s64.471 144 144 144S0 79.529 0 0"
transform="translate(504 256)"
fill="#536275"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-79.529-64.471-144-144-144S-288-79.529-288 0s64.471 144 144 144S0 79.529 0 0"
transform="translate(504 256)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.042 0-8.043-.175-12-.502C61.913-6.601 120-68.513 120-144S61.913-281.399-12-287.499c3.957-.326 7.958-.501 12-.501 79.529 0 144 64.471 144 144S79.529 0 0 0"
transform="translate(360 400)"
fill="#e4e8ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32-48h48l32 48-32 48H32Z"
transform="translate(304 352)"
fill="#616161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32-48h48l32 48-32 48H32Z"
transform="translate(224 304)"
fill="#616161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32-48h48l32 48-32 48H32Z"
transform="translate(224 208)"
fill="#616161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h48l32 48-32 48H0l-32-48"
transform="translate(256 160)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32-48h48l32 48-32 48H32Z"
transform="translate(384 208)"
fill="#616161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32-48h48l32 48-32 48H32Z"
transform="translate(384 208)"
fill="#616161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.263-28.361-16.797-54.011-35.068-74.42h20.681l31.565 47.347c.102.284.201.57.301.854z"
transform="translate(478.387 234.42)"
fill="#4e4d51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32-48h48l32 48-32 48H32Z"
transform="translate(384 304)"
fill="#616161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32-48h48l32 48-32 48H32Z"
transform="translate(384 304)"
fill="#616161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32-48h48l32 48-32 48H32Z"
transform="translate(304 160)"
fill="#616161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 17.479 26.218c-.1.285-.199.571-.301.855L-14.387 74.42h-20.681C-16.797 54.011-4.263 28.361 0 0"
transform="translate(478.387 277.58)"
fill="#4e4d51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-32 48"
transform="translate(416 352)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-32-48L0-96h48"
transform="translate(336 400)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48"
transform="translate(304 352)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32-48h48l21.333 32"
transform="translate(224 304)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-16 24h-48l-32-48 32-48h48"
transform="translate(480 232)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48l-32-48 32-48H0l32 48"
transform="translate(464 352)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48l-32-48 32-48"
transform="translate(384 208)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32 48"
transform="translate(384 112)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-79.529-64.471-144-144-144S-288-79.529-288 0s64.471 144 144 144S0 79.529 0 0Z"
transform="translate(504 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h264"
transform="translate(96 112)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(64 112)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h184"
transform="translate(32 160)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(0 160)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h184"
transform="translate(32 240)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h144"
transform="translate(80 352)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(48 352)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h248"
transform="translate(112 400)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(272 304)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(272 208)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(352 160)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(432 208)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(432 304)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(352 352)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category