tennis icon
tennis-line-duotone from Solar by 480 Design · Line Duotone · Sports · CC-BY-4.0 Attribution required.
- Name
- tennis-line-duotone
- Set
- Solar
- Style
- Line Duotone
- 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.1958 2.07129C13.1958 2.07129 12.9641 5.67 15.4641 10.0001C17.9641 14.3303 21.1965 15.929 21.1965 15.929M2.80347 8.07129C2.80347 8.07129 6.03588 9.67 8.53588 14.0001C11.0359 18.3303 10.8042 21.929 10.8042 21.929" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTennisLineDuotone(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.1958 2.07129C13.1958 2.07129 12.9641 5.67 15.4641 10.0001C17.9641 14.3303 21.1965 15.929 21.1965 15.929M2.80347 8.07129C2.80347 8.07129 6.03588 9.67 8.53588 14.0001C11.0359 18.3303 10.8042 21.929 10.8042 21.929" opacity=".5"/></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.1958 2.07129C13.1958 2.07129 12.9641 5.67 15.4641 10.0001C17.9641 14.3303 21.1965 15.929 21.1965 15.929M2.80347 8.07129C2.80347 8.07129 6.03588 9.67 8.53588 14.0001C11.0359 18.3303 10.8042 21.929 10.8042 21.929" opacity=".5"/></g></svg> </template>
CSS
.icon-tennis-line-duotone {
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.1958%202.07129C13.1958%202.07129%2012.9641%205.67%2015.4641%2010.0001C17.9641%2014.3303%2021.1965%2015.929%2021.1965%2015.929M2.80347%208.07129C2.80347%208.07129%206.03588%209.67%208.53588%2014.0001C11.0359%2018.3303%2010.8042%2021.929%2010.8042%2021.929%22%20opacity%3D%22.5%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.1958%202.07129C13.1958%202.07129%2012.9641%205.67%2015.4641%2010.0001C17.9641%2014.3303%2021.1965%2015.929%2021.1965%2015.929M2.80347%208.07129C2.80347%208.07129%206.03588%209.67%208.53588%2014.0001C11.0359%2018.3303%2010.8042%2021.929%2010.8042%2021.929%22%20opacity%3D%22.5%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-line-duotone.svg?color=%231a73e8&size=48
