Island icon

game-icons:island

The Island icon (game-icons:island) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M80.87 28.32c-10.027.162-20.065 3.47-29.706 11.055C79.26 31.458 116.008 60.67 128.582 94.5c-33.088 2.865-77.492 21.193-92.373 60.79c45.182-35.396 77.437-49.508 97.192-28.644c-20.36 20.232-37.693 49.855-34.722 77.06c8.497-19.502 30.642-47.206 53.763-56.956q-.026.37-.037.74c0 9.698 7.86 17.56 17.56 17.56a17.56 17.56 0 0 0 14.003-7.005c43.084 62.306 46.703 103.963 46.99 171.13c1.22 3.765 3.31 13.657 8.712 13.323c2.138-.15 7.886-4.198 9.24-14.906c-.658-72.08-6.662-120.87-59.648-192.89q.132-.654.244-1.335c12.77-25.514 63.138-12.534 85.207-7.342c-19.952-24.276-63.064-33.383-91.26-30.154c6.987-23.99 41.58-35.786 79.522-39.88c-35.283-14.532-83.623-2.6-108.498 18.582c-18.92-23.63-46.22-46.692-73.61-46.252zM316.444 88.3c-14.417-.27-30.606 5.297-47.838 19.68c55.587-9.758 66.225 13.936 65.26 41.247c-27.864-3.965-65.48 2.288-83.724 24.488c15.247-3.588 43.993-5.876 64.527 1.6a17.55 17.55 0 0 0-3.293 10.21c0 9.697 7.86 17.558 17.557 17.56a17.7 17.7 0 0 0 3.447-.36c-29.184 40.13-43.586 77.41-49.65 109.765a288 288 0 0 1 17.78 2.49c6.267-33.1 22.157-72.1 56.822-115.246a17.55 17.55 0 0 0 13.19 6.002a17.56 17.56 0 0 0 17.283-14.578c24.362 2.404 52.773 19.613 66.91 34.192c-6.48-25.342-31.1-46.236-56.117-58.325c20.007-20.112 64.557-27.84 85.123-26.85c-48.212-22.24-87.34-20.276-110.062-9.238c-9.94-21.647-30.544-42.133-57.213-42.636zM18 327v18h100.234c14.542-6.786 29.8-12.894 45.434-18zm330.69 0c15.736 5.106 31.102 11.213 45.736 18H494v-18zm-81.858 2.29c-1.966 17.012-11.84 30.178-25.898 31.165c-17.093-1.086-24.48-13.605-27.6-27.437c-33.38 5.94-67.274 18.015-97.31 33.033c-36.807 18.405-67.758 41.478-84.942 61.233c4.887 1.483 10.322 3.123 17 4.844c16.234 4.183 36.103 7.82 47.176 6.904c8.815-.73 18.05-5.583 28.39-11.27s21.82-12.22 35.834-13.026c19-1.092 36.012 5.71 51.84 12.04c15.828 6.332 30.557 12.207 44.69 12.226c8.875.012 18.36-3.293 28.83-7.22c10.47-3.925 21.902-8.468 34.943-8.778c30.896-.735 56.652 15.618 80.36 16c14.596.235 38.53-3.61 58.222-7.625c8.712-1.776 16.05-3.47 22.18-4.91c-16.61-19.392-47.196-42.19-83.774-60.38c-39.91-19.846-86.81-34.618-129.94-36.798zm-97.768 109.66c-17.693.86-35.45 8.61-51.22 16.005c-9.012 4.226-17.343 8.447-24.168 11.486C86.85 469.48 81.11 471 80 471c-25.66 0-48.943-12.707-62-21.492v21.472C33.352 479.837 55.207 489 80 489c7.268 0 13.51-2.78 20.998-6.115s15.8-7.56 24.488-11.633c17.376-8.147 36.382-15.234 49.875-14.275c8.73.62 17.46 6.266 27.45 13.51c9.993 7.246 21.062 16.013 35.75 18.396c21.05 3.416 40.977-2.01 59.72-7.215c18.745-5.204 36.403-10.194 52.91-8.705c6 .54 11.362 3.603 18.867 7.564C377.562 484.487 387.252 489 400 489c14.94 0 38.64-4.13 59.537-8.164c15.083-2.91 28.2-5.772 34.463-7.166v-18.39l-.012-.05c0-.002-17.313 3.968-37.863 7.934S411.277 471 400 471c-8.694 0-14.606-2.73-21.54-6.39c-6.936-3.66-14.852-8.6-25.65-9.573c-21.053-1.898-40.784 4.134-59.343 9.287s-35.852 9.418-52.026 6.793c-8.856-1.437-17.89-7.824-28.063-15.2c-10.174-7.378-21.676-15.823-36.738-16.894c-2.6-.177-5.16-.19-7.576-.074z"/></svg>

How to use the Island icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:island" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:island" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:island" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--island]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:island"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:island"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/island.svg" alt="Island icon" width="24" height="24">

Island icon in other icon sets

Island icon FAQ

Is the Island 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 Island icon in React?

Install @iconify/react and render <Icon icon="game-icons:island" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Island icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/island.svg" alt="Island icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →