Add icons to this collection by clicking the heart icon.
Ocean icon - also known as water, summer, nature, sea, ocean, wave, and beach. Created in a clean lineal color style with a white, silver, black, 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 0c53.632 0 97.109-43.477 97.109-97.109S53.632-194.218 0-194.218v-43.447h229.133V0Z"
transform="translate(179.987 438.192)"
fill="#21bfe8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c53.632 0 97.109-43.477 97.109-97.109S53.632-194.218 0-194.218v-43.447h176.011V0Z"
transform="translate(233.109 438.192)"
fill="#21ccf4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h130.263c47.649 0 86.276 38.627 86.276 86.276 0 23.824-9.657 45.393-25.27 61.006l62.207 62.207c31.533-31.533 51.037-75.095 51.037-123.213 0-96.236-78.014-174.25-174.25-174.25H0c-24.293 0-43.987 19.694-43.987 43.987C-43.987-19.694-24.293 0 0 0"
transform="translate(179.987 243.974)"
fill="#5bd7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.078-10.244 29.76-24.559 34.887-4.848 25.75-27.442 45.236-54.601 45.236-16.297 0-30.955-7.015-41.121-18.19-10.166 11.175-24.824 18.19-41.121 18.19s-30.955-7.015-41.121-18.19c-10.166 11.175-24.824 18.19-41.121 18.19-27.159 0-49.753-19.486-54.601-45.236C-312.56 29.76-322.804 16.078-322.804 0c0-15.881 9.995-29.424 24.035-34.694 3.434-27.398 26.796-48.6 55.125-48.6 16.297 0 30.955 7.015 41.121 18.189 10.166-11.174 24.824-18.189 41.121-18.189s30.955 7.015 41.121 18.189c10.166-11.174 24.824-18.189 41.121-18.189 28.329 0 51.691 21.202 55.125 48.6C-9.995-29.424 0-15.881 0 0"
transform="translate(458.804 424.377)"
fill="#a5e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 1.2.051 2.387.126 3.568a55.319 55.319 0 0 0-26.791-6.881c-30.694 0-55.577 24.883-55.577 55.577 0 14.397 5.475 27.515 14.456 37.387-10.166 11.175-24.824 18.189-41.121 18.189-27.159 0-49.753-19.485-54.601-45.236-14.315-5.127-24.559-18.808-24.559-34.886 0-15.882 9.994-29.424 24.035-34.694 3.434-27.399 26.795-48.601 55.125-48.601 16.297 0 30.955 7.015 41.121 18.19 10.166-11.175 24.824-18.19 41.121-18.19s30.955 7.015 41.121 18.19C5.475-27.515 0-14.397 0 0"
transform="translate(324.067 396.66)"
fill="#5bd7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v88.967c0 17.052 19.928 26.412 32.992 15.452 14.019-11.761 23.646-27.764 49.843-27.764 41.417 0 41.417 39.999 82.834 39.999 41.416 0 41.416-39.999 82.831-39.999 41.415 0 41.415 39.999 82.831 39.999 41.417 0 41.417-39.999 82.834-39.999 26.197 0 35.824 16.003 49.843 27.764 13.064 10.96 32.992 1.6 32.992-15.452V0L248.5-43.904Z"
transform="translate(7.5 180.125)"
fill="#a5e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.019-11.761-23.646-27.764-49.843-27.764-41.417 0-41.417 39.999-82.834 39.999-41.416 0-41.416-39.999-82.831-39.999-41.415 0-41.415 39.999-82.831 39.999-13.839 0-23.055-4.466-30.736-10.414-21.254-16.457-52.098-1.717-52.098 25.164-26.197 0-35.824 16.003-49.843 27.764-13.064 10.96-32.992 1.6-32.992-15.452V-49.67l248.5-43.904 248.5 43.904v34.218C32.992 1.6 13.064 10.96 0 0"
transform="translate(471.508 229.795)"
fill="#5bd7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c82.211 23.419 140.543 54.526 295.5 54.526v-80H0Z"
transform="translate(209 125.6)"
fill="#ffe1bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-248.5 0-248.5 80-497 80V-42.625c0-27.614 22.386-50 50-50h397c27.614 0 50 22.386 50 50z"
transform="translate(504.5 100.125)"
fill="#fff2cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v119.406c-23.631 2.05-50 3.219-80 3.219V0c0-27.614 22.386-50 50-50h80C22.386-50 0-27.614 0 0"
transform="translate(87.5 57.5)"
fill="#ffe1bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-141.876 19.497-179.233 72.642-380.767 72.934"
transform="translate(389.935 107.19)"
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-31.505.033-59.004 1.356-83.517 3.639"
transform="translate(503.3 100.126)"
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 17.053-19.928 26.412-32.992 15.452-14.019-11.761-23.646-27.764-49.843-27.764-41.417 0-41.417 39.999-82.834 39.999-41.416 0-41.416-39.999-82.831-39.999-41.415 0-41.415 39.999-82.831 39.999-41.417 0-41.417-39.999-82.834-39.999-26.197 0-35.824 16.003-49.843 27.764C-477.072 26.412-497 17.053-497 0V-211.592c0-27.614 22.386-50 50-50h397c27.614 0 50 22.386 50 50v42.625z"
transform="translate(504.5 269.092)"
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.029-.969.043-1.941.043-2.916 0-32.952-16.412-62.07-41.508-79.626"
transform="translate(277.053 344)"
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.319-3.201.482-6.448.482-9.733 0-17.508-4.634-33.933-12.741-48.118"
transform="translate(329.736 350.816)"
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 0c10.687 14.364 17.01 32.167 17.01 51.446v.001c0 4.19-.298 8.311-.876 12.342"
transform="translate(379.516 278.803)"
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.008-26.346 25.227-57.274 25.227-90.355v0c0-14.118-1.679-27.843-4.848-40.987"
transform="translate(459.273 420.605)"
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 0c10.19 2.85 19.197 8.531 26.12 16.141C36.286 4.967 50.944-2.048 67.241-2.048s30.955 7.015 41.121 18.189c10.166-11.174 24.824-18.189 41.121-18.189 28.33 0 51.691 21.202 55.125 48.6 14.041 5.271 24.035 18.813 24.035 34.694 0 16.079-10.244 29.76-24.559 34.887-4.848 25.75-27.442 45.236-54.601 45.236-16.297 0-30.955-7.015-41.121-18.19-10.166 11.175-24.824 18.19-41.121 18.19s-30.955-7.015-41.121-18.19c-10.165 11.175-24.824 18.19-41.121 18.19-27.158 0-49.753-19.486-54.601-45.236-14.315-5.127-24.559-18.808-24.559-34.887 0-15.881 9.995-29.423 24.035-34.694C-67.336 24.291-51.39 6.12-30.313.089"
transform="translate(230.16 343.131)"
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 0c61.041 19.647 122.65 39.111 243.738 39.428"
transform="translate(257.763 140.693)"
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