Buoy icon

game-icons:buoy

The Buoy icon (game-icons:buoy) 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="m332.53 21.45l-38.774 56.273l14.422 2.027l6.93.975l-1.948 13.863l-31.687-4.455l-1.256 8.912l-4.45 31.652l-.007.037l-.004.037l-7.654 54.427l-31.03-4.363l-1.79 8.14l-40.817 185.604c6.63-.623 12.886-1.17 18.79-1.63l3.35-15.24l134.624 18.93l-.984 15.587c5.568 2.076 11.38 4.294 17.61 6.732L380.33 200.98l-31.027-4.363l13.367-95.066l-31.69-4.456l1.95-13.862l21.353 3.002zM174.007 71.224c-15.522 3.527-31.163 14.648-45.994 28.476c-14.326-13.384-28.679-23.53-45.538-28.35l-4.95 17.304c15.107 4.32 28.602 14.202 44.112 29.71L128 124.73l6.363-6.367c15.35-15.35 32.643-27.09 43.63-29.588l-3.987-17.55zm142.03 42.213a23.6 23.6 0 0 1 3.526.23c12.685 1.784 21.358 13.294 19.575 25.978s-13.292 21.356-25.977 19.573c-12.684-1.785-21.36-13.295-19.576-25.98c1.616-11.495 11.224-19.694 22.45-19.803zm-27.17 53.355c5.884 5.357 13.364 9.068 21.786 10.252c8.424 1.184 16.637-.32 23.77-3.848l-2.943 20.912l-45.552-6.405l2.94-20.912zm-17.95 36.978l70.7 9.943l-38.762 20.06l-31.938-30.002zm-21.457 4.544l36.442 34.23l-49.617 25.68zm111.384 15.717l-3.82 60.624l-40.256-37.812l44.076-22.81zm-61.028 31.583l38.8 36.444l-85.886-12.077zm-69.423 39.405l124.873 17.558l-2.9 46.045l-131.882-18.544l9.91-45.058zm21.962 93.798c-23.248-.01-51.884 3.056-95.332 7.653L95.807 494h320.386l-18.384-63.674c-72.987-29.56-100.19-40.694-140.874-41.467q-2.256-.044-4.58-.044z"/></svg>

How to use the Buoy icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Buoy icon in other icon sets

Buoy icon FAQ

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

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

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

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

Browse all Game Icons →