Basketball icon
ep:basketball
The Basketball icon (ep:basketball) is a free SVG icon from the Element Plus set. It is drawn on a 1024 × 1024 grid. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Element Plus
- Author
- Element Plus
- License
- MIT
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" 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>
How to use the Basketball icon
React
import { Icon } from "@iconify/react";
<Icon icon="ep:basketball" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:basketball" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:basketball" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--basketball]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:basketball"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:basketball"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ep/basketball.svg" alt="Basketball icon" width="24" height="24">
Basketball icon in other icon sets
Basketball icon FAQ
Is the Basketball icon free for commercial use?
Yes. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Basketball icon in React?
Install @iconify/react and render <Icon icon="ep:basketball" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Basketball icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ep/basketball.svg" alt="Basketball icon">, or paste the SVG code inline to style it with CSS.
Browse all Element Plus icons →
ICONYZ
