Add icons to this collection by clicking the heart icon.
Surfing icon - also known as sports, surfing, beach, surf, equipment, Surfboard, and sports and competition. Created in a clean lineal color style with a gray, black, teal, navy, 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 0a90.56 90.56 0 0 0-4.392 49.488 90.569 90.569 0 0 0-49.488 4.393.636.636 0 0 0-.378.81c3.422 9.551 49.9 134.387 189.458 273.944 191.957 191.958 281.995 170.408 298.899 163.7a7.757 7.757 0 0 0 4.356-4.356c6.708-16.903 28.257-106.942-163.7-298.899C135.198 49.522 10.362 3.044.811-.378A.637.637 0 0 0 0 0"
transform="translate(61.797 7.917)"
fill="#26a69a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.756 7.756 0 0 1-4.356 4.355C-10.434 6.768-25.97 11.099-52.3 6.731c3.502-.776 6.141-1.66 7.944-2.376A7.756 7.756 0 0 0-40 0c6.708-16.903 28.258-106.942-163.7-298.899-99.096-99.097-190.754-151.251-239-174.395a90.598 90.598 0 0 1 4.245-14.685.637.637 0 0 1 .811-.378c9.551 3.421 134.387 49.9 273.944 189.458C28.258-106.942 6.708-16.903 0 0"
transform="translate(500.252 495.897)"
fill="#00796b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.532-19.887-44.42-44.419-44.42-24.532 0-44.419 19.888-44.419 44.42 0 24.531 19.887 44.419 44.419 44.419C-19.887 44.419 0 24.531 0 0"
transform="translate(426.315 381.897)"
fill="#ffca28"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a44.19 44.19 0 0 0 6.906-23.773c0-24.533-19.887-44.42-44.42-44.42-2.562 0-5.069.229-7.513.645 7.878-12.405 21.729-20.645 37.513-20.645 24.533 0 44.42 19.887 44.42 44.42C36.906-21.804 20.952-3.571 0 0"
transform="translate(389.41 425.67)"
fill="#ffa000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 79.02 79.02c-.022 13.551-2.585 22.204-4.244 26.384a7.77 7.77 0 0 1-4.36 4.361c-4.181 1.659-12.833 4.221-26.385 4.243l-79.019-79.019C-17.351 31.531-3.458 17.639 0 0"
transform="translate(425.477 390.488)"
fill="#5c6bc0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.773 7.773 0 0 1-4.361 4.36c-4.181 1.66-12.833 4.222-26.385 4.244l-4.068-4.069c.151-.058.311-.118.453-.175A7.773 7.773 0 0 0-30 0c.083-.209.168-.43.255-.661 4.973-13.225 1.562-28.149-8.428-38.14l-46.388-46.387a44.254 44.254 0 0 0 9.785-20.216L4.243-26.385C4.221-12.833 1.659-4.181 0 0"
transform="translate(500.253 495.893)"
fill="#303f9f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-315.745-315.745a90.565 90.565 0 0 1 34.835-.153 90.546 90.546 0 0 1 .154-34.835L34.989-34.988C17.351-31.53 3.458-17.638 0 0"
transform="translate(338.315 373.304)"
fill="#5c6bc0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.676-.13-1.355-.225-2.033-.338.641-.108 1.281-.224 1.924-.317.04.218.067.437.109.655"
transform="translate(27.405 57.405)"
fill="#5c6bc0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20.215-20.216c.063-.075.127-.149.192-.223 10.298-11.912 9.897-29.665-1.237-40.798l-260.553-260.554a90.551 90.551 0 0 1 1.057-28.942L34.989-34.988C17.351-31.53 3.458-17.638 0 0"
transform="translate(338.315 373.304)"
fill="#303f9f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a1023.115 1023.115 0 0 1 60.959 56.244c191.958 191.957 170.408 281.996 163.7 298.9a7.759 7.759 0 0 1-4.356 4.355c-16.904 6.708-106.942 28.258-298.899-163.699C-218.154 56.242-264.632-68.594-268.054-78.145a.636.636 0 0 1 .378-.81 90.569 90.569 0 0 1 49.488-4.393 90.57 90.57 0 0 1 4.392-49.488.639.639 0 0 1 .811-.378c7.453 2.67 85.098 31.56 185.158 110.425"
transform="translate(275.593 140.753)"
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 79.02 79.02"
transform="translate(425.477 390.488)"
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-79.019-79.019"
transform="translate(469.508 504.496)"
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-210.52-210.511"
transform="translate(233.09 268.07)"
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-80.48-80.479"
transform="translate(338.32 373.3)"
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 315.745 315.745"
transform="translate(57.559 22.57)"
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-48.066-48.066"
transform="translate(133.784 133.784)"
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-48.066-48.067"
transform="translate(123.042 192.594)"
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-48.066-48.066"
transform="translate(192.593 123.042)"
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-6.518-7.729-10.453-17.709-10.453-28.611 0-24.533 19.888-44.42 44.419-44.42 24.533 0 44.42 19.887 44.42 44.42 0 24.531-19.887 44.419-44.42 44.419-.772 0-1.54-.021-2.302-.06"
transform="translate(347.93 410.508)"
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