tennisball icon

tennisball-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: tennisball-sharp
Set: IonIcons
Style: Sharp
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="M246.4 480a181 181 0 0 0 3.22-22.86c.35-4.61.53-9.31.53-14c0-100-81.34-181.32-181.32-181.32A181.7 181.7 0 0 0 32 265.61A224.2 224.2 0 0 0 246.4 480"/><path fill="currentColor" d="M284.63 227.37A222.73 222.73 0 0 1 219 68.83a227 227 0 0 1 2.62-34.42A224.41 224.41 0 0 0 34.41 221.58A227 227 0 0 1 68.83 219a222.73 222.73 0 0 1 158.54 65.67A222.73 222.73 0 0 1 293 443.17c0 5.74-.22 11.54-.65 17.23s-1.11 11.51-2 17.2a224.42 224.42 0 0 0 187.24-187.18a227 227 0 0 1-34.42 2.58a222.73 222.73 0 0 1-158.54-65.63"/><path fill="currentColor" d="M443.17 250.15a181.7 181.7 0 0 0 36.83-3.76A224.2 224.2 0 0 0 265.61 32a181.7 181.7 0 0 0-3.76 36.83c0 99.98 81.34 181.32 181.32 181.32"/></svg>

React

import type { SVGProps } from "react";

export function IonTennisballSharp(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="M246.4 480a181 181 0 0 0 3.22-22.86c.35-4.61.53-9.31.53-14c0-100-81.34-181.32-181.32-181.32A181.7 181.7 0 0 0 32 265.61A224.2 224.2 0 0 0 246.4 480"/><path fill="currentColor" d="M284.63 227.37A222.73 222.73 0 0 1 219 68.83a227 227 0 0 1 2.62-34.42A224.41 224.41 0 0 0 34.41 221.58A227 227 0 0 1 68.83 219a222.73 222.73 0 0 1 158.54 65.67A222.73 222.73 0 0 1 293 443.17c0 5.74-.22 11.54-.65 17.23s-1.11 11.51-2 17.2a224.42 224.42 0 0 0 187.24-187.18a227 227 0 0 1-34.42 2.58a222.73 222.73 0 0 1-158.54-65.63"/><path fill="currentColor" d="M443.17 250.15a181.7 181.7 0 0 0 36.83-3.76A224.2 224.2 0 0 0 265.61 32a181.7 181.7 0 0 0-3.76 36.83c0 99.98 81.34 181.32 181.32 181.32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M246.4 480a181 181 0 0 0 3.22-22.86c.35-4.61.53-9.31.53-14c0-100-81.34-181.32-181.32-181.32A181.7 181.7 0 0 0 32 265.61A224.2 224.2 0 0 0 246.4 480"/><path fill="currentColor" d="M284.63 227.37A222.73 222.73 0 0 1 219 68.83a227 227 0 0 1 2.62-34.42A224.41 224.41 0 0 0 34.41 221.58A227 227 0 0 1 68.83 219a222.73 222.73 0 0 1 158.54 65.67A222.73 222.73 0 0 1 293 443.17c0 5.74-.22 11.54-.65 17.23s-1.11 11.51-2 17.2a224.42 224.42 0 0 0 187.24-187.18a227 227 0 0 1-34.42 2.58a222.73 222.73 0 0 1-158.54-65.63"/><path fill="currentColor" d="M443.17 250.15a181.7 181.7 0 0 0 36.83-3.76A224.2 224.2 0 0 0 265.61 32a181.7 181.7 0 0 0-3.76 36.83c0 99.98 81.34 181.32 181.32 181.32"/></svg>
</template>

CSS

.icon-tennisball-sharp {
  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%22M246.4%20480a181%20181%200%200%200%203.22-22.86c.35-4.61.53-9.31.53-14c0-100-81.34-181.32-181.32-181.32A181.7%20181.7%200%200%200%2032%20265.61A224.2%20224.2%200%200%200%20246.4%20480%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M284.63%20227.37A222.73%20222.73%200%200%201%20219%2068.83a227%20227%200%200%201%202.62-34.42A224.41%20224.41%200%200%200%2034.41%20221.58A227%20227%200%200%201%2068.83%20219a222.73%20222.73%200%200%201%20158.54%2065.67A222.73%20222.73%200%200%201%20293%20443.17c0%205.74-.22%2011.54-.65%2017.23s-1.11%2011.51-2%2017.2a224.42%20224.42%200%200%200%20187.24-187.18a227%20227%200%200%201-34.42%202.58a222.73%20222.73%200%200%201-158.54-65.63%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M443.17%20250.15a181.7%20181.7%200%200%200%2036.83-3.76A224.2%20224.2%200%200%200%20265.61%2032a181.7%20181.7%200%200%200-3.76%2036.83c0%2099.98%2081.34%20181.32%20181.32%20181.32%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%22M246.4%20480a181%20181%200%200%200%203.22-22.86c.35-4.61.53-9.31.53-14c0-100-81.34-181.32-181.32-181.32A181.7%20181.7%200%200%200%2032%20265.61A224.2%20224.2%200%200%200%20246.4%20480%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M284.63%20227.37A222.73%20222.73%200%200%201%20219%2068.83a227%20227%200%200%201%202.62-34.42A224.41%20224.41%200%200%200%2034.41%20221.58A227%20227%200%200%201%2068.83%20219a222.73%20222.73%200%200%201%20158.54%2065.67A222.73%20222.73%200%200%201%20293%20443.17c0%205.74-.22%2011.54-.65%2017.23s-1.11%2011.51-2%2017.2a224.42%20224.42%200%200%200%20187.24-187.18a227%20227%200%200%201-34.42%202.58a222.73%20222.73%200%200%201-158.54-65.63%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M443.17%20250.15a181.7%20181.7%200%200%200%2036.83-3.76A224.2%20224.2%200%200%200%20265.61%2032a181.7%20181.7%200%200%200-3.76%2036.83c0%2099.98%2081.34%20181.32%20181.32%20181.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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