Volleyball Outline icon
glyphs:volleyball-outline
The Volleyball Outline icon (glyphs:volleyball-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- volleyballoutline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M63.145 58.51q.34-.427.664-.865c.188-.13.355-.295.492-.49A29.688 29.688 0 0 0 43.376 10.56a2 2 0 0 0-.67-.182a29.688 29.688 0 0 0-29.891 41.42c.019.228.078.456.177.671a29.686 29.686 0 0 0 50.153 6.042M38.183 38.376A31.8 31.8 0 0 0 42.01 26.38a31.84 31.84 0 0 0-27.663 13.19a25.7 25.7 0 0 0 1.276 8.378a36 36 0 0 1 6.032-4.516a35.84 35.84 0 0 1 16.527-5.056M60.154 53.26q.81.25 1.633.456a25.7 25.7 0 0 0 3.289-19.375a25.7 25.7 0 0 0-6.043-11.57l.079.337a35.84 35.84 0 0 1-4.955 27.604a32 32 0 0 0 5.997 2.548m-19.17-38.986a32 32 0 0 1 1.214 8.11a35.84 35.84 0 0 0-26.636 9.748a25.68 25.68 0 0 1 20.642-17.589a25.7 25.7 0 0 1 4.78-.269m9.806 34.278a31.84 31.84 0 0 0 2.408-30.551a25.7 25.7 0 0 0-7.893-3.084c.56 2.459.86 4.968.895 7.484a35.84 35.84 0 0 1-3.884 16.838a31.8 31.8 0 0 0 8.474 9.313m8.28 8.584a36 36 0 0 1-6.96-2.984a35.84 35.84 0 0 1-12.608-11.766a31.85 31.85 0 0 0-12.303 2.683a31.85 31.85 0 0 0 19.053 16.106c2.023.624 4.1 1.044 6.2 1.255a25.7 25.7 0 0 0 6.618-5.294M17.228 52.01a31.8 31.8 0 0 1 6.417-5.106a35.84 35.84 0 0 0 21.76 18.194A25.69 25.69 0 0 1 17.228 52.01" clip-rule="evenodd"/></svg>How to use the Volleyball Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:volleyball-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:volleyball-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:volleyball-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--volleyball-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:volleyball-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:volleyball-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/volleyball-outline.svg" alt="Volleyball Outline icon" width="24" height="24">Related icons in Glyphs
Volleyball Outline icon in other icon sets
Volleyball Outline icon FAQ
Is the Volleyball Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Volleyball Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:volleyball-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Volleyball Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/volleyball-outline.svg" alt="Volleyball Outline icon">, or paste the SVG code inline to style it with CSS.