tennis icon
tennis-filled from Reicon by REICON · Filled · Sports · MIT Free for personal and commercial use.
- Name
- tennis-filled
- Set
- Reicon
- Style
- Filled
- Category
- Sports
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All tennis icons →More sports icons from Reicon
Use the tennis icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.688 16.508a9 9 0 0 1-.437-.262a14 14 0 0 1-1.464-1.082c-1.176-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.893-4.32-2.16-5.833a14 14 0 0 1-.205-1.81a9 9 0 0 1-.009-.508c.001-.06.008-.182.009-.215A9.95 9.95 0 0 0 7 3.34a9.95 9.95 0 0 0-3.875 4.051l.189.103q.16.089.437.262c.367.234.876.588 1.464 1.082c1.176.988 2.67 2.535 3.97 4.788c1.301 2.252 1.894 4.32 2.162 5.832c.133.757.185 1.375.204 1.81c.01.217.01.389.009.509v.215a9.95 9.95 0 0 0 5.44-1.33a9.95 9.95 0 0 0 3.874-4.046z"/><path d="M10.06 21.811a9 9 0 0 0-.007-.478a12 12 0 0 0-.183-1.613c-.241-1.369-.783-3.266-1.982-5.343c-1.2-2.078-2.572-3.495-3.637-4.39a12 12 0 0 0-1.304-.964c-.159-.1-.33-.199-.412-.245a9.98 9.98 0 0 0 .806 8.224a9.98 9.98 0 0 0 6.719 4.81m3.883-19.62a10 10 0 0 0 .006.479c.017.375.063.927.184 1.612c.241 1.37.783 3.266 1.982 5.344c1.2 2.077 2.572 3.494 3.637 4.389c.532.447.987.762 1.304.964c.159.101.33.2.412.245a9.98 9.98 0 0 0-.806-8.223a9.98 9.98 0 0 0-6.719-4.81"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconTennisFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.688 16.508a9 9 0 0 1-.437-.262a14 14 0 0 1-1.464-1.082c-1.176-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.893-4.32-2.16-5.833a14 14 0 0 1-.205-1.81a9 9 0 0 1-.009-.508c.001-.06.008-.182.009-.215A9.95 9.95 0 0 0 7 3.34a9.95 9.95 0 0 0-3.875 4.051l.189.103q.16.089.437.262c.367.234.876.588 1.464 1.082c1.176.988 2.67 2.535 3.97 4.788c1.301 2.252 1.894 4.32 2.162 5.832c.133.757.185 1.375.204 1.81c.01.217.01.389.009.509v.215a9.95 9.95 0 0 0 5.44-1.33a9.95 9.95 0 0 0 3.874-4.046z"/><path d="M10.06 21.811a9 9 0 0 0-.007-.478a12 12 0 0 0-.183-1.613c-.241-1.369-.783-3.266-1.982-5.343c-1.2-2.078-2.572-3.495-3.637-4.39a12 12 0 0 0-1.304-.964c-.159-.1-.33-.199-.412-.245a9.98 9.98 0 0 0 .806 8.224a9.98 9.98 0 0 0 6.719 4.81m3.883-19.62a10 10 0 0 0 .006.479c.017.375.063.927.184 1.612c.241 1.37.783 3.266 1.982 5.344c1.2 2.077 2.572 3.494 3.637 4.389c.532.447.987.762 1.304.964c.159.101.33.2.412.245a9.98 9.98 0 0 0-.806-8.223a9.98 9.98 0 0 0-6.719-4.81"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.688 16.508a9 9 0 0 1-.437-.262a14 14 0 0 1-1.464-1.082c-1.176-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.893-4.32-2.16-5.833a14 14 0 0 1-.205-1.81a9 9 0 0 1-.009-.508c.001-.06.008-.182.009-.215A9.95 9.95 0 0 0 7 3.34a9.95 9.95 0 0 0-3.875 4.051l.189.103q.16.089.437.262c.367.234.876.588 1.464 1.082c1.176.988 2.67 2.535 3.97 4.788c1.301 2.252 1.894 4.32 2.162 5.832c.133.757.185 1.375.204 1.81c.01.217.01.389.009.509v.215a9.95 9.95 0 0 0 5.44-1.33a9.95 9.95 0 0 0 3.874-4.046z"/><path d="M10.06 21.811a9 9 0 0 0-.007-.478a12 12 0 0 0-.183-1.613c-.241-1.369-.783-3.266-1.982-5.343c-1.2-2.078-2.572-3.495-3.637-4.39a12 12 0 0 0-1.304-.964c-.159-.1-.33-.199-.412-.245a9.98 9.98 0 0 0 .806 8.224a9.98 9.98 0 0 0 6.719 4.81m3.883-19.62a10 10 0 0 0 .006.479c.017.375.063.927.184 1.612c.241 1.37.783 3.266 1.982 5.344c1.2 2.077 2.572 3.494 3.637 4.389c.532.447.987.762 1.304.964c.159.101.33.2.412.245a9.98 9.98 0 0 0-.806-8.223a9.98 9.98 0 0 0-6.719-4.81"/></g></svg> </template>
CSS
.icon-tennis-filled {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M20.688%2016.508a9%209%200%200%201-.437-.262a14%2014%200%200%201-1.464-1.082c-1.176-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.893-4.32-2.16-5.833a14%2014%200%200%201-.205-1.81a9%209%200%200%201-.009-.508c.001-.06.008-.182.009-.215A9.95%209.95%200%200%200%207%203.34a9.95%209.95%200%200%200-3.875%204.051l.189.103q.16.089.437.262c.367.234.876.588%201.464%201.082c1.176.988%202.67%202.535%203.97%204.788c1.301%202.252%201.894%204.32%202.162%205.832c.133.757.185%201.375.204%201.81c.01.217.01.389.009.509v.215a9.95%209.95%200%200%200%205.44-1.33a9.95%209.95%200%200%200%203.874-4.046z%22%2F%3E%3Cpath%20d%3D%22M10.06%2021.811a9%209%200%200%200-.007-.478a12%2012%200%200%200-.183-1.613c-.241-1.369-.783-3.266-1.982-5.343c-1.2-2.078-2.572-3.495-3.637-4.39a12%2012%200%200%200-1.304-.964c-.159-.1-.33-.199-.412-.245a9.98%209.98%200%200%200%20.806%208.224a9.98%209.98%200%200%200%206.719%204.81m3.883-19.62a10%2010%200%200%200%20.006.479c.017.375.063.927.184%201.612c.241%201.37.783%203.266%201.982%205.344c1.2%202.077%202.572%203.494%203.637%204.389c.532.447.987.762%201.304.964c.159.101.33.2.412.245a9.98%209.98%200%200%200-.806-8.223a9.98%209.98%200%200%200-6.719-4.81%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M20.688%2016.508a9%209%200%200%201-.437-.262a14%2014%200%200%201-1.464-1.082c-1.176-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.893-4.32-2.16-5.833a14%2014%200%200%201-.205-1.81a9%209%200%200%201-.009-.508c.001-.06.008-.182.009-.215A9.95%209.95%200%200%200%207%203.34a9.95%209.95%200%200%200-3.875%204.051l.189.103q.16.089.437.262c.367.234.876.588%201.464%201.082c1.176.988%202.67%202.535%203.97%204.788c1.301%202.252%201.894%204.32%202.162%205.832c.133.757.185%201.375.204%201.81c.01.217.01.389.009.509v.215a9.95%209.95%200%200%200%205.44-1.33a9.95%209.95%200%200%200%203.874-4.046z%22%2F%3E%3Cpath%20d%3D%22M10.06%2021.811a9%209%200%200%200-.007-.478a12%2012%200%200%200-.183-1.613c-.241-1.369-.783-3.266-1.982-5.343c-1.2-2.078-2.572-3.495-3.637-4.39a12%2012%200%200%200-1.304-.964c-.159-.1-.33-.199-.412-.245a9.98%209.98%200%200%200%20.806%208.224a9.98%209.98%200%200%200%206.719%204.81m3.883-19.62a10%2010%200%200%200%20.006.479c.017.375.063.927.184%201.612c.241%201.37.783%203.266%201.982%205.344c1.2%202.077%202.572%203.494%203.637%204.389c.532.447.987.762%201.304.964c.159.101.33.2.412.245a9.98%209.98%200%200%200-.806-8.223a9.98%209.98%200%200%200-6.719-4.81%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/tennis-filled.svg?color=%231a73e8&size=48
