basketball icon
basketball-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- basketball-sharp
- Set
- IonIcons
- Style
- Sharp
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
basketballBoxIcons v2basketballBoxIcons v2 SolidbasketballCarbonbasketballEmoji One (Colored)basketballElement PlusbasketballFont Awesome 6 SolidbasketballFont Awesome SolidbasketballFluent EmojibasketballFluent Emoji FlatbasketballFluent Emoji High ContrastbasketballIconParkbasketballIconPark OutlinebasketballIconoirbasketballJam IconsbasketballLucide LabbasketballMaterial Design Iconsbasketball-fillMingCute IconbasketballNoto EmojibasketballOpenMojibasketballPhosphorbasketball-fillRemix Iconbasketball-boldSolarbasketballStreamline EmojisbasketballTwitter Emoji
Use the basketball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m256 233.37l34.45-34.45a207.08 207.08 0 0 1-50.12-135.25c0-5 .19-10.05.54-15A207.1 207.1 0 0 0 120.67 98Zm57.14-57.14L391.33 98A207.07 207.07 0 0 0 273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0 0 40.78 112.56m22.63 22.63a175.25 175.25 0 0 0 112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 0 0 414 120.67ZM176.23 313.14a175.23 175.23 0 0 0-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0 0 98 391.33ZM256 278.63l-34.45 34.45a207.08 207.08 0 0 1 50.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 0 0 391.33 414Zm192.33-6.96a207.08 207.08 0 0 1-135.25-50.12L278.63 256L414 391.33a207.1 207.1 0 0 0 49.39-120.2c-5.01.35-10.02.54-15.06.54M233.37 256L98 120.67a207.06 207.06 0 0 0-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 0 1 135.25 50.12Zm-112.7 158A207.07 207.07 0 0 0 239 463.2q.63-7.35.64-14.87a175.23 175.23 0 0 0-40.81-112.56Z"/></svg>
React
import type { SVGProps } from "react";
export function IonBasketballSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m256 233.37l34.45-34.45a207.08 207.08 0 0 1-50.12-135.25c0-5 .19-10.05.54-15A207.1 207.1 0 0 0 120.67 98Zm57.14-57.14L391.33 98A207.07 207.07 0 0 0 273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0 0 40.78 112.56m22.63 22.63a175.25 175.25 0 0 0 112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 0 0 414 120.67ZM176.23 313.14a175.23 175.23 0 0 0-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0 0 98 391.33ZM256 278.63l-34.45 34.45a207.08 207.08 0 0 1 50.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 0 0 391.33 414Zm192.33-6.96a207.08 207.08 0 0 1-135.25-50.12L278.63 256L414 391.33a207.1 207.1 0 0 0 49.39-120.2c-5.01.35-10.02.54-15.06.54M233.37 256L98 120.67a207.06 207.06 0 0 0-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 0 1 135.25 50.12Zm-112.7 158A207.07 207.07 0 0 0 239 463.2q.63-7.35.64-14.87a175.23 175.23 0 0 0-40.81-112.56Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m256 233.37l34.45-34.45a207.08 207.08 0 0 1-50.12-135.25c0-5 .19-10.05.54-15A207.1 207.1 0 0 0 120.67 98Zm57.14-57.14L391.33 98A207.07 207.07 0 0 0 273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0 0 40.78 112.56m22.63 22.63a175.25 175.25 0 0 0 112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 0 0 414 120.67ZM176.23 313.14a175.23 175.23 0 0 0-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0 0 98 391.33ZM256 278.63l-34.45 34.45a207.08 207.08 0 0 1 50.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 0 0 391.33 414Zm192.33-6.96a207.08 207.08 0 0 1-135.25-50.12L278.63 256L414 391.33a207.1 207.1 0 0 0 49.39-120.2c-5.01.35-10.02.54-15.06.54M233.37 256L98 120.67a207.06 207.06 0 0 0-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 0 1 135.25 50.12Zm-112.7 158A207.07 207.07 0 0 0 239 463.2q.63-7.35.64-14.87a175.23 175.23 0 0 0-40.81-112.56Z"/></svg> </template>
CSS
.icon-basketball-sharp {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m256%20233.37l34.45-34.45a207.08%20207.08%200%200%201-50.12-135.25c0-5%20.19-10.05.54-15A207.1%20207.1%200%200%200%20120.67%2098Zm57.14-57.14L391.33%2098A207.07%20207.07%200%200%200%20273%2048.8c-.41%204.9-.64%209.86-.64%2014.87a175.25%20175.25%200%200%200%2040.78%20112.56m22.63%2022.63a175.25%20175.25%200%200%200%20112.56%2040.81c5%200%2010-.23%2014.87-.64A207.07%20207.07%200%200%200%20414%20120.67ZM176.23%20313.14a175.23%20175.23%200%200%200-112.56-40.81q-7.52%200-14.87.64A207.07%20207.07%200%200%200%2098%20391.33ZM256%20278.63l-34.45%2034.45a207.08%20207.08%200%200%201%2050.12%20135.25c0%205-.19%2010.05-.54%2015A207.06%20207.06%200%200%200%20391.33%20414Zm192.33-6.96a207.08%20207.08%200%200%201-135.25-50.12L278.63%20256L414%20391.33a207.1%20207.1%200%200%200%2049.39-120.2c-5.01.35-10.02.54-15.06.54M233.37%20256L98%20120.67a207.06%20207.06%200%200%200-49.39%20120.2c5-.35%2010-.54%2015-.54a207.08%20207.08%200%200%201%20135.25%2050.12Zm-112.7%20158A207.07%20207.07%200%200%200%20239%20463.2q.63-7.35.64-14.87a175.23%20175.23%200%200%200-40.81-112.56Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m256%20233.37l34.45-34.45a207.08%20207.08%200%200%201-50.12-135.25c0-5%20.19-10.05.54-15A207.1%20207.1%200%200%200%20120.67%2098Zm57.14-57.14L391.33%2098A207.07%20207.07%200%200%200%20273%2048.8c-.41%204.9-.64%209.86-.64%2014.87a175.25%20175.25%200%200%200%2040.78%20112.56m22.63%2022.63a175.25%20175.25%200%200%200%20112.56%2040.81c5%200%2010-.23%2014.87-.64A207.07%20207.07%200%200%200%20414%20120.67ZM176.23%20313.14a175.23%20175.23%200%200%200-112.56-40.81q-7.52%200-14.87.64A207.07%20207.07%200%200%200%2098%20391.33ZM256%20278.63l-34.45%2034.45a207.08%20207.08%200%200%201%2050.12%20135.25c0%205-.19%2010.05-.54%2015A207.06%20207.06%200%200%200%20391.33%20414Zm192.33-6.96a207.08%20207.08%200%200%201-135.25-50.12L278.63%20256L414%20391.33a207.1%20207.1%200%200%200%2049.39-120.2c-5.01.35-10.02.54-15.06.54M233.37%20256L98%20120.67a207.06%20207.06%200%200%200-49.39%20120.2c5-.35%2010-.54%2015-.54a207.08%20207.08%200%200%201%20135.25%2050.12Zm-112.7%20158A207.07%20207.07%200%200%200%20239%20463.2q.63-7.35.64-14.87a175.23%20175.23%200%200%200-40.81-112.56Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/basketball-sharp.svg?color=%231a73e8&size=48
