Add icons to this collection by clicking the heart icon.
Wave icon - also known as water, summer, nature, sea, ocean, wave, beach, and waves. Created in a clean gradient style with a white, teal, navy, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="312.295"
x2="300.242"
y1="263.018"
y2="395.601"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00bfd7" />
<stop offset="1" stop-color="#3ccbde" />
</linearGradient>
<linearGradient
id="b"
x1="248.638"
x2="437.469"
y1="147.585"
y2="329.72"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3ccbde" />
<stop offset="1" stop-color="#81d9e7" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="361.513"
y1="163.483"
y2="163.483"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#81d9e7" />
<stop offset="1" stop-color="#b5e9f1" />
</linearGradient>
<path
fill="url(#a)"
d="M112.526 236.595s17.724 95.93-24.302 194.559c-7.595 17.825 10.627 35.778 28.264 27.756 46.975-21.367 112.496-38.025 180.891-14.087 54.793 19.177 108.523 24.886 146.745 26.036 32.535.979 60.291-23.248 64.024-55.583 12.266-106.259 9.553-332.815-234.2-342.764 0 3.907-161.422 164.083-161.422 164.083z"
/>
<path
fill="#00a8c3"
d="M336.493 254.227c1.978-5.493 5.973-10.063 11.292-12.47 20.6-9.32 33.059-26.113 40.097-41.058 5.216-11.076-1.702-23.977-13.554-26.312-9.82-1.935-16.617 2.69-20.265 10.315-3.138 6.56-8.978 14.496-19.843 21.318-.398-.379-28.666.418-33.045 34.657-.617 0-1.473 9.288-11.094 20.71-5.74 6.815-5.657 17.004.043 23.991 7.142 8.754 20.545 9.01 27.923.454a100.503 100.503 0 0 0 18.446-31.605z"
/>
<path
fill="#0093af"
d="M322.169 337.968c-.066-11.005-9.007-19.88-19.997-19.88h-.123c-11.046.066-19.946 9.075-19.88 20.12.249 41.305-8.954 76.209-16.709 98.209a208.147 208.147 0 0 1 31.92 8.407c2.26.791 4.516 1.558 6.771 2.304 8.732-25.417 18.291-63.73 18.018-109.16zM177.91 399.71c-10.294-4.005-16.194-14.763-12.738-25.254 20.889-63.413 5.803-155.807 5.647-156.732-1.821-10.895 5.533-21.203 16.428-23.025 10.89-1.822 21.203 5.533 23.025 16.428.698 4.178 16.835 103.158-7.108 175.846-2.771 8.412-12.965 17.517-25.254 12.737z"
/>
<path
fill="url(#b)"
d="M273.948 72.514c0 2.485-65.348 68.232-112.887 115.733l168.791 9.132s110.336 65.145 43.753 266.679c26.363 4.357 50.559 6.201 70.52 6.802 32.535.98 60.291-23.247 64.024-55.583 12.265-106.259 9.552-332.814-234.201-342.763z"
/>
<path
fill="#e9fdff"
d="M473.746 408.03c-5.5-.494-9.555-5.36-9.057-10.861 1.309-14.45 2.036-28.853 2.163-42.81.051-5.491 4.519-9.909 9.998-9.909h.093c5.522.051 9.959 4.568 9.909 10.091-.133 14.496-.888 29.445-2.245 44.434-.47 5.192-4.614 9.616-10.861 9.055z"
/>
<path
fill="#00bfd7"
d="M363.648 232.048c11.472-9.146 19.228-20.717 24.234-31.349 5.216-11.077-1.702-23.977-13.554-26.312-9.819-1.935-16.617 2.69-20.265 10.315-2.747 5.741-7.563 12.536-16.006 18.717 6.535 5.422 16.138 14.715 25.591 28.629z"
/>
<path
fill="url(#c)"
d="M348.897 129.421c-7.391-8.53-16.822-14.037-26.849-16.529-8.025-1.994-14.088-8.701-15.489-16.851-4.116-23.941-21.323-44.701-46.175-52.139-22.517-6.739-45.801-.894-62.318 13.461-9.9 8.604-24.722 8.609-34.619.001-14.258-12.4-33.705-18.627-53.824-15.405-28.664 4.59-50.044 26.977-54.683 54.081-1.395 8.152-7.464 14.858-15.491 16.855-10.021 2.493-19.446 7.999-26.833 16.524-16.822 19.413-16.822 48.719 0 68.132 7.389 8.527 16.815 14.033 26.839 16.525 8.053 2.002 14.092 8.752 15.503 16.93 4.59 26.609 25.325 48.751 53.441 53.797 20.558 3.69 40.592-2.563 55.177-15.32 9.957-8.709 24.805-8.171 34.851.436 15.113 12.949 35.879 18.948 56.843 14.461 27.13-5.807 46.769-27.5 51.27-53.248 1.437-8.219 7.424-15.042 15.522-17.056 10.023-2.493 19.449-7.999 26.837-16.526 16.819-19.414 16.818-48.717-.002-68.129z"
/>
<ellipse cx="92.871" cy="195.834" fill="#ffb0d0" rx="14.936" ry="12.003" />
<ellipse cx="268.642" cy="195.834" fill="#ffb0d0" rx="14.936" ry="12.003" />
<circle cx="118.478" cy="166.217" r="29.618" fill="#fff" />
<circle cx="130.443" cy="166.217" r="17.652" fill="#383842" />
<circle cx="243.035" cy="166.217" r="29.618" fill="#fff" />
<circle cx="254.938" cy="166.217" r="17.652" fill="#383842" />
<ellipse cx="180.756" cy="188.669" fill="#383842" rx="13.252" ry="17.352" />
<circle cx="474.648" cy="317.453" r="10" fill="#e9fdff" />
</svg>
More icons in the same style and category