Add icons to this collection by clicking the heart icon.
Surfing icon - also known as sports, summertime, surfing, beach, surf, equipment, Surfboard, and sports and competition. Created in a clean lineal color style with a white, silver, black, red, yellow, purple, and orange 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 0c0-92.38-33.238-140.2-33.238-140.2h-19.53S-86-92.38-86 0c0 94.225 31.575 119.003 40.609 124.165a4.806 4.806 0 0 0 4.776 0C-31.58 119.004 0 94.225 0 0"
transform="translate(185.92 263.394)"
fill="#ff3d7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 94.225-31.58 119.004-40.615 124.165a4.809 4.809 0 0 1-4.776 0C-37.171 109.859-30 63.417-30 0c0-92.38-3.238-140.2-3.238-140.2S0-92.38 0 0"
transform="translate(185.92 263.394)"
fill="#eb3870"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-2.5.028-4.959.076-7.394h85.848C85.971-4.959 86-2.5 86 0c0 17.047-1.038 31.811-2.784 44.606H2.784C1.037 31.811 0 17.047 0 0"
transform="translate(99.92 263.394)"
fill="#e6e6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 7.5H7.5V90h497z"
fill="#bdf9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.5 7.5h30V90h-30z"
fill="#8cf2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-497v32c0 19.882 16.118 36 36 36h425c19.882 0 36-16.118 36-36Z"
transform="translate(504.5 90)"
fill="#f2ac57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-10.118 0 6-16.118 6-36v-32h30v32C36-16.118 19.882 0 0 0"
transform="translate(468.5 158)"
fill="#e39e4b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.196-18.804-42-42-42S-84-23.196-84 0s18.804 42 42 42S0 23.196 0 0"
transform="translate(386 426.5)"
fill="#ffd740"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.582-17.463-7.722-40.269-7.722-69.979 0-46.62 8.46-81.89 16.85-105.39"
transform="translate(107.642 333.369)"
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 0c8.39 23.5 16.85 58.77 16.85 105.39 0 94.23-31.58 119.01-40.611 124.17-1.489.85-3.3.85-4.779 0-4.145-2.368-13.039-8.87-21.451-24.322"
transform="translate(169.07 158)"
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 0h12.449c19.882 0 36-16.118 36-36v-32h-497v32c0 19.882 16.118 36 36 36h380.179"
transform="translate(456.05 158)"
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-56.272v82.5h497V0H32.372"
transform="translate(63.773 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 0h15"
transform="translate(100.967 120)"
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 0h15"
transform="translate(206.617 133.153)"
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 0h15"
transform="translate(304.059 121.457)"
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 0h15"
transform="translate(396.033 133.153)"
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-23.196-18.804-42-42-42S-84-23.196-84 0s18.804 42 42 42S0 23.196 0 0Z"
transform="translate(386 426.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-16"
transform="translate(344 504.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-16"
transform="translate(344 364.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 0-11.313-11.313"
transform="translate(399.154 481.654)"
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-11.313-11.313"
transform="translate(300.16 382.66)"
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-16"
transform="translate(422 426.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-16"
transform="translate(282 426.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 0-11.313 11.313"
transform="translate(399.154 371.346)"
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-11.313 11.313"
transform="translate(300.16 470.34)"
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-80.432"
transform="translate(183.137 308)"
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 0h85.848"
transform="translate(99.997 256)"
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