tennis icon
tennis from Reicon by REICON · Outline · Sports · MIT Free for personal and commercial use.
- Name
- tennis
- Set
- Reicon
- Style
- Outline
- 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"><path fill="currentColor" fill-rule="evenodd" d="M12.45 2.76a9.2 9.2 0 0 0-5.075 1.229a9.2 9.2 0 0 0-3.602 3.78c.365.234.865.584 1.442 1.068c1.176.988 2.67 2.535 3.97 4.788c1.301 2.252 1.894 4.32 2.161 5.833c.131.74.184 1.349.204 1.782a9.2 9.2 0 0 0 5.075-1.23a9.2 9.2 0 0 0 3.603-3.78a14 14 0 0 1-1.442-1.068c-1.177-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.894-4.32-2.16-5.833a14 14 0 0 1-.204-1.783m1.515.2c.025.35.074.797.166 1.321c.242 1.37.783 3.266 1.983 5.344c1.2 2.077 2.571 3.494 3.636 4.389c.408.342.77.608 1.06.804a9.22 9.22 0 0 0-.799-7.443a9.23 9.23 0 0 0-6.046-4.414m-3.93 18.079c-.024-.35-.073-.796-.166-1.32c-.242-1.37-.783-3.267-1.982-5.344c-1.2-2.078-2.572-3.495-3.637-4.39c-.408-.342-.77-.607-1.06-.803a9.23 9.23 0 0 0 .8 7.443a9.23 9.23 0 0 0 6.045 4.414m-3.41-18.35a10.7 10.7 0 0 1 6.661-1.363a10.74 10.74 0 0 1 8.024 5.299a10.74 10.74 0 0 1 .577 9.598a10.7 10.7 0 0 1-4.512 5.087c-5.141 2.968-11.716 1.206-14.684-3.935C-.278 12.233 1.484 5.658 6.625 2.69" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconTennis(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M12.45 2.76a9.2 9.2 0 0 0-5.075 1.229a9.2 9.2 0 0 0-3.602 3.78c.365.234.865.584 1.442 1.068c1.176.988 2.67 2.535 3.97 4.788c1.301 2.252 1.894 4.32 2.161 5.833c.131.74.184 1.349.204 1.782a9.2 9.2 0 0 0 5.075-1.23a9.2 9.2 0 0 0 3.603-3.78a14 14 0 0 1-1.442-1.068c-1.177-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.894-4.32-2.16-5.833a14 14 0 0 1-.204-1.783m1.515.2c.025.35.074.797.166 1.321c.242 1.37.783 3.266 1.983 5.344c1.2 2.077 2.571 3.494 3.636 4.389c.408.342.77.608 1.06.804a9.22 9.22 0 0 0-.799-7.443a9.23 9.23 0 0 0-6.046-4.414m-3.93 18.079c-.024-.35-.073-.796-.166-1.32c-.242-1.37-.783-3.267-1.982-5.344c-1.2-2.078-2.572-3.495-3.637-4.39c-.408-.342-.77-.607-1.06-.803a9.23 9.23 0 0 0 .8 7.443a9.23 9.23 0 0 0 6.045 4.414m-3.41-18.35a10.7 10.7 0 0 1 6.661-1.363a10.74 10.74 0 0 1 8.024 5.299a10.74 10.74 0 0 1 .577 9.598a10.7 10.7 0 0 1-4.512 5.087c-5.141 2.968-11.716 1.206-14.684-3.935C-.278 12.233 1.484 5.658 6.625 2.69" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.45 2.76a9.2 9.2 0 0 0-5.075 1.229a9.2 9.2 0 0 0-3.602 3.78c.365.234.865.584 1.442 1.068c1.176.988 2.67 2.535 3.97 4.788c1.301 2.252 1.894 4.32 2.161 5.833c.131.74.184 1.349.204 1.782a9.2 9.2 0 0 0 5.075-1.23a9.2 9.2 0 0 0 3.603-3.78a14 14 0 0 1-1.442-1.068c-1.177-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.894-4.32-2.16-5.833a14 14 0 0 1-.204-1.783m1.515.2c.025.35.074.797.166 1.321c.242 1.37.783 3.266 1.983 5.344c1.2 2.077 2.571 3.494 3.636 4.389c.408.342.77.608 1.06.804a9.22 9.22 0 0 0-.799-7.443a9.23 9.23 0 0 0-6.046-4.414m-3.93 18.079c-.024-.35-.073-.796-.166-1.32c-.242-1.37-.783-3.267-1.982-5.344c-1.2-2.078-2.572-3.495-3.637-4.39c-.408-.342-.77-.607-1.06-.803a9.23 9.23 0 0 0 .8 7.443a9.23 9.23 0 0 0 6.045 4.414m-3.41-18.35a10.7 10.7 0 0 1 6.661-1.363a10.74 10.74 0 0 1 8.024 5.299a10.74 10.74 0 0 1 .577 9.598a10.7 10.7 0 0 1-4.512 5.087c-5.141 2.968-11.716 1.206-14.684-3.935C-.278 12.233 1.484 5.658 6.625 2.69" clip-rule="evenodd"/></svg> </template>
CSS
.icon-tennis {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.45%202.76a9.2%209.2%200%200%200-5.075%201.229a9.2%209.2%200%200%200-3.602%203.78c.365.234.865.584%201.442%201.068c1.176.988%202.67%202.535%203.97%204.788c1.301%202.252%201.894%204.32%202.161%205.833c.131.74.184%201.349.204%201.782a9.2%209.2%200%200%200%205.075-1.23a9.2%209.2%200%200%200%203.603-3.78a14%2014%200%200%201-1.442-1.068c-1.177-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.894-4.32-2.16-5.833a14%2014%200%200%201-.204-1.783m1.515.2c.025.35.074.797.166%201.321c.242%201.37.783%203.266%201.983%205.344c1.2%202.077%202.571%203.494%203.636%204.389c.408.342.77.608%201.06.804a9.22%209.22%200%200%200-.799-7.443a9.23%209.23%200%200%200-6.046-4.414m-3.93%2018.079c-.024-.35-.073-.796-.166-1.32c-.242-1.37-.783-3.267-1.982-5.344c-1.2-2.078-2.572-3.495-3.637-4.39c-.408-.342-.77-.607-1.06-.803a9.23%209.23%200%200%200%20.8%207.443a9.23%209.23%200%200%200%206.045%204.414m-3.41-18.35a10.7%2010.7%200%200%201%206.661-1.363a10.74%2010.74%200%200%201%208.024%205.299a10.74%2010.74%200%200%201%20.577%209.598a10.7%2010.7%200%200%201-4.512%205.087c-5.141%202.968-11.716%201.206-14.684-3.935C-.278%2012.233%201.484%205.658%206.625%202.69%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.45%202.76a9.2%209.2%200%200%200-5.075%201.229a9.2%209.2%200%200%200-3.602%203.78c.365.234.865.584%201.442%201.068c1.176.988%202.67%202.535%203.97%204.788c1.301%202.252%201.894%204.32%202.161%205.833c.131.74.184%201.349.204%201.782a9.2%209.2%200%200%200%205.075-1.23a9.2%209.2%200%200%200%203.603-3.78a14%2014%200%200%201-1.442-1.068c-1.177-.987-2.67-2.535-3.971-4.787c-1.3-2.253-1.894-4.32-2.16-5.833a14%2014%200%200%201-.204-1.783m1.515.2c.025.35.074.797.166%201.321c.242%201.37.783%203.266%201.983%205.344c1.2%202.077%202.571%203.494%203.636%204.389c.408.342.77.608%201.06.804a9.22%209.22%200%200%200-.799-7.443a9.23%209.23%200%200%200-6.046-4.414m-3.93%2018.079c-.024-.35-.073-.796-.166-1.32c-.242-1.37-.783-3.267-1.982-5.344c-1.2-2.078-2.572-3.495-3.637-4.39c-.408-.342-.77-.607-1.06-.803a9.23%209.23%200%200%200%20.8%207.443a9.23%209.23%200%200%200%206.045%204.414m-3.41-18.35a10.7%2010.7%200%200%201%206.661-1.363a10.74%2010.74%200%200%201%208.024%205.299a10.74%2010.74%200%200%201%20.577%209.598a10.7%2010.7%200%200%201-4.512%205.087c-5.141%202.968-11.716%201.206-14.684-3.935C-.278%2012.233%201.484%205.658%206.625%202.69%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/tennis.svg?color=%231a73e8&size=48
