sports basketball icon
sports-basketball-outline from Material Symbols Light by Google · Outline · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- sports-basketball-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- sports-basketball-outline-rounded, sports-basketball-outline-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More activities icons from Material Symbols Light
Use the sports basketball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.012 11.5h3.465q-.092-1.18-.613-2.284q-.522-1.104-1.345-1.927q-.661.898-1.05 1.96T4.011 11.5m12.511 0h3.466q-.068-1.17-.457-2.222q-.39-1.053-1.051-1.951q-.881.842-1.373 1.917t-.585 2.256M5.519 16.673q.823-.842 1.344-1.917t.614-2.256H4.012q.086 1.189.466 2.232t1.041 1.941m12.962 0q.661-.898 1.05-1.951q.39-1.053.458-2.222h-3.466q.093 1.18.585 2.256t1.373 1.917M8.488 11.5H11.5V4.012q-1.575.104-2.953.766q-1.378.663-2.393 1.768q1.013 1.008 1.622 2.269q.609 1.26.713 2.685m4.011 0h3.012q.103-1.425.702-2.705t1.632-2.249q-1.015-1.106-2.393-1.768T12.5 4.012zm-1 8.489V12.5H8.489q-.105 1.464-.704 2.705t-1.631 2.21q1.015 1.106 2.374 1.788q1.358.682 2.972.786m1 0q1.575-.104 2.953-.767t2.393-1.768q-1.033-.97-1.632-2.23t-.702-2.724H12.5zM12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSportsBasketballOutline(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="M4.012 11.5h3.465q-.092-1.18-.613-2.284q-.522-1.104-1.345-1.927q-.661.898-1.05 1.96T4.011 11.5m12.511 0h3.466q-.068-1.17-.457-2.222q-.39-1.053-1.051-1.951q-.881.842-1.373 1.917t-.585 2.256M5.519 16.673q.823-.842 1.344-1.917t.614-2.256H4.012q.086 1.189.466 2.232t1.041 1.941m12.962 0q.661-.898 1.05-1.951q.39-1.053.458-2.222h-3.466q.093 1.18.585 2.256t1.373 1.917M8.488 11.5H11.5V4.012q-1.575.104-2.953.766q-1.378.663-2.393 1.768q1.013 1.008 1.622 2.269q.609 1.26.713 2.685m4.011 0h3.012q.103-1.425.702-2.705t1.632-2.249q-1.015-1.106-2.393-1.768T12.5 4.012zm-1 8.489V12.5H8.489q-.105 1.464-.704 2.705t-1.631 2.21q1.015 1.106 2.374 1.788q1.358.682 2.972.786m1 0q1.575-.104 2.953-.767t2.393-1.768q-1.033-.97-1.632-2.23t-.702-2.724H12.5zM12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.012 11.5h3.465q-.092-1.18-.613-2.284q-.522-1.104-1.345-1.927q-.661.898-1.05 1.96T4.011 11.5m12.511 0h3.466q-.068-1.17-.457-2.222q-.39-1.053-1.051-1.951q-.881.842-1.373 1.917t-.585 2.256M5.519 16.673q.823-.842 1.344-1.917t.614-2.256H4.012q.086 1.189.466 2.232t1.041 1.941m12.962 0q.661-.898 1.05-1.951q.39-1.053.458-2.222h-3.466q.093 1.18.585 2.256t1.373 1.917M8.488 11.5H11.5V4.012q-1.575.104-2.953.766q-1.378.663-2.393 1.768q1.013 1.008 1.622 2.269q.609 1.26.713 2.685m4.011 0h3.012q.103-1.425.702-2.705t1.632-2.249q-1.015-1.106-2.393-1.768T12.5 4.012zm-1 8.489V12.5H8.489q-.105 1.464-.704 2.705t-1.631 2.21q1.015 1.106 2.374 1.788q1.358.682 2.972.786m1 0q1.575-.104 2.953-.767t2.393-1.768q-1.033-.97-1.632-2.23t-.702-2.724H12.5zM12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21"/></svg> </template>
CSS
.icon-sports-basketball-outline {
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%22M4.012%2011.5h3.465q-.092-1.18-.613-2.284q-.522-1.104-1.345-1.927q-.661.898-1.05%201.96T4.011%2011.5m12.511%200h3.466q-.068-1.17-.457-2.222q-.39-1.053-1.051-1.951q-.881.842-1.373%201.917t-.585%202.256M5.519%2016.673q.823-.842%201.344-1.917t.614-2.256H4.012q.086%201.189.466%202.232t1.041%201.941m12.962%200q.661-.898%201.05-1.951q.39-1.053.458-2.222h-3.466q.093%201.18.585%202.256t1.373%201.917M8.488%2011.5H11.5V4.012q-1.575.104-2.953.766q-1.378.663-2.393%201.768q1.013%201.008%201.622%202.269q.609%201.26.713%202.685m4.011%200h3.012q.103-1.425.702-2.705t1.632-2.249q-1.015-1.106-2.393-1.768T12.5%204.012zm-1%208.489V12.5H8.489q-.105%201.464-.704%202.705t-1.631%202.21q1.015%201.106%202.374%201.788q1.358.682%202.972.786m1%200q1.575-.104%202.953-.767t2.393-1.768q-1.033-.97-1.632-2.23t-.702-2.724H12.5zM12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012t.71-3.506t1.927-2.857T8.494%203.71Q10.137%203%2012%203t3.506.71q1.642.711%202.857%201.927q1.216%201.215%201.926%202.857Q21%2010.137%2021%2012t-.71%203.506q-.711%201.642-1.926%202.857q-1.216%201.216-2.858%201.926Q13.864%2021%2012%2021%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%22M4.012%2011.5h3.465q-.092-1.18-.613-2.284q-.522-1.104-1.345-1.927q-.661.898-1.05%201.96T4.011%2011.5m12.511%200h3.466q-.068-1.17-.457-2.222q-.39-1.053-1.051-1.951q-.881.842-1.373%201.917t-.585%202.256M5.519%2016.673q.823-.842%201.344-1.917t.614-2.256H4.012q.086%201.189.466%202.232t1.041%201.941m12.962%200q.661-.898%201.05-1.951q.39-1.053.458-2.222h-3.466q.093%201.18.585%202.256t1.373%201.917M8.488%2011.5H11.5V4.012q-1.575.104-2.953.766q-1.378.663-2.393%201.768q1.013%201.008%201.622%202.269q.609%201.26.713%202.685m4.011%200h3.012q.103-1.425.702-2.705t1.632-2.249q-1.015-1.106-2.393-1.768T12.5%204.012zm-1%208.489V12.5H8.489q-.105%201.464-.704%202.705t-1.631%202.21q1.015%201.106%202.374%201.788q1.358.682%202.972.786m1%200q1.575-.104%202.953-.767t2.393-1.768q-1.033-.97-1.632-2.23t-.702-2.724H12.5zM12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012t.71-3.506t1.927-2.857T8.494%203.71Q10.137%203%2012%203t3.506.71q1.642.711%202.857%201.927q1.216%201.215%201.926%202.857Q21%2010.137%2021%2012t-.71%203.506q-.711%201.642-1.926%202.857q-1.216%201.216-2.858%201.926Q13.864%2021%2012%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/sports-basketball-outline.svg?color=%231a73e8&size=48
