Add icons to this collection by clicking the heart icon.
Soccer Field icon - also known as game, football, baseball, gaming, field, soccer field, football field, sportive, and sports and competition. Created in a clean lineal 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="512"
    height="512"
    viewBox="0 0 64 64"
>
    <defs>
        <linearGradient
            id="a"
            x1=".379"
            x2="60.78"
            y1="63.621"
            y2="3.22"
            gradientUnits="userSpaceOnUse"
        >
            <stop offset="0" stop-color="#003f8a" />
            <stop offset=".518" stop-color="#00d7df" />
            <stop offset="1" stop-color="#006df0" />
        </linearGradient>
        <linearGradient
            id="b"
            x1="3.379"
            x2="63.78"
            y1="66.621"
            y2="6.22"
            href="#a"
        />
        <linearGradient
            id="c"
            x1="5.629"
            x2="66.03"
            y1="68.871"
            y2="8.47"
            href="#a"
        />
        <linearGradient
            id="d"
            x1="-16.121"
            x2="44.28"
            y1="47.121"
            y2="-13.28"
            href="#a"
        />
        <linearGradient
            id="e"
            x1="-7.621"
            x2="52.78"
            y1="55.621"
            y2="-4.78"
            href="#a"
        />
        <linearGradient
            id="f"
            x1="8.379"
            x2="68.78"
            y1="71.621"
            y2="11.22"
            href="#a"
        />
        <linearGradient
            id="g"
            x1="16.879"
            x2="77.28"
            y1="80.121"
            y2="19.72"
            href="#a"
        />
    </defs>
    <g>
        <path
            d="M50 1H14a1 1 0 0 0-1 1v60a1 1 0 0 0 1 1h36a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1Zm-4.9 60H41v-7a1 1 0 0 0-1-1h-3.1a4.957 4.957 0 0 0-1.362-2.537A5 5 0 0 0 27.1 53H24a1 1 0 0 0-1 1v7h-4.1a5.016 5.016 0 0 0-3.9-3.9V33h9.069a7.993 7.993 0 0 0 15.862 0H49v24.1a5.016 5.016 0 0 0-3.9 3.9Zm-10.281-8h-5.638a2.969 2.969 0 0 1 .7-1.123 3.005 3.005 0 0 1 4.246 0A2.969 2.969 0 0 1 34.819 53ZM18.9 3H23v7a1 1 0 0 0 1 1h3.1a5 5 0 0 0 9.8 0H40a1 1 0 0 0 1-1V3h4.1A5.016 5.016 0 0 0 49 6.9V31h-9.069a7.993 7.993 0 0 0-15.862 0H15V6.9A5.016 5.016 0 0 0 18.9 3Zm10.282 8h5.638a2.969 2.969 0 0 1-.7 1.123 3.005 3.005 0 0 1-4.246 0A2.969 2.969 0 0 1 29.181 11ZM26.09 31a5.993 5.993 0 0 1 11.82 0Zm11.82 2a5.993 5.993 0 0 1-11.82 0ZM49 4.816A3 3 0 0 1 47.184 3H49ZM36 3v3h-8V3ZM26 3v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3h1v6H25V3Zm-9.184 0A3 3 0 0 1 15 4.816V3ZM15 59.184A3 3 0 0 1 16.816 61H15ZM28 61v-3h8v3Zm10 0v-4a1 1 0 0 0-1-1H27a1 1 0 0 0-1 1v4h-1v-6h14v6Zm9.184 0A3 3 0 0 1 49 59.184V61Z"
            fill="url(#a)"
        />
        <path d="M41 29h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2Z" fill="url(#b)" />
        <path d="M46 29h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2Z" fill="url(#c)" />
        <path
            d="M10 16H5a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1ZM9 29H6V18h3Z"
            fill="url(#d)"
        />
        <path
            d="M10 33H5a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V34a1 1 0 0 0-1-1ZM9 46H6V35h3Z"
            fill="url(#e)"
        />
        <path
            d="M59 16h-5a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1Zm-1 13h-3V18h3Z"
            fill="url(#f)"
        />
        <path
            d="M59 33h-5a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V34a1 1 0 0 0-1-1Zm-1 13h-3V35h3Z"
            fill="url(#g)"
        />
    </g>
</svg>
More icons in the same style and category