Add icons to this collection by clicking the heart icon.
Surf icon - also known as summertime, surfing, sport, beach, surf, equipment, Surfboard, and sports and competition. Created in a clean lineal color style with a white, silver, black, and pink 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 0c-45.98 0-89.66-3.23-127.1-8.84L-93-60l-34.1-51.16C-89.66-116.77-45.98-120 0-120c50.19 0 246 10.57 246 60C246-26.86 132.55 0 0 0"
transform="translate(256 502)"
fill="#ffca80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M10 10h492v100H10Z"
fill="#00d7df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-76c0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30 0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30 0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30 0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30V0Z"
transform="translate(10 186)"
fill="#96fff6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-76c0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30 0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30 0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30 0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30V0c0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30 0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30 0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30 0-16.57 13.43-30 30-30h63C-13.43-30 0-16.57 0 0"
transform="translate(502 262)"
fill="#f2fde0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c0-49.648-40.228-90-90-90 18.398 36.796 19.357 81.263 0 120z"
transform="translate(409 442)"
fill="#f2fde0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 34.1-51.16L0-102.32C-70.5-91.771-118.9-72.8-118.9-51.16-118.9-29.521-70.5-10.55 0 0"
transform="translate(128.9 493.16)"
fill="#f2fde0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c0-5.87-.56-11.61-1.64-17.17C-9.65-88.67-46.16-120-90-120c9.89 19.78 14.6 41.39 14.13 62.92C-76.29-37.5-81.01-17.99-90 0"
transform="translate(409 442)"
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 0h246"
transform="translate(163 442)"
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-23.34-1.9-51.26-2.92-77.13-2.92-45.98 0-89.66 3.231-127.099 8.84-70.5 10.55-118.901 29.52-118.901 51.16 0 21.64 48.401 40.61 118.901 51.16 37.439 5.61 81.119 8.84 127.099 8.84 132.55 0 246-26.86 246-60 0-19.14-38.83-36.18-94.63-47.17"
transform="translate(333.13 384.92)"
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 0c0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30"
transform="translate(10 110)"
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 0c0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30"
transform="translate(379 110)"
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 0c0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30"
transform="translate(256 110)"
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 0c0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30"
transform="translate(379 110)"
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 0c0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30"
transform="translate(10 186)"
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 0v76"
transform="translate(10 80)"
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-76"
transform="translate(502 156)"
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 0c0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30"
transform="translate(379 186)"
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 0c0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30"
transform="translate(256 186)"
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 0c0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30"
transform="translate(379 186)"
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 0v106c0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30"
transform="translate(10 156)"
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 0c0-16.57 13.43-30 30-30h63c16.57 0 30 13.43 30 30v-106"
transform="translate(379 262)"
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 0c0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30"
transform="translate(256 262)"
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 0c0-16.57-13.43-30-30-30h-63c-16.57 0-30 13.43-30 30"
transform="translate(379 262)"
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 0 .131-.189L34.23-51.35.131-102.51 0-102.699"
transform="translate(128.77 493.35)"
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 0c0-5.522-4.478-10-10-10S-20-5.522-20 0s4.478 10 10 10S0 5.522 0 0"
transform="translate(266 10)"
fill="#020202"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-70h-201"
transform="translate(502 80)"
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-201v70"
transform="translate(211 10)"
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