Volleyball icon
icon-park:volleyball
The Volleyball icon (icon-park:volleyball) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Sports
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4"><path d="M31.81 42.4054C41.9782 38.0865 46.7173 26.3494 42.4081 16.192C38.0989 6.0345 26.351 1.27569 16.1928 5.59461C6.03464 9.91353 1.2755 21.6506 5.59472 31.808C9.91394 41.9655 21.6518 46.7243 31.81 42.4054Z"/><path stroke-linecap="round" d="M15.9996 6C14.5059 13.0103 17.9367 20.1966 23.9996 24"/><path stroke-linecap="round" d="M12 40C18.97 37.74 23.74 31.32 24 24"/><path stroke-linecap="round" d="M44 25.0001C38.55 20.3276 29.5 20.4033 24 24.0001"/><path d="M17 16C17 16 28.56 7.50998 41 14"/><path d="M20 33C20 33 7.59 28.02 7 14"/><path d="M33.9998 22C33.9998 22 35.5597 36.5 23.7197 44.03"/></g></svg>
How to use the Volleyball icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:volleyball" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:volleyball" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:volleyball" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--volleyball]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:volleyball"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:volleyball"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/volleyball.svg" alt="Volleyball icon" width="24" height="24">
Volleyball icon in other icon sets
Volleyball icon FAQ
Is the Volleyball icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Volleyball icon in React?
Install @iconify/react and render <Icon icon="icon-park:volleyball" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Volleyball icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/volleyball.svg" alt="Volleyball icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
