basketball icon

basketball from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.

Name
basketball
Set
BoxIcons v2 Solid
Style
Solid
Viewbox
24×24
License
MIT

The same icon in other sets

basketballBoxIcons v2basketballCarbonbasketballEmoji One (Colored)basketballElement PlusbasketballFont Awesome 6 SolidbasketballFont Awesome SolidbasketballFluent EmojibasketballFluent Emoji FlatbasketballFluent Emoji High ContrastbasketballIconParkbasketballIconPark OutlinebasketballIconoirbasketballIonIconsbasketballJam 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 24 24"><path fill="currentColor" d="M18.328 4.258a9.95 9.95 0 0 0-5.949-2.235a9 9 0 0 1-1.835 7.107L12 10.586zM7.701 9.115L4.258 5.672a9.94 9.94 0 0 0-2.112 4.704a7 7 0 0 0 5.555-1.261m12.041-3.443L13.414 12l1.456 1.456a9 9 0 0 1 7.107-1.835a9.95 9.95 0 0 0-2.235-5.949m2.112 7.952a7 7 0 0 0-5.555 1.261l3.443 3.443a9.9 9.9 0 0 0 2.112-4.704M9.115 7.701a7 7 0 0 0 1.261-5.555a9.9 9.9 0 0 0-4.704 2.112zm4.509 14.153a9.94 9.94 0 0 0 4.704-2.111L14.885 16.3a7 7 0 0 0-1.261 5.554M12 13.414l-6.328 6.328a9.95 9.95 0 0 0 5.949 2.235a9 9 0 0 1 1.835-7.107zm-7.742 4.914L10.586 12L9.13 10.544a9 9 0 0 1-7.107 1.835a9.95 9.95 0 0 0 2.235 5.949"/></svg>

React

import type { SVGProps } from "react";

export function BxsBasketball(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="M18.328 4.258a9.95 9.95 0 0 0-5.949-2.235a9 9 0 0 1-1.835 7.107L12 10.586zM7.701 9.115L4.258 5.672a9.94 9.94 0 0 0-2.112 4.704a7 7 0 0 0 5.555-1.261m12.041-3.443L13.414 12l1.456 1.456a9 9 0 0 1 7.107-1.835a9.95 9.95 0 0 0-2.235-5.949m2.112 7.952a7 7 0 0 0-5.555 1.261l3.443 3.443a9.9 9.9 0 0 0 2.112-4.704M9.115 7.701a7 7 0 0 0 1.261-5.555a9.9 9.9 0 0 0-4.704 2.112zm4.509 14.153a9.94 9.94 0 0 0 4.704-2.111L14.885 16.3a7 7 0 0 0-1.261 5.554M12 13.414l-6.328 6.328a9.95 9.95 0 0 0 5.949 2.235a9 9 0 0 1 1.835-7.107zm-7.742 4.914L10.586 12L9.13 10.544a9 9 0 0 1-7.107 1.835a9.95 9.95 0 0 0 2.235 5.949"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.328 4.258a9.95 9.95 0 0 0-5.949-2.235a9 9 0 0 1-1.835 7.107L12 10.586zM7.701 9.115L4.258 5.672a9.94 9.94 0 0 0-2.112 4.704a7 7 0 0 0 5.555-1.261m12.041-3.443L13.414 12l1.456 1.456a9 9 0 0 1 7.107-1.835a9.95 9.95 0 0 0-2.235-5.949m2.112 7.952a7 7 0 0 0-5.555 1.261l3.443 3.443a9.9 9.9 0 0 0 2.112-4.704M9.115 7.701a7 7 0 0 0 1.261-5.555a9.9 9.9 0 0 0-4.704 2.112zm4.509 14.153a9.94 9.94 0 0 0 4.704-2.111L14.885 16.3a7 7 0 0 0-1.261 5.554M12 13.414l-6.328 6.328a9.95 9.95 0 0 0 5.949 2.235a9 9 0 0 1 1.835-7.107zm-7.742 4.914L10.586 12L9.13 10.544a9 9 0 0 1-7.107 1.835a9.95 9.95 0 0 0 2.235 5.949"/></svg>
</template>

CSS

.icon-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%22M18.328%204.258a9.95%209.95%200%200%200-5.949-2.235a9%209%200%200%201-1.835%207.107L12%2010.586zM7.701%209.115L4.258%205.672a9.94%209.94%200%200%200-2.112%204.704a7%207%200%200%200%205.555-1.261m12.041-3.443L13.414%2012l1.456%201.456a9%209%200%200%201%207.107-1.835a9.95%209.95%200%200%200-2.235-5.949m2.112%207.952a7%207%200%200%200-5.555%201.261l3.443%203.443a9.9%209.9%200%200%200%202.112-4.704M9.115%207.701a7%207%200%200%200%201.261-5.555a9.9%209.9%200%200%200-4.704%202.112zm4.509%2014.153a9.94%209.94%200%200%200%204.704-2.111L14.885%2016.3a7%207%200%200%200-1.261%205.554M12%2013.414l-6.328%206.328a9.95%209.95%200%200%200%205.949%202.235a9%209%200%200%201%201.835-7.107zm-7.742%204.914L10.586%2012L9.13%2010.544a9%209%200%200%201-7.107%201.835a9.95%209.95%200%200%200%202.235%205.949%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%22M18.328%204.258a9.95%209.95%200%200%200-5.949-2.235a9%209%200%200%201-1.835%207.107L12%2010.586zM7.701%209.115L4.258%205.672a9.94%209.94%200%200%200-2.112%204.704a7%207%200%200%200%205.555-1.261m12.041-3.443L13.414%2012l1.456%201.456a9%209%200%200%201%207.107-1.835a9.95%209.95%200%200%200-2.235-5.949m2.112%207.952a7%207%200%200%200-5.555%201.261l3.443%203.443a9.9%209.9%200%200%200%202.112-4.704M9.115%207.701a7%207%200%200%200%201.261-5.555a9.9%209.9%200%200%200-4.704%202.112zm4.509%2014.153a9.94%209.94%200%200%200%204.704-2.111L14.885%2016.3a7%207%200%200%200-1.261%205.554M12%2013.414l-6.328%206.328a9.95%209.95%200%200%200%205.949%202.235a9%209%200%200%201%201.835-7.107zm-7.742%204.914L10.586%2012L9.13%2010.544a9%209%200%200%201-7.107%201.835a9.95%209.95%200%200%200%202.235%205.949%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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