play basketball icon
play-basketball from IconPark by ByteDance · Color · Sports · Apache-2.0 Free for personal and commercial use.
- Name
- play-basketball
- Set
- IconPark
- Style
- Color
- Category
- Sports
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More sports icons from IconPark
Use the play basketball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-miterlimit="2" stroke-width="4" d="M32 16C34.7614 16 37 13.7614 37 11C37 8.23858 34.7614 6 32 6C29.2386 6 27 8.23858 27 11C27 13.7614 29.2386 16 32 16Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M23 40L31.11 37.94C31.89 37.75 32.13 36.75 31.53 36.22L23 29L27 21L16.59 17.26C16.09 17.08 15.69 16.72 15.46 16.24L11 8"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M23 29L16.0301 37.79C15.8201 38.04 15.5601 38.24 15.2601 38.36L5 42"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M27 21L36.9 23.79C37.37 23.93 37.78 24.23 38.04 24.64L42 31"/><path fill="#000" d="M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkPlayBasketball(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" strokeMiterlimit="2" strokeWidth="4" d="M32 16C34.7614 16 37 13.7614 37 11C37 8.23858 34.7614 6 32 6C29.2386 6 27 8.23858 27 11C27 13.7614 29.2386 16 32 16Z"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="2" strokeWidth="4" d="M23 40L31.11 37.94C31.89 37.75 32.13 36.75 31.53 36.22L23 29L27 21L16.59 17.26C16.09 17.08 15.69 16.72 15.46 16.24L11 8"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="2" strokeWidth="4" d="M23 29L16.0301 37.79C15.8201 38.04 15.5601 38.24 15.2601 38.36L5 42"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="2" strokeWidth="4" d="M27 21L36.9 23.79C37.37 23.93 37.78 24.23 38.04 24.64L42 31"/><path fill="#000" d="M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-miterlimit="2" stroke-width="4" d="M32 16C34.7614 16 37 13.7614 37 11C37 8.23858 34.7614 6 32 6C29.2386 6 27 8.23858 27 11C27 13.7614 29.2386 16 32 16Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M23 40L31.11 37.94C31.89 37.75 32.13 36.75 31.53 36.22L23 29L27 21L16.59 17.26C16.09 17.08 15.69 16.72 15.46 16.24L11 8"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M23 29L16.0301 37.79C15.8201 38.04 15.5601 38.24 15.2601 38.36L5 42"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M27 21L36.9 23.79C37.37 23.93 37.78 24.23 38.04 24.64L42 31"/><path fill="#000" d="M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z"/></g></svg> </template>
CSS
.icon-play-basketball {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M32%2016C34.7614%2016%2037%2013.7614%2037%2011C37%208.23858%2034.7614%206%2032%206C29.2386%206%2027%208.23858%2027%2011C27%2013.7614%2029.2386%2016%2032%2016Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M23%2040L31.11%2037.94C31.89%2037.75%2032.13%2036.75%2031.53%2036.22L23%2029L27%2021L16.59%2017.26C16.09%2017.08%2015.69%2016.72%2015.46%2016.24L11%208%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M23%2029L16.0301%2037.79C15.8201%2038.04%2015.5601%2038.24%2015.2601%2038.36L5%2042%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M27%2021L36.9%2023.79C37.37%2023.93%2037.78%2024.23%2038.04%2024.64L42%2031%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M18%208C19.6569%208%2021%206.65685%2021%205C21%203.34315%2019.6569%202%2018%202C16.3431%202%2015%203.34315%2015%205C15%206.65685%2016.3431%208%2018%208Z%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M32%2016C34.7614%2016%2037%2013.7614%2037%2011C37%208.23858%2034.7614%206%2032%206C29.2386%206%2027%208.23858%2027%2011C27%2013.7614%2029.2386%2016%2032%2016Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M23%2040L31.11%2037.94C31.89%2037.75%2032.13%2036.75%2031.53%2036.22L23%2029L27%2021L16.59%2017.26C16.09%2017.08%2015.69%2016.72%2015.46%2016.24L11%208%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M23%2029L16.0301%2037.79C15.8201%2038.04%2015.5601%2038.24%2015.2601%2038.36L5%2042%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M27%2021L36.9%2023.79C37.37%2023.93%2037.78%2024.23%2038.04%2024.64L42%2031%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M18%208C19.6569%208%2021%206.65685%2021%205C21%203.34315%2019.6569%202%2018%202C16.3431%202%2015%203.34315%2015%205C15%206.65685%2016.3431%208%2018%208Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/play-basketball.svg?color=%231a73e8&size=48
