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 flat style with a white, silver, 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 0c55.25 0 100.04-44.789 100.04-100.04 0-55.25-44.79-100.04-100.04-100.04v-44.758h236.049V0Z"
            transform="translate(177.693 443.69)"
            fill="#21bfe8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c55.25 0 100.04-44.789 100.04-100.04 0-55.25-44.79-100.04-100.04-100.04v-44.758h181.324V0Z"
            transform="translate(232.418 443.69)"
            fill="#21ccf4"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h134.195c49.086 0 88.879 39.793 88.879 88.88 0 24.543-9.948 46.763-26.032 62.847l64.085 64.085c32.484-32.485 52.577-77.362 52.577-126.932 0-99.14-80.369-179.509-179.509-179.509H0c-25.027 0-45.315 20.288-45.315 45.314C-45.315-20.288-25.027 0 0 0"
            transform="translate(177.693 243.611)"
            fill="#5bd7ff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c0 16.564-10.553 30.658-25.3 35.939-4.994 26.528-28.271 46.602-56.249 46.602-16.789 0-31.89-7.227-42.362-18.738-10.473 11.511-25.574 18.738-42.362 18.738-16.789 0-31.89-7.227-42.362-18.738-10.473 11.511-25.573 18.738-42.362 18.738-27.979 0-51.255-20.074-56.249-46.602-14.748-5.281-25.301-19.375-25.301-35.939 0-16.361 10.297-30.312 24.761-35.741 3.537-28.225 27.604-50.067 56.789-50.067 16.789 0 31.889 7.227 42.362 18.738 10.472-11.511 25.573-18.738 42.362-18.738 16.788 0 31.889 7.227 42.362 18.738 10.472-11.511 25.573-18.738 42.362-18.738 29.184 0 53.251 21.842 56.789 50.067C-10.296-30.312 0-16.361 0 0"
            transform="translate(464.925 429.459)"
            fill="#a5e7ff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c0 1.236.053 2.459.13 3.676a56.98 56.98 0 0 0-27.6-7.088c-31.621 0-57.254 25.633-57.254 57.253 0 14.832 5.64 28.346 14.892 38.516-10.473 11.512-25.573 18.738-42.362 18.738-27.979 0-51.255-20.074-56.249-46.601-14.747-5.282-25.3-19.376-25.3-35.94 0-16.361 10.296-30.311 24.76-35.741 3.538-28.225 27.604-50.067 56.789-50.067 16.789 0 31.889 7.227 42.362 18.739 10.473-11.512 25.573-18.739 42.362-18.739s31.889 7.227 42.362 18.739C5.64-28.346 0-14.832 0 0"
            transform="translate(326.122 400.905)"
            fill="#5bd7ff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v91.652c0 17.567 20.53 27.21 33.988 15.919 14.441-12.117 24.359-28.602 51.347-28.602 42.667 0 42.667 41.206 85.334 41.206 42.666 0 42.666-41.206 85.331-41.206 42.665 0 42.665 41.206 85.331 41.206 42.667 0 42.667-41.206 85.334-41.206 26.988 0 36.906 16.485 51.347 28.602C491.47 118.862 512 109.219 512 91.652V0L256-45.229Z"
            transform="translate(0 177.835)"
            fill="#a5e7ff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-14.442-12.116-24.359-28.602-51.347-28.602-42.667 0-42.667 41.206-85.335 41.206-42.665 0-42.665-41.206-85.33-41.206-42.666 0-42.666 41.206-85.331 41.206-14.257 0-23.751-4.601-31.664-10.728-21.895-16.954-53.671-1.769-53.671 25.923-26.987 0-36.905 16.486-51.347 28.602-13.458 11.291-33.987 1.649-33.987-15.918v-91.652l256-45.229 256 45.229v35.25C33.988 1.649 13.458 11.291 0 0"
            transform="translate(478.012 229.004)"
            fill="#5bd7ff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c84.692 24.126 144.785 56.172 304.419 56.172v-82.415H0Z"
            transform="translate(207.582 121.663)"
            fill="#ffe1bd"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-256 0-256 82.414-512 82.414V-43.911c0-28.448 23.061-51.51 51.509-51.51h408.982C-23.061-95.421 0-72.359 0-43.911z"
            transform="translate(512 95.42)"
            fill="#fff2cf"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v123.01c-24.344 2.112-51.509 3.316-82.414 3.316V0c0-28.448 23.061-51.509 51.509-51.509h82.414C23.061-51.509 0-28.448 0 0"
            transform="translate(82.415 51.51)"
            fill="#ffe1bd"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
    </g>
</svg>
More icons in the same style and category