Beach Ball icon
game-icons:beach-ball
The Beach Ball icon (game-icons:beach-ball) 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
- beachball
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M419.342 92.658c-19.385-19.384-41.348-34.593-64.774-45.654c5.495 16.957 8.61 35.46 9.608 55.062c9.96 3.927 19.435 10.016 27.59 18.17c8.152 8.153 14.24 17.628 18.168 27.588c19.603.998 38.105 4.113 55.062 9.608c-11.06-23.426-26.27-45.39-45.654-64.774m-87.78-55.034c-71.617-24.758-152.93-13.23-215.513 34.574c66.248-7.507 129.063 7.865 181.537 39.157c13.207-11.618 30.53-16.084 47.92-14.037c-1.66-22.127-6.228-42.3-13.945-59.694zm142.814 142.814c-17.395-7.717-37.567-12.286-59.694-13.945c2.047 17.39-2.42 34.713-14.037 47.92c31.292 52.474 46.664 115.29 39.157 181.538c47.805-62.583 59.332-143.895 34.574-215.512zm-95.34-47.475c-22.037-22.037-53.94-23.84-71.417-6.364s-15.675 49.38 6.363 71.417c22.038 22.038 53.94 23.84 71.418 6.364c17.477-17.475 15.674-49.38-6.363-71.417zm-92.83-7.903c-55.91-32.438-124.11-45.696-195.368-30.534C33.31 153.34 13.453 235.118 31.28 309.788c68.307-65.43 158.964-116.716 246.164-143.015c.388-.117.776-.227 1.164-.344c-2.113-14.518.293-29.09 7.597-41.37zM386.94 225.795c-12.28 7.304-26.852 9.71-41.37 7.597c-.116.388-.226.776-.343 1.164c-26.3 87.2-77.585 177.857-143.015 246.164c74.67 17.827 156.45-2.03 215.262-59.558c15.162-71.26 1.904-139.458-30.534-195.367m-103.606-41.992c-.232.07-.463.133-.695.203c-87.23 26.307-179.15 79.17-245.73 145.435c10.996 32.845 29.57 63.723 55.748 89.902c26.18 26.18 57.057 44.752 89.9 55.75c66.267-66.582 119.13-158.503 145.436-245.73c.07-.233.133-.464.203-.696c-9.724-3.935-18.965-9.944-26.942-17.92c-7.977-7.978-13.986-17.22-17.92-26.943z"/></svg>How to use the Beach Ball icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:beach-ball" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:beach-ball" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:beach-ball" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--beach-ball]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:beach-ball"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:beach-ball"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/beach-ball.svg" alt="Beach Ball icon" width="24" height="24">Related icons in Game Icons
Beach Ball icon in other icon sets
Beach Ball icon FAQ
Is the Beach Ball 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 Beach Ball icon in React?
Install @iconify/react and render <Icon icon="game-icons:beach-ball" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Beach Ball icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/beach-ball.svg" alt="Beach Ball icon">, or paste the SVG code inline to style it with CSS.