tennis ball icon
tennis-ball-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- tennis-ball-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the tennis ball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200.16 55.88a102 102 0 1 0 0 144.24a101.4 101.4 0 0 0 0-144.24M64.33 64.36a89.62 89.62 0 0 1 57.25-26.07a89.32 89.32 0 0 1-26.12 57.18a89.38 89.38 0 0 1-57.21 26.11a89.6 89.6 0 0 1 26.08-57.22M38.2 133.63A101.36 101.36 0 0 0 104 104a101.24 101.24 0 0 0 29.68-65.72a89.76 89.76 0 0 1 84.17 84.13a102 102 0 0 0-95.43 95.39a89.76 89.76 0 0 1-84.22-84.17m153.47 58a89.63 89.63 0 0 1-57.25 26.06a89.94 89.94 0 0 1 83.33-83.28a89.6 89.6 0 0 1-26.08 57.23Z"/></svg>
React
import type { SVGProps } from "react";
export function PhTennisBallLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200.16 55.88a102 102 0 1 0 0 144.24a101.4 101.4 0 0 0 0-144.24M64.33 64.36a89.62 89.62 0 0 1 57.25-26.07a89.32 89.32 0 0 1-26.12 57.18a89.38 89.38 0 0 1-57.21 26.11a89.6 89.6 0 0 1 26.08-57.22M38.2 133.63A101.36 101.36 0 0 0 104 104a101.24 101.24 0 0 0 29.68-65.72a89.76 89.76 0 0 1 84.17 84.13a102 102 0 0 0-95.43 95.39a89.76 89.76 0 0 1-84.22-84.17m153.47 58a89.63 89.63 0 0 1-57.25 26.06a89.94 89.94 0 0 1 83.33-83.28a89.6 89.6 0 0 1-26.08 57.23Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200.16 55.88a102 102 0 1 0 0 144.24a101.4 101.4 0 0 0 0-144.24M64.33 64.36a89.62 89.62 0 0 1 57.25-26.07a89.32 89.32 0 0 1-26.12 57.18a89.38 89.38 0 0 1-57.21 26.11a89.6 89.6 0 0 1 26.08-57.22M38.2 133.63A101.36 101.36 0 0 0 104 104a101.24 101.24 0 0 0 29.68-65.72a89.76 89.76 0 0 1 84.17 84.13a102 102 0 0 0-95.43 95.39a89.76 89.76 0 0 1-84.22-84.17m153.47 58a89.63 89.63 0 0 1-57.25 26.06a89.94 89.94 0 0 1 83.33-83.28a89.6 89.6 0 0 1-26.08 57.23Z"/></svg> </template>
CSS
.icon-tennis-ball-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M200.16%2055.88a102%20102%200%201%200%200%20144.24a101.4%20101.4%200%200%200%200-144.24M64.33%2064.36a89.62%2089.62%200%200%201%2057.25-26.07a89.32%2089.32%200%200%201-26.12%2057.18a89.38%2089.38%200%200%201-57.21%2026.11a89.6%2089.6%200%200%201%2026.08-57.22M38.2%20133.63A101.36%20101.36%200%200%200%20104%20104a101.24%20101.24%200%200%200%2029.68-65.72a89.76%2089.76%200%200%201%2084.17%2084.13a102%20102%200%200%200-95.43%2095.39a89.76%2089.76%200%200%201-84.22-84.17m153.47%2058a89.63%2089.63%200%200%201-57.25%2026.06a89.94%2089.94%200%200%201%2083.33-83.28a89.6%2089.6%200%200%201-26.08%2057.23Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M200.16%2055.88a102%20102%200%201%200%200%20144.24a101.4%20101.4%200%200%200%200-144.24M64.33%2064.36a89.62%2089.62%200%200%201%2057.25-26.07a89.32%2089.32%200%200%201-26.12%2057.18a89.38%2089.38%200%200%201-57.21%2026.11a89.6%2089.6%200%200%201%2026.08-57.22M38.2%20133.63A101.36%20101.36%200%200%200%20104%20104a101.24%20101.24%200%200%200%2029.68-65.72a89.76%2089.76%200%200%201%2084.17%2084.13a102%20102%200%200%200-95.43%2095.39a89.76%2089.76%200%200%201-84.22-84.17m153.47%2058a89.63%2089.63%200%200%201-57.25%2026.06a89.94%2089.94%200%200%201%2083.33-83.28a89.6%2089.6%200%200%201-26.08%2057.23Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/tennis-ball-light.svg?color=%231a73e8&size=48
