basketball emoji
basketball from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- basketball
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji 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 EmojibasketballOpenMojibasketballPhosphorbasketball-fillRemix Iconbasketball-boldSolarbasketballStreamline Emojis
More activities icons from Twitter Emoji
Use the basketball emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#f4900c"/><path fill="#231f20" d="M36 17h-8.981c.188-5.506 1.943-9.295 4.784-10.546a18 18 0 0 0-1.428-1.504c-2.83 1.578-5.145 5.273-5.354 12.049H19V0h-2v17h-6.021c-.208-6.776-2.523-10.471-5.353-12.049a18 18 0 0 0-1.428 1.503C7.039 7.705 8.793 11.494 8.981 17H0v2h8.981c-.188 5.506-1.942 9.295-4.783 10.546c.445.531.926 1.027 1.428 1.504c2.831-1.578 5.145-5.273 5.353-12.05H17v17h2V19h6.021c.209 6.776 2.523 10.471 5.354 12.05c.502-.476.984-.973 1.428-1.504c-2.841-1.251-4.595-5.04-4.784-10.546H36z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBasketball(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#f4900c"/><path fill="#231f20" d="M36 17h-8.981c.188-5.506 1.943-9.295 4.784-10.546a18 18 0 0 0-1.428-1.504c-2.83 1.578-5.145 5.273-5.354 12.049H19V0h-2v17h-6.021c-.208-6.776-2.523-10.471-5.353-12.049a18 18 0 0 0-1.428 1.503C7.039 7.705 8.793 11.494 8.981 17H0v2h8.981c-.188 5.506-1.942 9.295-4.783 10.546c.445.531.926 1.027 1.428 1.504c2.831-1.578 5.145-5.273 5.353-12.05H17v17h2V19h6.021c.209 6.776 2.523 10.471 5.354 12.05c.502-.476.984-.973 1.428-1.504c-2.841-1.251-4.595-5.04-4.784-10.546H36z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#f4900c"/><path fill="#231f20" d="M36 17h-8.981c.188-5.506 1.943-9.295 4.784-10.546a18 18 0 0 0-1.428-1.504c-2.83 1.578-5.145 5.273-5.354 12.049H19V0h-2v17h-6.021c-.208-6.776-2.523-10.471-5.353-12.049a18 18 0 0 0-1.428 1.503C7.039 7.705 8.793 11.494 8.981 17H0v2h8.981c-.188 5.506-1.942 9.295-4.783 10.546c.445.531.926 1.027 1.428 1.504c2.831-1.578 5.145-5.273 5.353-12.05H17v17h2V19h6.021c.209 6.776 2.523 10.471 5.354 12.05c.502-.476.984-.973 1.428-1.504c-2.841-1.251-4.595-5.04-4.784-10.546H36z"/></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%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23f4900c%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M36%2017h-8.981c.188-5.506%201.943-9.295%204.784-10.546a18%2018%200%200%200-1.428-1.504c-2.83%201.578-5.145%205.273-5.354%2012.049H19V0h-2v17h-6.021c-.208-6.776-2.523-10.471-5.353-12.049a18%2018%200%200%200-1.428%201.503C7.039%207.705%208.793%2011.494%208.981%2017H0v2h8.981c-.188%205.506-1.942%209.295-4.783%2010.546c.445.531.926%201.027%201.428%201.504c2.831-1.578%205.145-5.273%205.353-12.05H17v17h2V19h6.021c.209%206.776%202.523%2010.471%205.354%2012.05c.502-.476.984-.973%201.428-1.504c-2.841-1.251-4.595-5.04-4.784-10.546H36z%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%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23f4900c%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M36%2017h-8.981c.188-5.506%201.943-9.295%204.784-10.546a18%2018%200%200%200-1.428-1.504c-2.83%201.578-5.145%205.273-5.354%2012.049H19V0h-2v17h-6.021c-.208-6.776-2.523-10.471-5.353-12.049a18%2018%200%200%200-1.428%201.503C7.039%207.705%208.793%2011.494%208.981%2017H0v2h8.981c-.188%205.506-1.942%209.295-4.783%2010.546c.445.531.926%201.027%201.428%201.504c2.831-1.578%205.145-5.273%205.353-12.05H17v17h2V19h6.021c.209%206.776%202.523%2010.471%205.354%2012.05c.502-.476.984-.973%201.428-1.504c-2.841-1.251-4.595-5.04-4.784-10.546H36z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/basketball.svg?color=%231a73e8&size=48
