basketball icon
basketball from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- basketball
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 512×512
- License
- CC BY 4.0
The same icon in other sets
basketballBoxIcons v2basketballBoxIcons v2 SolidbasketballCarbonbasketballEmoji One (Colored)basketballElement PlusbasketballFont 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 512 512"><path fill="currentColor" d="m86.6 64l85.2 85.2C194.5 121.7 208 86.4 208 48c0-14.7-2-28.9-5.7-42.4C158.6 15 119 35.5 86.6 64M64 86.6c-28.5 32.4-49 72-58.4 115.7C19.1 206 33.3 208 48 208c38.4 0 73.7-13.5 101.3-36.1zM256 0c-7.3 0-14.6.3-21.8.9C238 16 240 31.8 240 48c0 47.3-17.1 90.5-45.4 124l61.4 61.4L425.4 64C380.2 24.2 320.9 0 256 0M48 240c-16.2 0-32-2-47.1-5.8A263 263 0 0 0 0 256c0 64.9 24.2 124.2 64 169.4L233.4 256L172 194.6C138.5 222.9 95.3 240 48 240m463.1 37.8c.6-7.2.9-14.5.9-21.8c0-64.9-24.2-124.2-64-169.4L278.6 256l61.4 61.4c33.4-28.3 76.7-45.4 124-45.4c16.2 0 32 2 47.1 5.8m-4.7 31.9c-13.5-3.7-27.7-5.7-42.4-5.7c-38.4 0-73.7 13.5-101.3 36.1l85.3 85.3c28.5-32.3 49.1-71.9 58.4-115.7m-166.3 53C317.5 390.3 304 425.6 304 464c0 14.7 2 28.9 5.7 42.4c43.7-9.4 83.3-29.9 115.7-58.4l-85.2-85.2zM317.4 340L256 278.6L86.6 448c45.1 39.8 104.4 64 169.4 64c7.3 0 14.6-.3 21.8-.9C274 496 272 480.2 272 464c0-47.3 17.1-90.5 45.4-124"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidBasketball(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="m86.6 64l85.2 85.2C194.5 121.7 208 86.4 208 48c0-14.7-2-28.9-5.7-42.4C158.6 15 119 35.5 86.6 64M64 86.6c-28.5 32.4-49 72-58.4 115.7C19.1 206 33.3 208 48 208c38.4 0 73.7-13.5 101.3-36.1zM256 0c-7.3 0-14.6.3-21.8.9C238 16 240 31.8 240 48c0 47.3-17.1 90.5-45.4 124l61.4 61.4L425.4 64C380.2 24.2 320.9 0 256 0M48 240c-16.2 0-32-2-47.1-5.8A263 263 0 0 0 0 256c0 64.9 24.2 124.2 64 169.4L233.4 256L172 194.6C138.5 222.9 95.3 240 48 240m463.1 37.8c.6-7.2.9-14.5.9-21.8c0-64.9-24.2-124.2-64-169.4L278.6 256l61.4 61.4c33.4-28.3 76.7-45.4 124-45.4c16.2 0 32 2 47.1 5.8m-4.7 31.9c-13.5-3.7-27.7-5.7-42.4-5.7c-38.4 0-73.7 13.5-101.3 36.1l85.3 85.3c28.5-32.3 49.1-71.9 58.4-115.7m-166.3 53C317.5 390.3 304 425.6 304 464c0 14.7 2 28.9 5.7 42.4c43.7-9.4 83.3-29.9 115.7-58.4l-85.2-85.2zM317.4 340L256 278.6L86.6 448c45.1 39.8 104.4 64 169.4 64c7.3 0 14.6-.3 21.8-.9C274 496 272 480.2 272 464c0-47.3 17.1-90.5 45.4-124"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m86.6 64l85.2 85.2C194.5 121.7 208 86.4 208 48c0-14.7-2-28.9-5.7-42.4C158.6 15 119 35.5 86.6 64M64 86.6c-28.5 32.4-49 72-58.4 115.7C19.1 206 33.3 208 48 208c38.4 0 73.7-13.5 101.3-36.1zM256 0c-7.3 0-14.6.3-21.8.9C238 16 240 31.8 240 48c0 47.3-17.1 90.5-45.4 124l61.4 61.4L425.4 64C380.2 24.2 320.9 0 256 0M48 240c-16.2 0-32-2-47.1-5.8A263 263 0 0 0 0 256c0 64.9 24.2 124.2 64 169.4L233.4 256L172 194.6C138.5 222.9 95.3 240 48 240m463.1 37.8c.6-7.2.9-14.5.9-21.8c0-64.9-24.2-124.2-64-169.4L278.6 256l61.4 61.4c33.4-28.3 76.7-45.4 124-45.4c16.2 0 32 2 47.1 5.8m-4.7 31.9c-13.5-3.7-27.7-5.7-42.4-5.7c-38.4 0-73.7 13.5-101.3 36.1l85.3 85.3c28.5-32.3 49.1-71.9 58.4-115.7m-166.3 53C317.5 390.3 304 425.6 304 464c0 14.7 2 28.9 5.7 42.4c43.7-9.4 83.3-29.9 115.7-58.4l-85.2-85.2zM317.4 340L256 278.6L86.6 448c45.1 39.8 104.4 64 169.4 64c7.3 0 14.6-.3 21.8-.9C274 496 272 480.2 272 464c0-47.3 17.1-90.5 45.4-124"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m86.6%2064l85.2%2085.2C194.5%20121.7%20208%2086.4%20208%2048c0-14.7-2-28.9-5.7-42.4C158.6%2015%20119%2035.5%2086.6%2064M64%2086.6c-28.5%2032.4-49%2072-58.4%20115.7C19.1%20206%2033.3%20208%2048%20208c38.4%200%2073.7-13.5%20101.3-36.1zM256%200c-7.3%200-14.6.3-21.8.9C238%2016%20240%2031.8%20240%2048c0%2047.3-17.1%2090.5-45.4%20124l61.4%2061.4L425.4%2064C380.2%2024.2%20320.9%200%20256%200M48%20240c-16.2%200-32-2-47.1-5.8A263%20263%200%200%200%200%20256c0%2064.9%2024.2%20124.2%2064%20169.4L233.4%20256L172%20194.6C138.5%20222.9%2095.3%20240%2048%20240m463.1%2037.8c.6-7.2.9-14.5.9-21.8c0-64.9-24.2-124.2-64-169.4L278.6%20256l61.4%2061.4c33.4-28.3%2076.7-45.4%20124-45.4c16.2%200%2032%202%2047.1%205.8m-4.7%2031.9c-13.5-3.7-27.7-5.7-42.4-5.7c-38.4%200-73.7%2013.5-101.3%2036.1l85.3%2085.3c28.5-32.3%2049.1-71.9%2058.4-115.7m-166.3%2053C317.5%20390.3%20304%20425.6%20304%20464c0%2014.7%202%2028.9%205.7%2042.4c43.7-9.4%2083.3-29.9%20115.7-58.4l-85.2-85.2zM317.4%20340L256%20278.6L86.6%20448c45.1%2039.8%20104.4%2064%20169.4%2064c7.3%200%2014.6-.3%2021.8-.9C274%20496%20272%20480.2%20272%20464c0-47.3%2017.1-90.5%2045.4-124%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%22m86.6%2064l85.2%2085.2C194.5%20121.7%20208%2086.4%20208%2048c0-14.7-2-28.9-5.7-42.4C158.6%2015%20119%2035.5%2086.6%2064M64%2086.6c-28.5%2032.4-49%2072-58.4%20115.7C19.1%20206%2033.3%20208%2048%20208c38.4%200%2073.7-13.5%20101.3-36.1zM256%200c-7.3%200-14.6.3-21.8.9C238%2016%20240%2031.8%20240%2048c0%2047.3-17.1%2090.5-45.4%20124l61.4%2061.4L425.4%2064C380.2%2024.2%20320.9%200%20256%200M48%20240c-16.2%200-32-2-47.1-5.8A263%20263%200%200%200%200%20256c0%2064.9%2024.2%20124.2%2064%20169.4L233.4%20256L172%20194.6C138.5%20222.9%2095.3%20240%2048%20240m463.1%2037.8c.6-7.2.9-14.5.9-21.8c0-64.9-24.2-124.2-64-169.4L278.6%20256l61.4%2061.4c33.4-28.3%2076.7-45.4%20124-45.4c16.2%200%2032%202%2047.1%205.8m-4.7%2031.9c-13.5-3.7-27.7-5.7-42.4-5.7c-38.4%200-73.7%2013.5-101.3%2036.1l85.3%2085.3c28.5-32.3%2049.1-71.9%2058.4-115.7m-166.3%2053C317.5%20390.3%20304%20425.6%20304%20464c0%2014.7%202%2028.9%205.7%2042.4c43.7-9.4%2083.3-29.9%20115.7-58.4l-85.2-85.2zM317.4%20340L256%20278.6L86.6%20448c45.1%2039.8%20104.4%2064%20169.4%2064c7.3%200%2014.6-.3%2021.8-.9C274%20496%20272%20480.2%20272%20464c0-47.3%2017.1-90.5%2045.4-124%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/basketball.svg?color=%231a73e8&size=48
