Add icons to this collection by clicking the heart icon.
Soccer Field icon - also known as football, soccer, team sports, field, soccer field, sports and competition, outdoor sports, and indoor sports. Created in a clean lineal color style with a silver 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 0V205.258H408.011V-69.25H0Zm-41.98 226.49V-90.511c0-11.424 9.325-20.749 20.749-20.749h450.502c11.395 0 20.749 9.325 20.749 20.749V226.49c0 11.424-9.354 20.75-20.749 20.75H-21.231c-11.424 0-20.749-9.326-20.749-20.75"
transform="translate(51.98 188.01)"
fill="#d0f2d2"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-28.999-23.499-52.498-52.497-52.498v-6.747c0-6.604-5.414-11.99-11.99-11.99h-38.267v-69.251h204.005v87.988C72.253-52.498 48.755-28.999 48.755 0s23.498 52.498 52.496 52.498v81.525h-204.005V71.264h38.267c6.576 0 11.99-5.414 11.99-12.019v-6.747C-23.499 52.498 0 28.999 0 0"
transform="translate(154.734 259.246)"
fill="#a0e5a5"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-104.996c28.998 0 52.497 23.499 52.497 52.498C52.497-23.5 28.998 0 0 0M0 0c-28.998 0-52.497-23.5-52.497-52.498 0-28.999 23.499-52.498 52.497-52.498z"
transform="translate(255.986 311.744)"
fill="#d0f2d2"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-104.996c28.998 0 52.497 23.499 52.497 52.498C52.497-23.5 28.998 0 0 0"
transform="translate(102.238 311.744)"
fill="#d0f2d2"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-142.499h38.267c6.576 0 11.99 5.386 11.99 11.991V-12.019C50.257-5.414 44.843 0 38.267 0Z"
transform="translate(51.98 330.51)"
fill="#d0f2d2"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-28.998 0-52.525-23.5-52.525-52.498 0-28.999 23.527-52.498 52.525-52.498zM0 0v-111.743c0-6.605 5.386-12.019 11.991-12.019h38.238V18.737H11.991C5.386 18.737 0 13.351 0 6.747Z"
transform="translate(409.762 305.252)"
fill="#d0f2d2"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-28.999-23.499-52.498-52.497-52.498v-87.988h204.006v62.731h-38.238c-6.605 0-11.991 5.414-11.991 12.019v6.747c-28.998 0-52.525 23.499-52.525 52.498 0 28.998 23.527 52.498 52.525 52.498v6.746c0 6.605 5.386 11.991 11.991 11.991h38.238v69.279H-52.497V52.498C-23.499 52.498 0 28.999 0 0"
transform="translate(308.482 259.246)"
fill="#a0e5a5"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-180.337c-11.423 0-20.749 9.326-20.749 20.75v317c0 11.424 9.326 20.75 20.749 20.75h450.502c11.395 0 20.749-9.326 20.749-20.75v-317C290.914 9.326 281.56 0 270.165 0H89.8"
transform="translate(211.086 76.75)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M51.98 393.269h408.011V118.76H51.98Z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-274.509"
transform="translate(255.986 393.269)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h38.267c6.576 0 11.99-5.414 11.99-12.019v-118.489c0-6.605-5.414-11.991-11.99-11.991H0"
transform="translate(51.98 330.51)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c28.998 0 52.497-23.5 52.497-52.498 0-28.999-23.499-52.498-52.497-52.498"
transform="translate(102.238 311.744)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-38.238c-6.605 0-11.991-5.386-11.991-11.991V-130.48c0-6.605 5.386-12.019 11.991-12.019H0"
transform="translate(459.991 323.99)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-28.998 0-52.525-23.5-52.525-52.498 0-28.999 23.527-52.498 52.525-52.498"
transform="translate(409.762 305.252)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c28.913 0 52.497 23.584 52.497 52.498 0 28.914-23.584 52.498-52.497 52.498s-52.497-23.584-52.497-52.498C-52.497 23.584-28.913 0 0 0Z"
transform="translate(255.986 206.748)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.057"
transform="translate(256.043 76.75)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category