tennis icon
tennis-linear from Solar by 480 Design · Linear · Sports · CC-BY-4.0 Attribution required.
- Name
- tennis-linear
- Set
- Solar
- Style
- Linear
- Category
- Sports
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More sports icons from Solar
balls-boldbasketball-boldbicycling-boldbicycling-round-boldbody-shape-boldbody-shape-minimalistic-boldbowling-bolddumbbell-bolddumbbell-large-bolddumbbell-large-minimalistic-bolddumbbell-small-bolddumbbells-2-bolddumbbells-boldfootball-boldgolf-boldhiking-boldhiking-minimalistic-boldhiking-round-boldmeditation-boldmeditation-round-boldranking-boldrugby-boldrunning-2-boldrunning-bold
Use the tennis icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z"/><path d="M13.196 2.07129C13.196 2.07129 12.9643 5.67 15.4643 10.0001C17.9643 14.3303 21.1967 15.929 21.1967 15.929M2.80371 8.07129C2.80371 8.07129 6.03613 9.67 8.53613 14.0001C11.0361 18.3303 10.8044 21.929 10.8044 21.929"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTennisLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z"/><path d="M13.196 2.07129C13.196 2.07129 12.9643 5.67 15.4643 10.0001C17.9643 14.3303 21.1967 15.929 21.1967 15.929M2.80371 8.07129C2.80371 8.07129 6.03613 9.67 8.53613 14.0001C11.0361 18.3303 10.8044 21.929 10.8044 21.929"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z"/><path d="M13.196 2.07129C13.196 2.07129 12.9643 5.67 15.4643 10.0001C17.9643 14.3303 21.1967 15.929 21.1967 15.929M2.80371 8.07129C2.80371 8.07129 6.03613 9.67 8.53613 14.0001C11.0361 18.3303 10.8044 21.929 10.8044 21.929"/></g></svg> </template>
CSS
.icon-tennis-linear {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.33995%2016.9997C6.10137%2021.7826%2012.2173%2023.4214%2017.0002%2020.66C18.9498%2019.5344%2020.377%2017.8514%2021.1967%2015.9286C22.388%2013.1341%2022.2963%209.83304%2020.6605%206.99972C19.0246%204.1664%2016.2117%202.43642%2013.196%202.07088C11.1209%201.81935%208.94981%202.21386%207.00021%203.33946C2.21728%206.10089%200.578527%2012.2168%203.33995%2016.9997Z%22%2F%3E%3Cpath%20d%3D%22M13.196%202.07129C13.196%202.07129%2012.9643%205.67%2015.4643%2010.0001C17.9643%2014.3303%2021.1967%2015.929%2021.1967%2015.929M2.80371%208.07129C2.80371%208.07129%206.03613%209.67%208.53613%2014.0001C11.0361%2018.3303%2010.8044%2021.929%2010.8044%2021.929%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.33995%2016.9997C6.10137%2021.7826%2012.2173%2023.4214%2017.0002%2020.66C18.9498%2019.5344%2020.377%2017.8514%2021.1967%2015.9286C22.388%2013.1341%2022.2963%209.83304%2020.6605%206.99972C19.0246%204.1664%2016.2117%202.43642%2013.196%202.07088C11.1209%201.81935%208.94981%202.21386%207.00021%203.33946C2.21728%206.10089%200.578527%2012.2168%203.33995%2016.9997Z%22%2F%3E%3Cpath%20d%3D%22M13.196%202.07129C13.196%202.07129%2012.9643%205.67%2015.4643%2010.0001C17.9643%2014.3303%2021.1967%2015.929%2021.1967%2015.929M2.80371%208.07129C2.80371%208.07129%206.03613%209.67%208.53613%2014.0001C11.0361%2018.3303%2010.8044%2021.929%2010.8044%2021.929%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/tennis-linear.svg?color=%231a73e8&size=48
