volleyball icon
volleyball from Material Design Icons by Pictogrammers · Filled · Sport · Apache-2.0 Free for personal and commercial use.
- Name
- volleyball
- Set
- Material Design Icons
- Style
- Filled
- Category
- Sport
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
volleyballEmoji One (Colored)volleyballFont Awesome 6 SolidvolleyballFont Awesome SolidvolleyballFluent EmojivolleyballFluent Emoji FlatvolleyballFluent Emoji High ContrastvolleyballHuge IconsvolleyballIconParkvolleyballIconPark OutlinevolleyballLucidevolleyballLucide Labvolleyball-fillMingCute IconvolleyballNoto EmojivolleyballOpenMojivolleyballPhosphorvolleyball-boldSolarvolleyballTwitter EmojivolleyballUnicons
More sport icons from Material Design Icons
Use the volleyball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.04 4.85C17.34 3.2 15.33 2.25 13 2v3.62l9 5.18c-.28-2.3-1.27-4.3-2.96-5.95M12 22c3.44 0 6.16-1.38 8.17-4.14L17.06 16l-8.99 5.2c1.25.53 2.57.8 3.93.8m1-10.59l8.15 4.66c.44-.94.73-1.93.85-2.96l-9-5.18zm-9.12 6.4c.66.91 1.38 1.65 2.17 2.19l8.99-5.1L12 13.15zM11.04 2C10 2.09 9 2.36 8 2.8v10.35l3.04-1.74zM2 12c0 1.39.3 2.77.89 4.12L6 14.28V4c-2.67 2-4 4.65-4 8"/></svg>
React
import type { SVGProps } from "react";
export function MdiVolleyball(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.04 4.85C17.34 3.2 15.33 2.25 13 2v3.62l9 5.18c-.28-2.3-1.27-4.3-2.96-5.95M12 22c3.44 0 6.16-1.38 8.17-4.14L17.06 16l-8.99 5.2c1.25.53 2.57.8 3.93.8m1-10.59l8.15 4.66c.44-.94.73-1.93.85-2.96l-9-5.18zm-9.12 6.4c.66.91 1.38 1.65 2.17 2.19l8.99-5.1L12 13.15zM11.04 2C10 2.09 9 2.36 8 2.8v10.35l3.04-1.74zM2 12c0 1.39.3 2.77.89 4.12L6 14.28V4c-2.67 2-4 4.65-4 8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.04 4.85C17.34 3.2 15.33 2.25 13 2v3.62l9 5.18c-.28-2.3-1.27-4.3-2.96-5.95M12 22c3.44 0 6.16-1.38 8.17-4.14L17.06 16l-8.99 5.2c1.25.53 2.57.8 3.93.8m1-10.59l8.15 4.66c.44-.94.73-1.93.85-2.96l-9-5.18zm-9.12 6.4c.66.91 1.38 1.65 2.17 2.19l8.99-5.1L12 13.15zM11.04 2C10 2.09 9 2.36 8 2.8v10.35l3.04-1.74zM2 12c0 1.39.3 2.77.89 4.12L6 14.28V4c-2.67 2-4 4.65-4 8"/></svg> </template>
CSS
.icon-volleyball {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.04%204.85C17.34%203.2%2015.33%202.25%2013%202v3.62l9%205.18c-.28-2.3-1.27-4.3-2.96-5.95M12%2022c3.44%200%206.16-1.38%208.17-4.14L17.06%2016l-8.99%205.2c1.25.53%202.57.8%203.93.8m1-10.59l8.15%204.66c.44-.94.73-1.93.85-2.96l-9-5.18zm-9.12%206.4c.66.91%201.38%201.65%202.17%202.19l8.99-5.1L12%2013.15zM11.04%202C10%202.09%209%202.36%208%202.8v10.35l3.04-1.74zM2%2012c0%201.39.3%202.77.89%204.12L6%2014.28V4c-2.67%202-4%204.65-4%208%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.04%204.85C17.34%203.2%2015.33%202.25%2013%202v3.62l9%205.18c-.28-2.3-1.27-4.3-2.96-5.95M12%2022c3.44%200%206.16-1.38%208.17-4.14L17.06%2016l-8.99%205.2c1.25.53%202.57.8%203.93.8m1-10.59l8.15%204.66c.44-.94.73-1.93.85-2.96l-9-5.18zm-9.12%206.4c.66.91%201.38%201.65%202.17%202.19l8.99-5.1L12%2013.15zM11.04%202C10%202.09%209%202.36%208%202.8v10.35l3.04-1.74zM2%2012c0%201.39.3%202.77.89%204.12L6%2014.28V4c-2.67%202-4%204.65-4%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/volleyball.svg?color=%231a73e8&size=48
