basketball icon

basketball-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
basketball-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

basketballbasketball-boldbasketball-duotonebasketball-fillbasketball-thin

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 OutlinebasketballIconoirbasketballIonIconsbasketballJam IconsbasketballLucide LabbasketballMaterial Design Iconsbasketball-fillMingCute IconbasketballNoto EmojibasketballOpenMojibasketball-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 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26M60 69.09A89.23 89.23 0 0 1 81.78 122H38.2A89.65 89.65 0 0 1 60 69.09M38.2 134h43.58A89.23 89.23 0 0 1 60 186.91A89.65 89.65 0 0 1 38.2 134m83.8 83.8a89.66 89.66 0 0 1-53.5-22.34A101.18 101.18 0 0 0 93.82 134H122Zm0-95.8H93.82A101.18 101.18 0 0 0 68.5 60.54A89.66 89.66 0 0 1 122 38.2Zm95.8 0h-43.58A89.23 89.23 0 0 1 196 69.09A89.65 89.65 0 0 1 217.8 122M134 38.2a89.66 89.66 0 0 1 53.5 22.34A101.18 101.18 0 0 0 162.18 122H134Zm0 179.6V134h28.18a101.18 101.18 0 0 0 25.32 61.46A89.66 89.66 0 0 1 134 217.8m62-30.89A89.23 89.23 0 0 1 174.22 134h43.58a89.65 89.65 0 0 1-21.8 52.91"/></svg>

React

import type { SVGProps } from "react";

export function PhBasketballLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26M60 69.09A89.23 89.23 0 0 1 81.78 122H38.2A89.65 89.65 0 0 1 60 69.09M38.2 134h43.58A89.23 89.23 0 0 1 60 186.91A89.65 89.65 0 0 1 38.2 134m83.8 83.8a89.66 89.66 0 0 1-53.5-22.34A101.18 101.18 0 0 0 93.82 134H122Zm0-95.8H93.82A101.18 101.18 0 0 0 68.5 60.54A89.66 89.66 0 0 1 122 38.2Zm95.8 0h-43.58A89.23 89.23 0 0 1 196 69.09A89.65 89.65 0 0 1 217.8 122M134 38.2a89.66 89.66 0 0 1 53.5 22.34A101.18 101.18 0 0 0 162.18 122H134Zm0 179.6V134h28.18a101.18 101.18 0 0 0 25.32 61.46A89.66 89.66 0 0 1 134 217.8m62-30.89A89.23 89.23 0 0 1 174.22 134h43.58a89.65 89.65 0 0 1-21.8 52.91"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26M60 69.09A89.23 89.23 0 0 1 81.78 122H38.2A89.65 89.65 0 0 1 60 69.09M38.2 134h43.58A89.23 89.23 0 0 1 60 186.91A89.65 89.65 0 0 1 38.2 134m83.8 83.8a89.66 89.66 0 0 1-53.5-22.34A101.18 101.18 0 0 0 93.82 134H122Zm0-95.8H93.82A101.18 101.18 0 0 0 68.5 60.54A89.66 89.66 0 0 1 122 38.2Zm95.8 0h-43.58A89.23 89.23 0 0 1 196 69.09A89.65 89.65 0 0 1 217.8 122M134 38.2a89.66 89.66 0 0 1 53.5 22.34A101.18 101.18 0 0 0 162.18 122H134Zm0 179.6V134h28.18a101.18 101.18 0 0 0 25.32 61.46A89.66 89.66 0 0 1 134 217.8m62-30.89A89.23 89.23 0 0 1 174.22 134h43.58a89.65 89.65 0 0 1-21.8 52.91"/></svg>
</template>

CSS

.icon-basketball-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026M60%2069.09A89.23%2089.23%200%200%201%2081.78%20122H38.2A89.65%2089.65%200%200%201%2060%2069.09M38.2%20134h43.58A89.23%2089.23%200%200%201%2060%20186.91A89.65%2089.65%200%200%201%2038.2%20134m83.8%2083.8a89.66%2089.66%200%200%201-53.5-22.34A101.18%20101.18%200%200%200%2093.82%20134H122Zm0-95.8H93.82A101.18%20101.18%200%200%200%2068.5%2060.54A89.66%2089.66%200%200%201%20122%2038.2Zm95.8%200h-43.58A89.23%2089.23%200%200%201%20196%2069.09A89.65%2089.65%200%200%201%20217.8%20122M134%2038.2a89.66%2089.66%200%200%201%2053.5%2022.34A101.18%20101.18%200%200%200%20162.18%20122H134Zm0%20179.6V134h28.18a101.18%20101.18%200%200%200%2025.32%2061.46A89.66%2089.66%200%200%201%20134%20217.8m62-30.89A89.23%2089.23%200%200%201%20174.22%20134h43.58a89.65%2089.65%200%200%201-21.8%2052.91%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026M60%2069.09A89.23%2089.23%200%200%201%2081.78%20122H38.2A89.65%2089.65%200%200%201%2060%2069.09M38.2%20134h43.58A89.23%2089.23%200%200%201%2060%20186.91A89.65%2089.65%200%200%201%2038.2%20134m83.8%2083.8a89.66%2089.66%200%200%201-53.5-22.34A101.18%20101.18%200%200%200%2093.82%20134H122Zm0-95.8H93.82A101.18%20101.18%200%200%200%2068.5%2060.54A89.66%2089.66%200%200%201%20122%2038.2Zm95.8%200h-43.58A89.23%2089.23%200%200%201%20196%2069.09A89.65%2089.65%200%200%201%20217.8%20122M134%2038.2a89.66%2089.66%200%200%201%2053.5%2022.34A101.18%20101.18%200%200%200%20162.18%20122H134Zm0%20179.6V134h28.18a101.18%20101.18%200%200%200%2025.32%2061.46A89.66%2089.66%200%200%201%20134%20217.8m62-30.89A89.23%2089.23%200%200%201%20174.22%20134h43.58a89.65%2089.65%200%200%201-21.8%2052.91%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/basketball-light.svg?color=%231a73e8&size=48