sports basketball icon
sports-basketball from Material Symbols by Google · Regular · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- sports-basketball
- Set
- Material Symbols
- Style
- Regular
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- sports-basketball-rounded, sports-basketball-sharp
1 other variant in Material Symbols
The same icon in other sets
More activities icons from Material Symbols
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="M2.05 10.975q.125-1.275.525-2.412t1.1-2.138q.875.9 1.463 2.088t.762 2.462zm16.05 0q.175-1.275.75-2.45t1.475-2.075q.7.975 1.1 2.125t.525 2.4zM3.675 17.55q-.7-.975-1.1-2.113t-.525-2.412H5.9q-.175 1.275-.763 2.45T3.676 17.55m16.65 0q-.9-.9-1.475-2.075t-.75-2.45h3.85q-.125 1.25-.525 2.4t-1.1 2.125m-12.4-6.575q-.2-1.8-.975-3.325T4.925 4.9q1.2-1.2 2.738-1.925t3.312-.925v8.925zm5.1 0V2.05q1.775.2 3.313.925T19.075 4.9Q17.8 6.1 17.038 7.638t-.963 3.337zm-2.05 10.975q-1.8-.2-3.325-.937t-2.725-1.938q1.275-1.2 2.038-2.725t.962-3.325h3.05zm2.05 0v-8.925h3.05q.2 1.8.963 3.338t2.037 2.737q-1.2 1.2-2.738 1.925t-3.312.925"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSportsBasketball(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="M2.05 10.975q.125-1.275.525-2.412t1.1-2.138q.875.9 1.463 2.088t.762 2.462zm16.05 0q.175-1.275.75-2.45t1.475-2.075q.7.975 1.1 2.125t.525 2.4zM3.675 17.55q-.7-.975-1.1-2.113t-.525-2.412H5.9q-.175 1.275-.763 2.45T3.676 17.55m16.65 0q-.9-.9-1.475-2.075t-.75-2.45h3.85q-.125 1.25-.525 2.4t-1.1 2.125m-12.4-6.575q-.2-1.8-.975-3.325T4.925 4.9q1.2-1.2 2.738-1.925t3.312-.925v8.925zm5.1 0V2.05q1.775.2 3.313.925T19.075 4.9Q17.8 6.1 17.038 7.638t-.963 3.337zm-2.05 10.975q-1.8-.2-3.325-.937t-2.725-1.938q1.275-1.2 2.038-2.725t.962-3.325h3.05zm2.05 0v-8.925h3.05q.2 1.8.963 3.338t2.037 2.737q-1.2 1.2-2.738 1.925t-3.312.925"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.05 10.975q.125-1.275.525-2.412t1.1-2.138q.875.9 1.463 2.088t.762 2.462zm16.05 0q.175-1.275.75-2.45t1.475-2.075q.7.975 1.1 2.125t.525 2.4zM3.675 17.55q-.7-.975-1.1-2.113t-.525-2.412H5.9q-.175 1.275-.763 2.45T3.676 17.55m16.65 0q-.9-.9-1.475-2.075t-.75-2.45h3.85q-.125 1.25-.525 2.4t-1.1 2.125m-12.4-6.575q-.2-1.8-.975-3.325T4.925 4.9q1.2-1.2 2.738-1.925t3.312-.925v8.925zm5.1 0V2.05q1.775.2 3.313.925T19.075 4.9Q17.8 6.1 17.038 7.638t-.963 3.337zm-2.05 10.975q-1.8-.2-3.325-.937t-2.725-1.938q1.275-1.2 2.038-2.725t.962-3.325h3.05zm2.05 0v-8.925h3.05q.2 1.8.963 3.338t2.037 2.737q-1.2 1.2-2.738 1.925t-3.312.925"/></svg> </template>
CSS
.icon-sports-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.05%2010.975q.125-1.275.525-2.412t1.1-2.138q.875.9%201.463%202.088t.762%202.462zm16.05%200q.175-1.275.75-2.45t1.475-2.075q.7.975%201.1%202.125t.525%202.4zM3.675%2017.55q-.7-.975-1.1-2.113t-.525-2.412H5.9q-.175%201.275-.763%202.45T3.676%2017.55m16.65%200q-.9-.9-1.475-2.075t-.75-2.45h3.85q-.125%201.25-.525%202.4t-1.1%202.125m-12.4-6.575q-.2-1.8-.975-3.325T4.925%204.9q1.2-1.2%202.738-1.925t3.312-.925v8.925zm5.1%200V2.05q1.775.2%203.313.925T19.075%204.9Q17.8%206.1%2017.038%207.638t-.963%203.337zm-2.05%2010.975q-1.8-.2-3.325-.937t-2.725-1.938q1.275-1.2%202.038-2.725t.962-3.325h3.05zm2.05%200v-8.925h3.05q.2%201.8.963%203.338t2.037%202.737q-1.2%201.2-2.738%201.925t-3.312.925%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%22M2.05%2010.975q.125-1.275.525-2.412t1.1-2.138q.875.9%201.463%202.088t.762%202.462zm16.05%200q.175-1.275.75-2.45t1.475-2.075q.7.975%201.1%202.125t.525%202.4zM3.675%2017.55q-.7-.975-1.1-2.113t-.525-2.412H5.9q-.175%201.275-.763%202.45T3.676%2017.55m16.65%200q-.9-.9-1.475-2.075t-.75-2.45h3.85q-.125%201.25-.525%202.4t-1.1%202.125m-12.4-6.575q-.2-1.8-.975-3.325T4.925%204.9q1.2-1.2%202.738-1.925t3.312-.925v8.925zm5.1%200V2.05q1.775.2%203.313.925T19.075%204.9Q17.8%206.1%2017.038%207.638t-.963%203.337zm-2.05%2010.975q-1.8-.2-3.325-.937t-2.725-1.938q1.275-1.2%202.038-2.725t.962-3.325h3.05zm2.05%200v-8.925h3.05q.2%201.8.963%203.338t2.037%202.737q-1.2%201.2-2.738%201.925t-3.312.925%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/sports-basketball.svg?color=%231a73e8&size=48
