Tennis Ball icon
glyphs-poly:tennis-ball
The Tennis Ball icon (glyphs-poly:tennis-ball) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly 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
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- tennisball
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#219653" stroke="#f2f2f2" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M28.686 12.686a29.564 29.564 0 1 1 22.628 54.627a29.564 29.564 0 0 1-22.628-54.627"/><path fill="#6fcf97" fill-rule="evenodd" d="M23.24 24.517C27.114 28.99 31 34.08 31 40s-3.885 11.009-7.76 15.483a22.2 22.2 0 0 0-3.666 5.89a29.56 29.56 0 0 0 31.74 5.94a29.6 29.6 0 0 0 9.112-5.94a22.2 22.2 0 0 0-3.665-5.889C52.885 51.009 49 45.92 49 40s3.884-11.01 7.76-15.484a22.2 22.2 0 0 0 3.665-5.89a29.564 29.564 0 0 0-40.852 0a22.2 22.2 0 0 0 3.665 5.89" clip-rule="evenodd"/><path fill="#f2f2f2" d="m23.24 24.517l-1.512 1.309zm0 30.966l1.511 1.31zm-3.666 5.89l-1.843-.778a2 2 0 0 0 .46 2.224zm9.112 5.94l-.765 1.849zm22.628 0l-.766-1.847zm9.112-5.94l1.382 1.446a2 2 0 0 0 .46-2.224zm-3.665-5.889l1.512-1.31zm0-30.968l1.512 1.31zm3.665-5.89l1.842.779a2 2 0 0 0-.46-2.224zm-9.112-5.94l.765-1.847zm-22.628 0l-.765-1.847zm-9.112 5.941l-1.382-1.446a2 2 0 0 0-.46 2.224zM33 40c0-6.754-4.414-12.366-8.249-16.793l-3.024 2.619C25.645 30.348 29 34.914 29 40zm-8.249 16.793c3.835-4.427 8.25-10.04 8.25-16.793h-4c0 5.086-3.357 9.652-7.274 14.174zm-3.335 5.358a20.2 20.2 0 0 1 3.335-5.358l-3.024-2.619c-1.646 1.9-3 4.063-3.996 6.421zm8.036 3.315a27.6 27.6 0 0 1-8.496-5.539l-2.764 2.892a31.6 31.6 0 0 0 9.729 6.343zm21.096 0a27.56 27.56 0 0 1-21.096 0l-1.531 3.696a31.56 31.56 0 0 0 24.158 0zm8.496-5.538a27.6 27.6 0 0 1-8.496 5.538l1.531 3.696a31.6 31.6 0 0 0 9.729-6.343zm-3.795-3.135a20.2 20.2 0 0 1 3.335 5.359l3.685-1.557a24.2 24.2 0 0 0-3.996-6.42zM47 40c0 6.754 4.414 12.366 8.25 16.793l3.023-2.618C54.356 49.652 51 45.085 51 40zm8.25-16.793C51.413 27.634 47 33.246 47 40h4c0-5.086 3.356-9.652 7.273-14.175zm3.334-5.358a20.2 20.2 0 0 1-3.335 5.358l3.024 2.618c1.646-1.9 3-4.062 3.995-6.42zm-8.036-3.315a27.6 27.6 0 0 1 8.496 5.539l2.764-2.892a31.6 31.6 0 0 0-9.729-6.342zm-21.096 0a27.56 27.56 0 0 1 21.096 0l1.531-3.695a31.56 31.56 0 0 0-24.158 0zm-8.496 5.539a27.6 27.6 0 0 1 8.496-5.539L27.92 10.84a31.6 31.6 0 0 0-9.729 6.342zm3.795 3.134a20.2 20.2 0 0 1-3.335-5.358l-3.684 1.556a24.2 24.2 0 0 0 3.996 6.42z"/></g></svg>
How to use the Tennis Ball icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:tennis-ball" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:tennis-ball" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:tennis-ball" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--tennis-ball]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:tennis-ball"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:tennis-ball"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/tennis-ball.svg" alt="Tennis Ball icon" width="24" height="24">
Tennis Ball icon in other icon sets
Tennis Ball icon FAQ
Is the Tennis Ball icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Tennis Ball icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:tennis-ball" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tennis Ball icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/tennis-ball.svg" alt="Tennis Ball icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs Poly icons →
ICONYZ
