volleyball icon

volleyball-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
volleyball-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

volleyballvolleyball-boldvolleyball-duotonevolleyball-fillvolleyball-thin

The same icon in other sets

volleyballEmoji One (Colored)volleyballFont Awesome 6 SolidvolleyballFont Awesome SolidvolleyballFluent EmojivolleyballFluent Emoji FlatvolleyballFluent Emoji High ContrastvolleyballHuge IconsvolleyballIconParkvolleyballIconPark OutlinevolleyballLucidevolleyballLucide LabvolleyballMaterial Design Iconsvolleyball-fillMingCute IconvolleyballNoto EmojivolleyballOpenMojivolleyball-boldSolarvolleyballTwitter EmojivolleyballUnicons

Use the volleyball icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m83.37 135.89a90 90 0 0 1-97.85 3.18L131.46 134h86.34a89.5 89.5 0 0 1-6.43 27.89M88.3 47.24a89.5 89.5 0 0 1 27.35-8.39A90 90 0 0 1 167.34 122h-35.88ZM217.8 122h-38.46a102.12 102.12 0 0 0-40.84-83.38A90.15 90.15 0 0 1 217.8 122M77.92 53.26l19.21 33.27a102.16 102.16 0 0 0-51.79 77.06A89.93 89.93 0 0 1 77.92 53.26M57 183.19a90 90 0 0 1 46.17-86.26l17.9 31.07l-43.15 74.74A90.6 90.6 0 0 1 57 183.19M128 218a89.5 89.5 0 0 1-39.7-9.24l19.22-33.29a102.13 102.13 0 0 0 92.58 6.34A89.91 89.91 0 0 1 128 218"/></svg>

React

import type { SVGProps } from "react";

export function PhVolleyballLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m83.37 135.89a90 90 0 0 1-97.85 3.18L131.46 134h86.34a89.5 89.5 0 0 1-6.43 27.89M88.3 47.24a89.5 89.5 0 0 1 27.35-8.39A90 90 0 0 1 167.34 122h-35.88ZM217.8 122h-38.46a102.12 102.12 0 0 0-40.84-83.38A90.15 90.15 0 0 1 217.8 122M77.92 53.26l19.21 33.27a102.16 102.16 0 0 0-51.79 77.06A89.93 89.93 0 0 1 77.92 53.26M57 183.19a90 90 0 0 1 46.17-86.26l17.9 31.07l-43.15 74.74A90.6 90.6 0 0 1 57 183.19M128 218a89.5 89.5 0 0 1-39.7-9.24l19.22-33.29a102.13 102.13 0 0 0 92.58 6.34A89.91 89.91 0 0 1 128 218"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m83.37 135.89a90 90 0 0 1-97.85 3.18L131.46 134h86.34a89.5 89.5 0 0 1-6.43 27.89M88.3 47.24a89.5 89.5 0 0 1 27.35-8.39A90 90 0 0 1 167.34 122h-35.88ZM217.8 122h-38.46a102.12 102.12 0 0 0-40.84-83.38A90.15 90.15 0 0 1 217.8 122M77.92 53.26l19.21 33.27a102.16 102.16 0 0 0-51.79 77.06A89.93 89.93 0 0 1 77.92 53.26M57 183.19a90 90 0 0 1 46.17-86.26l17.9 31.07l-43.15 74.74A90.6 90.6 0 0 1 57 183.19M128 218a89.5 89.5 0 0 1-39.7-9.24l19.22-33.29a102.13 102.13 0 0 0 92.58 6.34A89.91 89.91 0 0 1 128 218"/></svg>
</template>

CSS

.icon-volleyball-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m83.37%20135.89a90%2090%200%200%201-97.85%203.18L131.46%20134h86.34a89.5%2089.5%200%200%201-6.43%2027.89M88.3%2047.24a89.5%2089.5%200%200%201%2027.35-8.39A90%2090%200%200%201%20167.34%20122h-35.88ZM217.8%20122h-38.46a102.12%20102.12%200%200%200-40.84-83.38A90.15%2090.15%200%200%201%20217.8%20122M77.92%2053.26l19.21%2033.27a102.16%20102.16%200%200%200-51.79%2077.06A89.93%2089.93%200%200%201%2077.92%2053.26M57%20183.19a90%2090%200%200%201%2046.17-86.26l17.9%2031.07l-43.15%2074.74A90.6%2090.6%200%200%201%2057%20183.19M128%20218a89.5%2089.5%200%200%201-39.7-9.24l19.22-33.29a102.13%20102.13%200%200%200%2092.58%206.34A89.91%2089.91%200%200%201%20128%20218%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m83.37%20135.89a90%2090%200%200%201-97.85%203.18L131.46%20134h86.34a89.5%2089.5%200%200%201-6.43%2027.89M88.3%2047.24a89.5%2089.5%200%200%201%2027.35-8.39A90%2090%200%200%201%20167.34%20122h-35.88ZM217.8%20122h-38.46a102.12%20102.12%200%200%200-40.84-83.38A90.15%2090.15%200%200%201%20217.8%20122M77.92%2053.26l19.21%2033.27a102.16%20102.16%200%200%200-51.79%2077.06A89.93%2089.93%200%200%201%2077.92%2053.26M57%20183.19a90%2090%200%200%201%2046.17-86.26l17.9%2031.07l-43.15%2074.74A90.6%2090.6%200%200%201%2057%20183.19M128%20218a89.5%2089.5%200%200%201-39.7-9.24l19.22-33.29a102.13%20102.13%200%200%200%2092.58%206.34A89.91%2089.91%200%200%201%20128%20218%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/volleyball-light.svg?color=%231a73e8&size=48