Add icons to this collection by clicking the heart icon.
Beach Volleyball icon - also known as summertime, sport, volleyball, team sports, beach volleyball, and sports and competition. Created in a clean flat gradient style with a white, silver, yellow, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<radialGradient
id="a"
cx="427.469"
cy="429.047"
r="36.622"
gradientTransform="matrix(1 0 0 .334 0 285.605)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".494" stop-color="#ffbe63" />
<stop offset=".55" stop-color="#ffc063" stop-opacity=".858" />
<stop offset=".676" stop-color="#ffc663" stop-opacity=".557" />
<stop offset=".789" stop-color="#ffca63" stop-opacity=".318" />
<stop offset=".883" stop-color="#ffcd63" stop-opacity=".145" />
<stop offset=".957" stop-color="#ffce63" stop-opacity=".039" />
<stop offset="1" stop-color="#ffcf63" stop-opacity="0" />
</radialGradient>
<radialGradient id="c" cx="84.531" cy="429.047" r="36.622" href="#a" />
<linearGradient
id="d"
x1="32"
x2="480"
y1="460.238"
y2="460.238"
gradientUnits="userSpaceOnUse"
>
<stop offset=".494" stop-color="#ffbe63" />
<stop offset=".545" stop-color="#ffbe63" stop-opacity=".98" />
<stop offset=".608" stop-color="#ffbf63" stop-opacity=".92" />
<stop offset=".676" stop-color="#ffc163" stop-opacity=".822" />
<stop offset=".75" stop-color="#ffc363" stop-opacity=".686" />
<stop offset=".826" stop-color="#ffc663" stop-opacity=".51" />
<stop offset=".906" stop-color="#ffca63" stop-opacity=".295" />
<stop offset=".986" stop-color="#ffce63" stop-opacity=".046" />
<stop offset="1" stop-color="#ffcf63" stop-opacity="0" />
</linearGradient>
<linearGradient
id="b"
x1="73.063"
x2="96"
y1="311.537"
y2="311.537"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2f2ff" stop-opacity="0" />
<stop offset=".903" stop-color="#d9d9ff" stop-opacity=".902" />
<stop offset="1" stop-color="#d6d6ff" />
</linearGradient>
<linearGradient
id="e"
x1="416"
x2="438.938"
y1="311.537"
y2="311.537"
href="#b"
/>
<radialGradient
id="f"
cx="207.732"
cy="74.69"
r="111.598"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffea63" stop-opacity="0" />
<stop offset=".164" stop-color="#ffe963" stop-opacity=".012" />
<stop offset=".288" stop-color="#ffe863" stop-opacity=".05" />
<stop offset=".399" stop-color="#ffe563" stop-opacity=".113" />
<stop offset=".502" stop-color="#ffe163" stop-opacity=".203" />
<stop offset=".6" stop-color="#ffdc63" stop-opacity=".32" />
<stop offset=".694" stop-color="#ffd663" stop-opacity=".463" />
<stop offset=".785" stop-color="#ffce63" stop-opacity=".633" />
<stop offset=".871" stop-color="#ffc663" stop-opacity=".824" />
<stop offset=".941" stop-color="#ffbe63" />
</radialGradient>
<radialGradient
id="g"
cx="217.759"
cy="86.151"
r="78.249"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7a89eb" stop-opacity="0" />
<stop offset=".361" stop-color="#7a89eb" stop-opacity=".009" />
<stop offset=".492" stop-color="#7988ea" stop-opacity=".04" />
<stop offset=".584" stop-color="#7888ea" stop-opacity=".094" />
<stop offset=".659" stop-color="#7786e8" stop-opacity=".171" />
<stop offset=".724" stop-color="#7585e7" stop-opacity=".271" />
<stop offset=".781" stop-color="#7383e5" stop-opacity=".395" />
<stop offset=".832" stop-color="#7180e2" stop-opacity=".544" />
<stop offset=".879" stop-color="#6e7ee0" stop-opacity=".716" />
<stop offset=".922" stop-color="#6b7bdd" stop-opacity=".904" />
<stop offset=".941" stop-color="#6979db" />
</radialGradient>
<linearGradient
id="h"
x1="256"
x2="256"
y1="293"
y2="219"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c9c9ff" />
<stop offset="1" stop-color="#d6d6ff" />
</linearGradient>
<g>
<path
fill="#ffcf63"
d="M32 409.392c112 0 112 10 224 10s112-10 224-10v73.285H32z"
/>
<ellipse
cx="427.469"
cy="429.047"
fill="url(#a)"
rx="25.961"
ry="8.751"
/>
<ellipse
cx="84.531"
cy="429.047"
fill="url(#c)"
rx="25.961"
ry="8.751"
/>
<path
fill="url(#d)"
d="M480 482.677H32v-42.292s92.488 26.731 181.6 26.3 238.034-28.887 266.4-28.887z"
/>
<path
fill="#f2f2ff"
d="M73.063 203.469v223.408c0 5.477 22.937 5.477 22.937 0V203.469c0-15.163-22.938-15.185-22.938 0zM438.938 203.469v223.408c0 5.477-22.938 5.477-22.938 0V203.469c0-15.163 22.938-15.185 22.938 0z"
/>
<path
fill="url(#b)"
d="M73.063 203.469v223.408c0 5.477 22.937 5.477 22.937 0V203.469c0-15.163-22.938-15.185-22.938 0z"
/>
<path
fill="url(#e)"
d="M438.938 203.469v223.408c0 5.477-22.938 5.477-22.938 0V203.469c0-15.163 22.938-15.185 22.938 0z"
/>
<circle cx="256" cy="108" r="40" fill="#ffea63" />
<circle cx="256" cy="108" r="40" fill="url(#f)" />
<path
fill="#7a89eb"
d="M294.298 96.444a71.575 71.575 0 0 0-30.799-14.56 33.258 33.258 0 0 1 4.219-6.169l3.498-4.711a39.733 39.733 0 0 0-10.43-2.71l-.764 1.034c-12.847 15.013-10.447 31.228-9.455 36.72a33.779 33.779 0 0 1-11.037 6.596c-5.977-17.62-3.444-31.875.01-41.098a40.088 40.088 0 0 0-12.7 9.089 71.584 71.584 0 0 0 2.793 33.928c-3.825.14-4.615-.24-13.27-1.241a39.73 39.73 0 0 0 2.843 10.384c2.802.319 20.05 5.014 37.821-10.025a33.782 33.782 0 0 1 11.232 6.26c-12.268 13.981-25.876 18.918-35.59 20.54a39.798 39.798 0 0 0 14.228 6.466 71.583 71.583 0 0 0 27.978-19.385c2.018 3.22 2.057 4.03 5.552 12.103a40.222 40.222 0 0 0 7.57-7.66c-.898-2.063-5.756-19.893-27.589-27.735a33.775 33.775 0 0 1-.194-12.856c18.25 3.634 29.33 12.957 35.589 20.56a40.011 40.011 0 0 0-1.505-15.53z"
/>
<path
fill="url(#g)"
d="M294.298 96.444a71.575 71.575 0 0 0-30.799-14.56 33.258 33.258 0 0 1 4.219-6.169l3.498-4.711a39.733 39.733 0 0 0-10.43-2.71l-.764 1.034c-12.847 15.013-10.447 31.228-9.455 36.72a33.779 33.779 0 0 1-11.037 6.596c-5.977-17.62-3.444-31.875.01-41.098a40.088 40.088 0 0 0-12.7 9.089 71.584 71.584 0 0 0 2.793 33.928c-3.825.14-4.615-.24-13.27-1.241a39.73 39.73 0 0 0 2.843 10.384c2.802.319 20.05 5.014 37.821-10.025a33.782 33.782 0 0 1 11.232 6.26c-12.268 13.981-25.876 18.918-35.59 20.54a39.798 39.798 0 0 0 14.228 6.466 71.583 71.583 0 0 0 27.978-19.385c2.018 3.22 2.057 4.03 5.552 12.103a40.222 40.222 0 0 0 7.57-7.66c-.898-2.063-5.756-19.893-27.589-27.735a33.775 33.775 0 0 1-.194-12.856c18.25 3.634 29.33 12.957 35.589 20.56a40.011 40.011 0 0 0-1.505-15.53z"
/>
<path
fill="url(#h)"
d="M73.063 219c-6.622 0-6.609 10 0 10h20.084c32.927 5.083 29.165 54-4.16 54H73.064c-6.622 0-6.608 10 0 10h365.875c6.621 0 6.608-10 0-10h-18.849c-32.1-3.452-32.152-50.542 0-54h18.849c6.621 0 6.608-10 0-10zM386.2 251h-24.06v-22h35.382a37.092 37.092 0 0 0-11.322 22zm-101.486 0H261v-22h23.714zm10-22h23.713v22h-23.713zM251 251h-23.714v-22H251zm-33.714 0h-23.713v-22h23.713zm-33.713 0H159.86v-22h23.714zm0 10v22H159.86v-22zm10 0h23.713v22h-23.713zm33.713 0H251v22h-23.714zM261 261h23.714v22H261zm33.714 0h23.713v22h-23.713zm33.713 0h23.714v22h-23.714zm0-10v-22h23.714v22zm-213.782-22h35.214v22h-24.038a37.081 37.081 0 0 0-11.176-22zm11.135 32h24.08v22h-35.55a37.102 37.102 0 0 0 11.47-22zm236.36 22v-22h24.06a37.092 37.092 0 0 0 11.322 22z"
/>
</g>
</svg>
More icons in the same style and category