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, maroon, olive, 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 0-31.629 52.707-83.613-23.122 44.75-90 25.25 15h19.5c16.568 0 30 13.432 30 30C4.258-9.778 2.704-4.505 0 0"
transform="translate(273.742 384.915)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-55c0-11 9-20 20-20l24.75-15L45-75.572v91.578z"
transform="translate(158.5 414.5)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.092-60.453c24.853 0 45 20.148 45 45z"
transform="translate(217.592 429.953)"
fill="#a45e43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.429-.321 10.634-.908 15.453l-41.095 20.546C-52.93 27.789-60 14.721-60 0c0-24.853 20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(218.5 414.5)"
fill="#c27749"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.898-39.832A89.821 89.821 0 0 1 45-45C45-20.147 24.853 0 0 0"
transform="translate(203.5 459.5)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a44.807 44.807 0 0 1-27.003-9.001c10.532-14.02 25.066-24.856 41.901-30.831C14.043-17.415 7.701 0 0 0"
transform="translate(203.5 459.5)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-45-30V90L0 45Z"
transform="translate(248.5 234.5)"
fill="#a45e43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60 30v45l60 45Z"
transform="translate(218.5 204.5)"
fill="#c27749"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l20-60h30v40C20-8.954 11.045 0 0 0"
transform="translate(228.5 339.5)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-11.046 0-20-8.954-20-20v-40h60v40C20-8.954 11.045 0 0 0"
transform="translate(198.5 339.5)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-15-22.5L-30-45v-30h45v35.335C15-24.454 9.329-10.575 0 0"
transform="translate(248.5 234.5)"
fill="#353535"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60c-9.329-10.575-15-24.454-15-39.665V-75h45v30H0Z"
transform="translate(218.5 234.5)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-258.01L0-467l40-30c21.61 79.17 35 149.63 35 238.99C75-161.59 46.46-64.56 0 0"
transform="translate(368.5 504.5)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-467l-40-30c-21.61 79.17-35 149.63-35 238.99C-75-161.59-46.46-64.56 0 0"
transform="translate(368.5 504.5)"
fill="#ffe2a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 31.628-52.707a29.855 29.855 0 0 0 4.258-15.415c0-16.568-13.431-30-30-30h-19.5"
transform="translate(242.114 437.622)"
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-55c0-11 9-20 20-20"
transform="translate(158.5 414.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 0c0-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(248.5 414.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 0c16.42-21.858 42.56-35.999 72.003-35.999"
transform="translate(176.497 450.498)"
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-142l30-10"
transform="translate(233.5 159.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-142l-30-10"
transform="translate(173.5 159.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 0h90"
transform="translate(158.5 234.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 0h90"
transform="translate(158.5 279.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 0v85c0 11.046-8.955 20-20 20h-50c-11.046 0-20-8.954-20-20V0c-9.329-10.575-15-24.454-15-39.665V-75h45v30h30v-30h45v35.335C15-24.454 9.329-10.575 0 0Z"
transform="translate(248.5 234.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(158.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 0c-46.456-64.56-75-161.59-75-258.014C-75-347.372-61.611-417.828-40-497l40 30 40-30c21.611 79.172 35 149.627 35 238.985C75-161.59 46.456-64.56 0 0Z"
transform="translate(368.5 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15"
transform="translate(368.5 97.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 0v15"
transform="translate(338.5 127.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 0v15"
transform="translate(398.5 127.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