tennis 2 icon
tennis-2-line-duotone from Solar by 480 Design · Line Duotone · Sports · CC-BY-4.0 Attribution required.
- Name
- tennis-2-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 2 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.33971 16.9997C6.10113 21.7826 12.217 23.4214 17 20.66C18.9496 19.5344 20.3768 17.8514 21.1965 15.9286C22.3878 13.1341 22.296 9.83304 20.6602 6.99972C19.0244 4.1664 16.2114 2.43642 13.1957 2.07088C11.1207 1.81935 8.94957 2.21386 6.99996 3.33946C2.21703 6.10089 0.578283 12.2168 3.33971 16.9997Z"/><path stroke-dasharray="1.5 2" d="M13.1958 2.07129C13.1958 2.07129 12.0981 6.17 14.5981 10.5001C17.0981 14.8303 21.1965 15.929 21.1965 15.929M2.80347 8.07129C2.80347 8.07129 6.90191 9.17 9.40191 13.5001C11.9019 17.8303 10.8042 21.929 10.8042 21.929" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTennis2LineDuotone(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.33971 16.9997C6.10113 21.7826 12.217 23.4214 17 20.66C18.9496 19.5344 20.3768 17.8514 21.1965 15.9286C22.3878 13.1341 22.296 9.83304 20.6602 6.99972C19.0244 4.1664 16.2114 2.43642 13.1957 2.07088C11.1207 1.81935 8.94957 2.21386 6.99996 3.33946C2.21703 6.10089 0.578283 12.2168 3.33971 16.9997Z"/><path strokeDasharray="1.5 2" d="M13.1958 2.07129C13.1958 2.07129 12.0981 6.17 14.5981 10.5001C17.0981 14.8303 21.1965 15.929 21.1965 15.929M2.80347 8.07129C2.80347 8.07129 6.90191 9.17 9.40191 13.5001C11.9019 17.8303 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.33971 16.9997C6.10113 21.7826 12.217 23.4214 17 20.66C18.9496 19.5344 20.3768 17.8514 21.1965 15.9286C22.3878 13.1341 22.296 9.83304 20.6602 6.99972C19.0244 4.1664 16.2114 2.43642 13.1957 2.07088C11.1207 1.81935 8.94957 2.21386 6.99996 3.33946C2.21703 6.10089 0.578283 12.2168 3.33971 16.9997Z"/><path stroke-dasharray="1.5 2" d="M13.1958 2.07129C13.1958 2.07129 12.0981 6.17 14.5981 10.5001C17.0981 14.8303 21.1965 15.929 21.1965 15.929M2.80347 8.07129C2.80347 8.07129 6.90191 9.17 9.40191 13.5001C11.9019 17.8303 10.8042 21.929 10.8042 21.929" opacity=".5"/></g></svg> </template>
CSS
.icon-tennis-2-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.33971%2016.9997C6.10113%2021.7826%2012.217%2023.4214%2017%2020.66C18.9496%2019.5344%2020.3768%2017.8514%2021.1965%2015.9286C22.3878%2013.1341%2022.296%209.83304%2020.6602%206.99972C19.0244%204.1664%2016.2114%202.43642%2013.1957%202.07088C11.1207%201.81935%208.94957%202.21386%206.99996%203.33946C2.21703%206.10089%200.578283%2012.2168%203.33971%2016.9997Z%22%2F%3E%3Cpath%20stroke-dasharray%3D%221.5%202%22%20d%3D%22M13.1958%202.07129C13.1958%202.07129%2012.0981%206.17%2014.5981%2010.5001C17.0981%2014.8303%2021.1965%2015.929%2021.1965%2015.929M2.80347%208.07129C2.80347%208.07129%206.90191%209.17%209.40191%2013.5001C11.9019%2017.8303%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.33971%2016.9997C6.10113%2021.7826%2012.217%2023.4214%2017%2020.66C18.9496%2019.5344%2020.3768%2017.8514%2021.1965%2015.9286C22.3878%2013.1341%2022.296%209.83304%2020.6602%206.99972C19.0244%204.1664%2016.2114%202.43642%2013.1957%202.07088C11.1207%201.81935%208.94957%202.21386%206.99996%203.33946C2.21703%206.10089%200.578283%2012.2168%203.33971%2016.9997Z%22%2F%3E%3Cpath%20stroke-dasharray%3D%221.5%202%22%20d%3D%22M13.1958%202.07129C13.1958%202.07129%2012.0981%206.17%2014.5981%2010.5001C17.0981%2014.8303%2021.1965%2015.929%2021.1965%2015.929M2.80347%208.07129C2.80347%208.07129%206.90191%209.17%209.40191%2013.5001C11.9019%2017.8303%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-2-line-duotone.svg?color=%231a73e8&size=48
