Add icons to this collection by clicking the heart icon.
Surfer icon - also known as people, sports, man, summertime, beach, surf, surfer, humanpictos, and bodyboard. Created in a clean lineal color style with a gray, black, orange, 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 0h-30l15.634-277.307.108-.033A94.184 94.184 0 0 1 15-282l19.956 147.675A183.023 183.023 0 0 1 0 0"
transform="translate(421.894 404.567)"
fill="#2dade3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-61.789a183.028 183.028 0 0 1-34.956-134.325L-76.789-282a94.188 94.188 0 0 1 29.258 4.66 101.834 101.834 0 0 0 63.165.033l19.322 142.982A183.023 183.023 0 0 1 0 0"
transform="translate(391.894 404.567)"
fill="#49c9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(391 344.567)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-30-81.185 35-81.214V-205c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v115c8.964 4.993 15 14.315 15 25v45C20-8.954 11.045 0 0 0"
transform="translate(243.5 339.5)"
fill="#353535"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50c-11.046 0-20-8.954-20-20v-45c0-10.685 6.036-20.007 15-25v-115c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v42.601a44.889 44.889 0 0 1 15-2.571c5.261 0 10.307.911 15 2.571V-90c8.964 4.993 15 14.315 15 25v45C20-8.954 11.045 0 0 0"
transform="translate(213.5 339.5)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.871 0 25.973-7.537 32.46-18.732 1.578.563 3.269.886 5.04.886 8.284 0 15-6.716 15-15v-56.988l-90 .001V-37.5C-37.5-16.79-20.71 0 0 0"
transform="translate(196.177 504.5)"
fill="#ffe2a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100l45 45v10C45-20.14 24.85 0 0 0"
transform="translate(203.677 459.5)"
fill="#c27749"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.86 0-45-20.14-45-45v-10l60-45v55C15-20.14 8.28 0 0 0"
transform="translate(203.677 459.5)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15-65c24.85 0 45 20.15 45 45V0Z"
transform="translate(218.677 404.5)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20c0-24.85-6.72-45-15-45-24.86 0-45 20.15-45 45V0h30c2.45 5.87 8.24 10 15 10S-2.45 5.87 0 0"
transform="translate(218.677 404.5)"
fill="#ffe2a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(391 344.567)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-91.789a183.028 183.028 0 0 1-34.956-134.325L-106.789-282a94.188 94.188 0 0 1 29.258 4.66 101.841 101.841 0 0 0 63.273 0A94.184 94.184 0 0 1 15-282l19.956 147.675A183.023 183.023 0 0 1 0 0Z"
transform="translate(421.894 404.567)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30 10v102"
transform="translate(143.5 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-49.706 0-90 40.294-90 90"
transform="translate(143.5 319.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-80c-11.046 0-20-8.954-20-20v-45c0-10.685 6.035-20.007 15-25v-115c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v42.601a44.884 44.884 0 0 1 15-2.571c5.261 0 10.307.911 15 2.571V-205c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v115c8.964 4.993 15 14.315 15 25v45C20-8.954 11.045 0 0 0Z"
transform="translate(243.5 339.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v52.333c0 20.711 16.789 37.5 37.5 37.5 13.871 0 25.973-7.536 32.46-18.732a14.93 14.93 0 0 0 5.04.886c8.284 0 15-6.715 15-15V0"
transform="translate(158.677 414.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-24.853 0-45-20.147-45-45v-30c0-24.853 20.147-45 45-45s45 20.147 45 45v30C45-20.147 24.853 0 0 0Z"
transform="translate(203.677 459.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30c-2.449 5.872-8.241 10-15 10S-57.551 5.872-60 0h-30"
transform="translate(248.677 404.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-102l30-10"
transform="translate(233.5 119.5)"
fill="none"
stroke="#000"
stroke-width="15"
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