sport basketball icon
sport-basketball-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- sport-basketball-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the sport basketball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.708 4a7.97 7.97 0 0 1 4.296-1.939c.062.43.14.909.24 1.408c.18.9.43 1.88.776 2.777c.276.719.623 1.409 1.062 1.965L10 9.293zM4 4.709a7.97 7.97 0 0 0-1.94 4.296c.43.062.908.14 1.407.24c.9.18 1.88.43 2.777.776c.719.276 1.41.623 1.965 1.062L9.293 10zm3.496 7.088c-.43-.32-.982-.601-1.61-.843c-.827-.318-1.747-.554-2.615-.728A25 25 0 0 0 2 10.005a7.97 7.97 0 0 0 2 5.287zM4.706 16l3.497-3.496c.32.43.6.982.842 1.61c.318.826.554 1.747.728 2.614c.09.448.162.88.22 1.273a7.97 7.97 0 0 1-5.286-2m4.21-4.21L10 10.708L15.292 16a7.97 7.97 0 0 1-4.296 1.94c-.063-.43-.142-.909-.241-1.408c-.18-.9-.43-1.88-.775-2.777c-.277-.718-.623-1.408-1.063-1.964M16 15.293a7.97 7.97 0 0 0 1.94-4.296c-.43-.062-.909-.14-1.408-.24c-.9-.18-1.88-.43-2.777-.775c-.718-.277-1.409-.623-1.965-1.063L10.707 10zm-3.497-7.087c.43.32.983.6 1.61.842c.827.318 1.748.554 2.615.728c.448.09.88.162 1.273.22a7.97 7.97 0 0 0-2-5.287zM15.292 4a7.97 7.97 0 0 0-5.287-2c.058.393.13.825.22 1.273c.174.868.41 1.788.728 2.614c.242.628.522 1.18.842 1.61z"/></svg>
React
import type { SVGProps } from "react";
export function FluentSportBasketball20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.708 4a7.97 7.97 0 0 1 4.296-1.939c.062.43.14.909.24 1.408c.18.9.43 1.88.776 2.777c.276.719.623 1.409 1.062 1.965L10 9.293zM4 4.709a7.97 7.97 0 0 0-1.94 4.296c.43.062.908.14 1.407.24c.9.18 1.88.43 2.777.776c.719.276 1.41.623 1.965 1.062L9.293 10zm3.496 7.088c-.43-.32-.982-.601-1.61-.843c-.827-.318-1.747-.554-2.615-.728A25 25 0 0 0 2 10.005a7.97 7.97 0 0 0 2 5.287zM4.706 16l3.497-3.496c.32.43.6.982.842 1.61c.318.826.554 1.747.728 2.614c.09.448.162.88.22 1.273a7.97 7.97 0 0 1-5.286-2m4.21-4.21L10 10.708L15.292 16a7.97 7.97 0 0 1-4.296 1.94c-.063-.43-.142-.909-.241-1.408c-.18-.9-.43-1.88-.775-2.777c-.277-.718-.623-1.408-1.063-1.964M16 15.293a7.97 7.97 0 0 0 1.94-4.296c-.43-.062-.909-.14-1.408-.24c-.9-.18-1.88-.43-2.777-.775c-.718-.277-1.409-.623-1.965-1.063L10.707 10zm-3.497-7.087c.43.32.983.6 1.61.842c.827.318 1.748.554 2.615.728c.448.09.88.162 1.273.22a7.97 7.97 0 0 0-2-5.287zM15.292 4a7.97 7.97 0 0 0-5.287-2c.058.393.13.825.22 1.273c.174.868.41 1.788.728 2.614c.242.628.522 1.18.842 1.61z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.708 4a7.97 7.97 0 0 1 4.296-1.939c.062.43.14.909.24 1.408c.18.9.43 1.88.776 2.777c.276.719.623 1.409 1.062 1.965L10 9.293zM4 4.709a7.97 7.97 0 0 0-1.94 4.296c.43.062.908.14 1.407.24c.9.18 1.88.43 2.777.776c.719.276 1.41.623 1.965 1.062L9.293 10zm3.496 7.088c-.43-.32-.982-.601-1.61-.843c-.827-.318-1.747-.554-2.615-.728A25 25 0 0 0 2 10.005a7.97 7.97 0 0 0 2 5.287zM4.706 16l3.497-3.496c.32.43.6.982.842 1.61c.318.826.554 1.747.728 2.614c.09.448.162.88.22 1.273a7.97 7.97 0 0 1-5.286-2m4.21-4.21L10 10.708L15.292 16a7.97 7.97 0 0 1-4.296 1.94c-.063-.43-.142-.909-.241-1.408c-.18-.9-.43-1.88-.775-2.777c-.277-.718-.623-1.408-1.063-1.964M16 15.293a7.97 7.97 0 0 0 1.94-4.296c-.43-.062-.909-.14-1.408-.24c-.9-.18-1.88-.43-2.777-.775c-.718-.277-1.409-.623-1.965-1.063L10.707 10zm-3.497-7.087c.43.32.983.6 1.61.842c.827.318 1.748.554 2.615.728c.448.09.88.162 1.273.22a7.97 7.97 0 0 0-2-5.287zM15.292 4a7.97 7.97 0 0 0-5.287-2c.058.393.13.825.22 1.273c.174.868.41 1.788.728 2.614c.242.628.522 1.18.842 1.61z"/></svg> </template>
CSS
.icon-sport-basketball-20-filled {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.708%204a7.97%207.97%200%200%201%204.296-1.939c.062.43.14.909.24%201.408c.18.9.43%201.88.776%202.777c.276.719.623%201.409%201.062%201.965L10%209.293zM4%204.709a7.97%207.97%200%200%200-1.94%204.296c.43.062.908.14%201.407.24c.9.18%201.88.43%202.777.776c.719.276%201.41.623%201.965%201.062L9.293%2010zm3.496%207.088c-.43-.32-.982-.601-1.61-.843c-.827-.318-1.747-.554-2.615-.728A25%2025%200%200%200%202%2010.005a7.97%207.97%200%200%200%202%205.287zM4.706%2016l3.497-3.496c.32.43.6.982.842%201.61c.318.826.554%201.747.728%202.614c.09.448.162.88.22%201.273a7.97%207.97%200%200%201-5.286-2m4.21-4.21L10%2010.708L15.292%2016a7.97%207.97%200%200%201-4.296%201.94c-.063-.43-.142-.909-.241-1.408c-.18-.9-.43-1.88-.775-2.777c-.277-.718-.623-1.408-1.063-1.964M16%2015.293a7.97%207.97%200%200%200%201.94-4.296c-.43-.062-.909-.14-1.408-.24c-.9-.18-1.88-.43-2.777-.775c-.718-.277-1.409-.623-1.965-1.063L10.707%2010zm-3.497-7.087c.43.32.983.6%201.61.842c.827.318%201.748.554%202.615.728c.448.09.88.162%201.273.22a7.97%207.97%200%200%200-2-5.287zM15.292%204a7.97%207.97%200%200%200-5.287-2c.058.393.13.825.22%201.273c.174.868.41%201.788.728%202.614c.242.628.522%201.18.842%201.61z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.708%204a7.97%207.97%200%200%201%204.296-1.939c.062.43.14.909.24%201.408c.18.9.43%201.88.776%202.777c.276.719.623%201.409%201.062%201.965L10%209.293zM4%204.709a7.97%207.97%200%200%200-1.94%204.296c.43.062.908.14%201.407.24c.9.18%201.88.43%202.777.776c.719.276%201.41.623%201.965%201.062L9.293%2010zm3.496%207.088c-.43-.32-.982-.601-1.61-.843c-.827-.318-1.747-.554-2.615-.728A25%2025%200%200%200%202%2010.005a7.97%207.97%200%200%200%202%205.287zM4.706%2016l3.497-3.496c.32.43.6.982.842%201.61c.318.826.554%201.747.728%202.614c.09.448.162.88.22%201.273a7.97%207.97%200%200%201-5.286-2m4.21-4.21L10%2010.708L15.292%2016a7.97%207.97%200%200%201-4.296%201.94c-.063-.43-.142-.909-.241-1.408c-.18-.9-.43-1.88-.775-2.777c-.277-.718-.623-1.408-1.063-1.964M16%2015.293a7.97%207.97%200%200%200%201.94-4.296c-.43-.062-.909-.14-1.408-.24c-.9-.18-1.88-.43-2.777-.775c-.718-.277-1.409-.623-1.965-1.063L10.707%2010zm-3.497-7.087c.43.32.983.6%201.61.842c.827.318%201.748.554%202.615.728c.448.09.88.162%201.273.22a7.97%207.97%200%200%200-2-5.287zM15.292%204a7.97%207.97%200%200%200-5.287-2c.058.393.13.825.22%201.273c.174.868.41%201.788.728%202.614c.242.628.522%201.18.842%201.61z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sport-basketball-20-filled.svg?color=%231a73e8&size=48
