Harbor Dock icon
game-icons:harbor-dock
The Harbor Dock icon (game-icons:harbor-dock) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- harbordock
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M17 17v104.2l86 23.7V17zm0 122.8c-1.4 99.4 1.35 296.5 1 296.7c.12 0 .23-.1.35-.2C31.89 428 48.05 419 64 419c15.97 0 27.59 10 37.6 18c10 8 18.5 14 26.4 14c3 0 6.1-.9 9.3-2.4l90.9-250.5zm86 68.2h18v18l23 5.2l-4 17.6l-19-4.3v58.9c1.2-1.4 2.3-2.7 3.4-4.2c5.6-7.5 9.6-15.3 9.6-15.3l16 8.2s-4.5 8.9-11.2 17.9c-3.3 4.4-7.2 9-11.9 12.7s-10.6 7-17.8 6.3c-8.2-.9-14.33-5.9-19.04-11.5c-4.7-5.5-8.35-12-11.36-18.3c-6.02-12.7-9.37-24.8-9.37-24.8l17.34-4.8s3.08 10.9 8.28 21.8c2.38 5 5.25 9.9 8.05 13.5v-64.5l-24.98-5.6l3.96-17.6l21.02 4.7zm132.8 22l-8.6 23.7c10.2 17.5 23.3 29.8 38.1 37.8c18.8 10.1 40.1 13.2 61.7 13.5v-18c-19.8-.3-38-3.3-53.2-11.4c-15.6-8.3-28.6-21.9-38-45.6m84.2 17v18h25v46h30v-46h25v-18zm-55 82v46h46v-46zm64 0v46h110v-46h-46zm128 0v46h30v-46zm-227.4 5.3c-2 .1-3.9.5-5.5 1.3c-3.1 1.5-5.6 3.9-7.9 6.6c-4.5 5.6-8.3 13.3-10.9 22.6c-2.6 9.2-3.7 18.2-3 26.4c.3 4.1 1 8 2.6 11.8c1.7 3.8 4.6 7.9 9 10c4.3 2.1 8.5 1.6 11.7.1c3.2-1.4 5.6-3.9 7.9-6.6c4.6-5.6 8.3-13.3 11-22.6c2.6-9.2 3.6-18.2 3-26.4c-.4-4-1-8-2.7-11.7c-1.7-3.9-4.6-8-8.9-10.1c-2.1-1.1-4.3-1.4-6.3-1.4m.7 21.1c0 .6.2.7.2 1.3c.4 4.7-.2 12-2.3 19.3s-5.2 13.3-7.9 16.5c-.3.5-.5.4-.8.8c-.1-.6-.2-.7-.3-1.3c-.4-4.7.3-12 2.4-19.3c2-7.3 5.2-13.3 7.8-16.5c.4-.5.6-.4.9-.8M265 393v46h110v-46zm128 0v46h94v-46zM64 437c-4.68 0-12.17 2.5-20.09 6.1c-9.03 3.4-17.74 8.4-25.57 13.2c-.12.1-.22.1-.34.2V478c2.94-2 6.22-4.1 9.77-6.3C40.26 464 56.1 457 64 457s16.34 6 26.37 14S112 489 128 489s27.6-10 37.6-18s18.5-14 26.4-14s23.8 7 36.2 14.7c8.3 5 15 9.9 18.8 12.7v-22c-2.8-2-6-4-9.3-6.1C224.1 448 208 439 192 439s-27.6 10-37.6 18s-18.5 14-26.4 14s-16.4-6-26.4-14c-7.14-5.7-15.08-12.4-24.8-15.8c-4.5-2.6-8.72-4.2-12.8-4.2m201 20v30h46v-30zm64 0v30h110v-30zm128 0v30h30v-30z"/></svg>How to use the Harbor Dock icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:harbor-dock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:harbor-dock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:harbor-dock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--harbor-dock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:harbor-dock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:harbor-dock"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/harbor-dock.svg" alt="Harbor Dock icon" width="24" height="24">Harbor Dock icon in other icon sets
Harbor Dock icon FAQ
Is the Harbor Dock icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Harbor Dock icon in React?
Install @iconify/react and render <Icon icon="game-icons:harbor-dock" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Harbor Dock icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/harbor-dock.svg" alt="Harbor Dock icon">, or paste the SVG code inline to style it with CSS.