Add icons to this collection by clicking the heart icon.
Pier icon - also known as nature, sea, sailing, lake, dock, pier, quay, and architecture and city. Created in a clean flat style with a white, silver, gray, maroon, orange, 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 64 64"
>
<path
fill="#c7e2fc"
d="m62 56-2.4-1.8a6.001 6.001 0 0 0-7.2 0l-.8.6a6.001 6.001 0 0 1-7.2 0l-.8-.6a6.001 6.001 0 0 0-7.2 0l-.8.6a6.001 6.001 0 0 1-7.2 0l-.8-.6a6.001 6.001 0 0 0-7.2 0l-.8.6a6.001 6.001 0 0 1-7.2 0l-.8-.6a6.001 6.001 0 0 0-7.2 0L2 56v-6l2.4-1.8a6.001 6.001 0 0 1 7.2 0l.8.6a6.001 6.001 0 0 0 7.2 0l.8-.6a6.001 6.001 0 0 1 7.2 0l.8.6a6.001 6.001 0 0 0 7.2 0l.8-.6a6.001 6.001 0 0 1 7.2 0l.8.6a6.001 6.001 0 0 0 7.2 0l.8-.6a6.001 6.001 0 0 1 7.2 0L62 50z"
/>
<path
fill="#a1cdfb"
d="m62 62-2.4-1.8a6.001 6.001 0 0 0-7.2 0l-.8.6a6.001 6.001 0 0 1-7.2 0l-.8-.6a6.001 6.001 0 0 0-7.2 0l-.8.6a6.001 6.001 0 0 1-7.2 0l-.8-.6a6.001 6.001 0 0 0-7.2 0l-.8.6a6.001 6.001 0 0 1-7.2 0l-.8-.6a6.001 6.001 0 0 0-7.2 0L2 62v-6l2.4-1.8a6.001 6.001 0 0 1 7.2 0l.8.6a6.001 6.001 0 0 0 7.2 0l.8-.6a6.001 6.001 0 0 1 7.2 0l.8.6a6.001 6.001 0 0 0 7.2 0l.8-.6a6.001 6.001 0 0 1 7.2 0l.8.6a6.001 6.001 0 0 0 7.2 0l.8-.6a6.001 6.001 0 0 1 7.2 0L62 56z"
/>
<g fill="#976947">
<path
d="M20 36v12.5l.4-.3A6.001 6.001 0 0 1 24 47V36zM12 36v12.5l-.4-.3A6.001 6.001 0 0 0 8 47V36zM44 36v12.5l.4.3A6.001 6.001 0 0 0 48 50V36zM36 36v12.5l-.4.3A6.001 6.001 0 0 1 32 50V36zM5 21h4v8H5zM13 21h4v8h-4zM21 21h4v8h-4zM29 21h4v8h-4zM37 21h4v8h-4zM45 21h4v8h-4z"
/>
</g>
<path fill="#674025" d="M52 33H2v-4h50a2 2 0 1 1 0 4z" />
<path
fill="#d5cec2"
d="M14 33a4 4 0 0 1-8 0M26 33a4 4 0 0 1-8 0M38 33a4 4 0 0 1-8 0M50 33a4 4 0 0 1-8 0"
/>
<path fill="#674025" d="M2 18h50v3H2z" />
<path
fill="#d5cec2"
d="M18 13h2v5h-2zM6 13h2v5H6zM30 13h2v5h-2zM42 13h2v5h-2z"
/>
<circle cx="57" cy="7" r="5" fill="#f2c351" />
<ellipse cx="56" cy="7" fill="#f7d881" rx="4" ry="4.899" />
<circle cx="19" cy="12" r="2" fill="#f2c351" />
<circle cx="7" cy="12" r="2" fill="#f2c351" />
<circle cx="31" cy="12" r="2" fill="#f2c351" />
<circle cx="43" cy="12" r="2" fill="#f2c351" />
<path
fill="#f7d881"
d="M8.454 10.634A1.99 1.99 0 0 0 7 10a2 2 0 0 0-2 2c0 .632.299 1.189.757 1.556a3.301 3.301 0 0 0 2.697-2.922zM20.454 10.634A1.99 1.99 0 0 0 19 10a2 2 0 0 0-2 2c0 .632.299 1.189.757 1.556a3.301 3.301 0 0 0 2.697-2.922zM32.454 10.634A1.99 1.99 0 0 0 31 10a2 2 0 0 0-2 2c0 .632.299 1.189.757 1.556a3.301 3.301 0 0 0 2.697-2.922zM44.454 10.634A1.99 1.99 0 0 0 43 10a2 2 0 0 0-2 2c0 .632.299 1.189.757 1.556a3.301 3.301 0 0 0 2.697-2.922z"
/>
<path
fill="#e7e4dd"
d="M47.632 33H42a3.998 3.998 0 0 0 2.488 3.7 4.844 4.844 0 0 0 3.144-3.7zM35.632 33H30a3.998 3.998 0 0 0 2.488 3.7 4.844 4.844 0 0 0 3.144-3.7zM23.632 33H18a3.998 3.998 0 0 0 2.488 3.7 4.844 4.844 0 0 0 3.144-3.7zM11.632 33H6a3.998 3.998 0 0 0 2.488 3.7 4.844 4.844 0 0 0 3.144-3.7z"
/>
</svg>
More icons in the same style and category