tennisball icon

tennisball from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: tennisball
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

Use the tennisball icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M448 256a192.6 192.6 0 0 0 32-2.68A224 224 0 0 0 258.68 32A192.6 192.6 0 0 0 256 64c0 105.87 86.13 192 192 192M253.35 480c.94-5.67 1.65-11.4 2.09-17.18c.37-4.88.56-9.86.56-14.79c0-105.87-86.13-192-192-192a192.6 192.6 0 0 0-32 2.68A224 224 0 0 0 253.35 480"/><path fill="currentColor" d="M289.61 222.39A222.53 222.53 0 0 1 224 64a226 226 0 0 1 2-30A224.1 224.1 0 0 0 34 226a226 226 0 0 1 30-2a222.53 222.53 0 0 1 158.39 65.61A222.53 222.53 0 0 1 288 448c0 5.74-.22 11.53-.65 17.22q-.5 6.42-1.36 12.79A224.12 224.12 0 0 0 478 286a226 226 0 0 1-30 2a222.53 222.53 0 0 1-158.39-65.61"/></svg>

React

import type { SVGProps } from "react";

export function IonTennisball(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="M448 256a192.6 192.6 0 0 0 32-2.68A224 224 0 0 0 258.68 32A192.6 192.6 0 0 0 256 64c0 105.87 86.13 192 192 192M253.35 480c.94-5.67 1.65-11.4 2.09-17.18c.37-4.88.56-9.86.56-14.79c0-105.87-86.13-192-192-192a192.6 192.6 0 0 0-32 2.68A224 224 0 0 0 253.35 480"/><path fill="currentColor" d="M289.61 222.39A222.53 222.53 0 0 1 224 64a226 226 0 0 1 2-30A224.1 224.1 0 0 0 34 226a226 226 0 0 1 30-2a222.53 222.53 0 0 1 158.39 65.61A222.53 222.53 0 0 1 288 448c0 5.74-.22 11.53-.65 17.22q-.5 6.42-1.36 12.79A224.12 224.12 0 0 0 478 286a226 226 0 0 1-30 2a222.53 222.53 0 0 1-158.39-65.61"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M448 256a192.6 192.6 0 0 0 32-2.68A224 224 0 0 0 258.68 32A192.6 192.6 0 0 0 256 64c0 105.87 86.13 192 192 192M253.35 480c.94-5.67 1.65-11.4 2.09-17.18c.37-4.88.56-9.86.56-14.79c0-105.87-86.13-192-192-192a192.6 192.6 0 0 0-32 2.68A224 224 0 0 0 253.35 480"/><path fill="currentColor" d="M289.61 222.39A222.53 222.53 0 0 1 224 64a226 226 0 0 1 2-30A224.1 224.1 0 0 0 34 226a226 226 0 0 1 30-2a222.53 222.53 0 0 1 158.39 65.61A222.53 222.53 0 0 1 288 448c0 5.74-.22 11.53-.65 17.22q-.5 6.42-1.36 12.79A224.12 224.12 0 0 0 478 286a226 226 0 0 1-30 2a222.53 222.53 0 0 1-158.39-65.61"/></svg>
</template>

CSS

.icon-tennisball {
  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%22M448%20256a192.6%20192.6%200%200%200%2032-2.68A224%20224%200%200%200%20258.68%2032A192.6%20192.6%200%200%200%20256%2064c0%20105.87%2086.13%20192%20192%20192M253.35%20480c.94-5.67%201.65-11.4%202.09-17.18c.37-4.88.56-9.86.56-14.79c0-105.87-86.13-192-192-192a192.6%20192.6%200%200%200-32%202.68A224%20224%200%200%200%20253.35%20480%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M289.61%20222.39A222.53%20222.53%200%200%201%20224%2064a226%20226%200%200%201%202-30A224.1%20224.1%200%200%200%2034%20226a226%20226%200%200%201%2030-2a222.53%20222.53%200%200%201%20158.39%2065.61A222.53%20222.53%200%200%201%20288%20448c0%205.74-.22%2011.53-.65%2017.22q-.5%206.42-1.36%2012.79A224.12%20224.12%200%200%200%20478%20286a226%20226%200%200%201-30%202a222.53%20222.53%200%200%201-158.39-65.61%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%22M448%20256a192.6%20192.6%200%200%200%2032-2.68A224%20224%200%200%200%20258.68%2032A192.6%20192.6%200%200%200%20256%2064c0%20105.87%2086.13%20192%20192%20192M253.35%20480c.94-5.67%201.65-11.4%202.09-17.18c.37-4.88.56-9.86.56-14.79c0-105.87-86.13-192-192-192a192.6%20192.6%200%200%200-32%202.68A224%20224%200%200%200%20253.35%20480%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M289.61%20222.39A222.53%20222.53%200%200%201%20224%2064a226%20226%200%200%201%202-30A224.1%20224.1%200%200%200%2034%20226a226%20226%200%200%201%2030-2a222.53%20222.53%200%200%201%20158.39%2065.61A222.53%20222.53%200%200%201%20288%20448c0%205.74-.22%2011.53-.65%2017.22q-.5%206.42-1.36%2012.79A224.12%20224.12%200%200%200%20478%20286a226%20226%200%200%201-30%202a222.53%20222.53%200%200%201-158.39-65.61%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/tennisball.svg?color=%231a73e8&size=48