At Sea icon
game-icons:at-sea
The At Sea icon (game-icons:at-sea) 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
- atsea
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256.438 14.188c-132.32 0-239.782 107.46-239.782 239.78S124.118 493.75 256.436 493.75c132.32 0 239.783-107.46 239.783-239.78S388.756 14.187 256.436 14.187zm0 17.906c122.653 0 221.875 99.222 221.875 221.875c0 4.52-.14 9.014-.407 13.468c-30.945 8.15-68.07-14.224-85.406-43.844c-47.56 66.05-89.736 73.192-129.156-1.563c-36.942 67.55-104.172 73.156-137.125 20.064c-33.724 45.983-56.65 52.056-91.064 28.562a226 226 0 0 1-.625-16.687c0-122.654 99.254-221.876 221.907-221.876zm138.5 245.22c20.212 40.226 58.603 27.536 81.968 1.56c-4.73 42.46-21.395 81.254-46.594 113c-33.743 18.582-58.868 7.2-89.562-45.624c-41.883 74.754-109.812 67.614-160.344 1.563c-17.546 28.218-62.92 49.844-97.28 44.78c-21.883-27.33-37.445-59.944-44.44-95.656c23.49 22.105 63.89 29.177 84.408-3.625c32.368 48.656 100.402 51.536 140.25-5.062c23.826 34.047 85.965 64.59 131.594-10.938zM177.813 401.5c48.48 75.528 137.623 45.016 162.937 10.97c17.197 19.63 37.55 20.796 57.688 12.06c-38.462 32.052-87.956 51.345-142 51.345c-54.692 0-104.714-19.757-143.375-52.5c24.17 8.208 50.552 4.72 64.75-21.875"/></svg>How to use the At Sea icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:at-sea" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:at-sea" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:at-sea" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--at-sea]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:at-sea"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:at-sea"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/at-sea.svg" alt="At Sea icon" width="24" height="24">Related icons in Game Icons
At Sea icon FAQ
Is the At Sea 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 At Sea icon in React?
Install @iconify/react and render <Icon icon="game-icons:at-sea" />, or use “Copy code” on this page to get a standalone React component.
How do I add the At Sea icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/at-sea.svg" alt="At Sea icon">, or paste the SVG code inline to style it with CSS.