basketball icon
basketball from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.
- Name
- basketball
- Set
- Element Plus
- Style
- Outline
- Viewbox
- 1024×1024
- License
- MIT
The same icon in other sets
basketballBoxIcons v2basketballBoxIcons v2 SolidbasketballCarbonbasketballEmoji One (Colored)basketballFont 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 1024 1024"><path fill="currentColor" d="M778.8 788.2a383 383 0 0 0 116-245.6a257 257 0 0 0-241.7-14a763 763 0 0 1 125.7 259.6m-55 44.2a700 700 0 0 0-125.1-269.6a256 256 0 0 0-56.1 332a383 383 0 0 0 181.1-62.4m-254 61.3a320 320 0 0 1 88-380.1a716 716 0 0 0-48.1-48.1a320 320 0 0 1-379.3 88.4a382 382 0 0 0 110.1 229.7a382 382 0 0 0 229.2 110zM129.2 481.1a256 256 0 0 0 331-56.5a700 700 0 0 0-268.7-124.3A383 383 0 0 0 129.3 481m106.5-235.9a763 763 0 0 1 258.7 125.1a257 257 0 0 0-13.4-241a383 383 0 0 0-245.3 116m318.1-115a321 321 0 0 1-8.4 281.3a780 780 0 0 1 66.1 66.2a321 321 0 0 1 282.2-8.2a382 382 0 0 0-110.2-229A382 382 0 0 0 554 130.2zm274.9 698.5a448 448 0 1 1-633.6-633.6a448 448 0 0 1 633.6 633.6"/></svg>
React
import type { SVGProps } from "react";
export function EpBasketball(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M778.8 788.2a383 383 0 0 0 116-245.6a257 257 0 0 0-241.7-14a763 763 0 0 1 125.7 259.6m-55 44.2a700 700 0 0 0-125.1-269.6a256 256 0 0 0-56.1 332a383 383 0 0 0 181.1-62.4m-254 61.3a320 320 0 0 1 88-380.1a716 716 0 0 0-48.1-48.1a320 320 0 0 1-379.3 88.4a382 382 0 0 0 110.1 229.7a382 382 0 0 0 229.2 110zM129.2 481.1a256 256 0 0 0 331-56.5a700 700 0 0 0-268.7-124.3A383 383 0 0 0 129.3 481m106.5-235.9a763 763 0 0 1 258.7 125.1a257 257 0 0 0-13.4-241a383 383 0 0 0-245.3 116m318.1-115a321 321 0 0 1-8.4 281.3a780 780 0 0 1 66.1 66.2a321 321 0 0 1 282.2-8.2a382 382 0 0 0-110.2-229A382 382 0 0 0 554 130.2zm274.9 698.5a448 448 0 1 1-633.6-633.6a448 448 0 0 1 633.6 633.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M778.8 788.2a383 383 0 0 0 116-245.6a257 257 0 0 0-241.7-14a763 763 0 0 1 125.7 259.6m-55 44.2a700 700 0 0 0-125.1-269.6a256 256 0 0 0-56.1 332a383 383 0 0 0 181.1-62.4m-254 61.3a320 320 0 0 1 88-380.1a716 716 0 0 0-48.1-48.1a320 320 0 0 1-379.3 88.4a382 382 0 0 0 110.1 229.7a382 382 0 0 0 229.2 110zM129.2 481.1a256 256 0 0 0 331-56.5a700 700 0 0 0-268.7-124.3A383 383 0 0 0 129.3 481m106.5-235.9a763 763 0 0 1 258.7 125.1a257 257 0 0 0-13.4-241a383 383 0 0 0-245.3 116m318.1-115a321 321 0 0 1-8.4 281.3a780 780 0 0 1 66.1 66.2a321 321 0 0 1 282.2-8.2a382 382 0 0 0-110.2-229A382 382 0 0 0 554 130.2zm274.9 698.5a448 448 0 1 1-633.6-633.6a448 448 0 0 1 633.6 633.6"/></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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M778.8%20788.2a383%20383%200%200%200%20116-245.6a257%20257%200%200%200-241.7-14a763%20763%200%200%201%20125.7%20259.6m-55%2044.2a700%20700%200%200%200-125.1-269.6a256%20256%200%200%200-56.1%20332a383%20383%200%200%200%20181.1-62.4m-254%2061.3a320%20320%200%200%201%2088-380.1a716%20716%200%200%200-48.1-48.1a320%20320%200%200%201-379.3%2088.4a382%20382%200%200%200%20110.1%20229.7a382%20382%200%200%200%20229.2%20110zM129.2%20481.1a256%20256%200%200%200%20331-56.5a700%20700%200%200%200-268.7-124.3A383%20383%200%200%200%20129.3%20481m106.5-235.9a763%20763%200%200%201%20258.7%20125.1a257%20257%200%200%200-13.4-241a383%20383%200%200%200-245.3%20116m318.1-115a321%20321%200%200%201-8.4%20281.3a780%20780%200%200%201%2066.1%2066.2a321%20321%200%200%201%20282.2-8.2a382%20382%200%200%200-110.2-229A382%20382%200%200%200%20554%20130.2zm274.9%20698.5a448%20448%200%201%201-633.6-633.6a448%20448%200%200%201%20633.6%20633.6%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M778.8%20788.2a383%20383%200%200%200%20116-245.6a257%20257%200%200%200-241.7-14a763%20763%200%200%201%20125.7%20259.6m-55%2044.2a700%20700%200%200%200-125.1-269.6a256%20256%200%200%200-56.1%20332a383%20383%200%200%200%20181.1-62.4m-254%2061.3a320%20320%200%200%201%2088-380.1a716%20716%200%200%200-48.1-48.1a320%20320%200%200%201-379.3%2088.4a382%20382%200%200%200%20110.1%20229.7a382%20382%200%200%200%20229.2%20110zM129.2%20481.1a256%20256%200%200%200%20331-56.5a700%20700%200%200%200-268.7-124.3A383%20383%200%200%200%20129.3%20481m106.5-235.9a763%20763%200%200%201%20258.7%20125.1a257%20257%200%200%200-13.4-241a383%20383%200%200%200-245.3%20116m318.1-115a321%20321%200%200%201-8.4%20281.3a780%20780%200%200%201%2066.1%2066.2a321%20321%200%200%201%20282.2-8.2a382%20382%200%200%200-110.2-229A382%20382%200%200%200%20554%20130.2zm274.9%20698.5a448%20448%200%201%201-633.6-633.6a448%20448%200%200%201%20633.6%20633.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/basketball.svg?color=%231a73e8&size=48
