racquet icon
racquet-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- racquet-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the racquet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M213 133c-31 31.05-76.36 36.08-101.2 11.24S92 74.07 123 43s76.36-36.08 101.2-11.24S244 101.93 213 133" opacity=".2"/><path d="M230 26.05C202-1.88 151.53 3.16 117.4 37.3c-31.79 31.79-38.33 77.77-16.51 106.49l-29.56 29.56l-.68-.68a16 16 0 0 0-22.64 0L20.69 200a16 16 0 0 0 0 22.64l12.69 12.69a16 16 0 0 0 22.63 0L83.34 208a16 16 0 0 0 0-22.63l-.69-.69l29.56-29.56c11.29 8.58 25.24 12.79 40 12.79c22.72 0 47.25-10 66.54-29.3C252.83 104.47 257.88 54 230 26.05M44.7 224L32 211.31L59.33 184l6.33 6.34l6.34 6.33Zm179.53-120h-24.17V72h32a72.45 72.45 0 0 1-7.83 32M136 149.61A44.15 44.15 0 0 1 106.39 120H136ZM104 104a72.24 72.24 0 0 1 7.86-32H136v32Zm48-32h32v32h-32Zm77.67-16h-29.61V26.28a44.23 44.23 0 0 1 29.66 29.66Zm-45.82-32h.16v32h-32V31.76a72.5 72.5 0 0 1 31.89-7.86ZM136 42.06v13.88h-13.84a90 90 0 0 1 6.56-7.32a93 93 0 0 1 7.28-6.56m16 109.92V120h32v24.16a72.24 72.24 0 0 1-31.95 7.84Zm48-18.14V120h14a92 92 0 0 1-6.56 7.32a90 90 0 0 1-7.38 6.52Z"/></g></svg>
React
import type { SVGProps } from "react";
export function PhRacquetDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M213 133c-31 31.05-76.36 36.08-101.2 11.24S92 74.07 123 43s76.36-36.08 101.2-11.24S244 101.93 213 133" opacity=".2"/><path d="M230 26.05C202-1.88 151.53 3.16 117.4 37.3c-31.79 31.79-38.33 77.77-16.51 106.49l-29.56 29.56l-.68-.68a16 16 0 0 0-22.64 0L20.69 200a16 16 0 0 0 0 22.64l12.69 12.69a16 16 0 0 0 22.63 0L83.34 208a16 16 0 0 0 0-22.63l-.69-.69l29.56-29.56c11.29 8.58 25.24 12.79 40 12.79c22.72 0 47.25-10 66.54-29.3C252.83 104.47 257.88 54 230 26.05M44.7 224L32 211.31L59.33 184l6.33 6.34l6.34 6.33Zm179.53-120h-24.17V72h32a72.45 72.45 0 0 1-7.83 32M136 149.61A44.15 44.15 0 0 1 106.39 120H136ZM104 104a72.24 72.24 0 0 1 7.86-32H136v32Zm48-32h32v32h-32Zm77.67-16h-29.61V26.28a44.23 44.23 0 0 1 29.66 29.66Zm-45.82-32h.16v32h-32V31.76a72.5 72.5 0 0 1 31.89-7.86ZM136 42.06v13.88h-13.84a90 90 0 0 1 6.56-7.32a93 93 0 0 1 7.28-6.56m16 109.92V120h32v24.16a72.24 72.24 0 0 1-31.95 7.84Zm48-18.14V120h14a92 92 0 0 1-6.56 7.32a90 90 0 0 1-7.38 6.52Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M213 133c-31 31.05-76.36 36.08-101.2 11.24S92 74.07 123 43s76.36-36.08 101.2-11.24S244 101.93 213 133" opacity=".2"/><path d="M230 26.05C202-1.88 151.53 3.16 117.4 37.3c-31.79 31.79-38.33 77.77-16.51 106.49l-29.56 29.56l-.68-.68a16 16 0 0 0-22.64 0L20.69 200a16 16 0 0 0 0 22.64l12.69 12.69a16 16 0 0 0 22.63 0L83.34 208a16 16 0 0 0 0-22.63l-.69-.69l29.56-29.56c11.29 8.58 25.24 12.79 40 12.79c22.72 0 47.25-10 66.54-29.3C252.83 104.47 257.88 54 230 26.05M44.7 224L32 211.31L59.33 184l6.33 6.34l6.34 6.33Zm179.53-120h-24.17V72h32a72.45 72.45 0 0 1-7.83 32M136 149.61A44.15 44.15 0 0 1 106.39 120H136ZM104 104a72.24 72.24 0 0 1 7.86-32H136v32Zm48-32h32v32h-32Zm77.67-16h-29.61V26.28a44.23 44.23 0 0 1 29.66 29.66Zm-45.82-32h.16v32h-32V31.76a72.5 72.5 0 0 1 31.89-7.86ZM136 42.06v13.88h-13.84a90 90 0 0 1 6.56-7.32a93 93 0 0 1 7.28-6.56m16 109.92V120h32v24.16a72.24 72.24 0 0 1-31.95 7.84Zm48-18.14V120h14a92 92 0 0 1-6.56 7.32a90 90 0 0 1-7.38 6.52Z"/></g></svg> </template>
CSS
.icon-racquet-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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213%20133c-31%2031.05-76.36%2036.08-101.2%2011.24S92%2074.07%20123%2043s76.36-36.08%20101.2-11.24S244%20101.93%20213%20133%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M230%2026.05C202-1.88%20151.53%203.16%20117.4%2037.3c-31.79%2031.79-38.33%2077.77-16.51%20106.49l-29.56%2029.56l-.68-.68a16%2016%200%200%200-22.64%200L20.69%20200a16%2016%200%200%200%200%2022.64l12.69%2012.69a16%2016%200%200%200%2022.63%200L83.34%20208a16%2016%200%200%200%200-22.63l-.69-.69l29.56-29.56c11.29%208.58%2025.24%2012.79%2040%2012.79c22.72%200%2047.25-10%2066.54-29.3C252.83%20104.47%20257.88%2054%20230%2026.05M44.7%20224L32%20211.31L59.33%20184l6.33%206.34l6.34%206.33Zm179.53-120h-24.17V72h32a72.45%2072.45%200%200%201-7.83%2032M136%20149.61A44.15%2044.15%200%200%201%20106.39%20120H136ZM104%20104a72.24%2072.24%200%200%201%207.86-32H136v32Zm48-32h32v32h-32Zm77.67-16h-29.61V26.28a44.23%2044.23%200%200%201%2029.66%2029.66Zm-45.82-32h.16v32h-32V31.76a72.5%2072.5%200%200%201%2031.89-7.86ZM136%2042.06v13.88h-13.84a90%2090%200%200%201%206.56-7.32a93%2093%200%200%201%207.28-6.56m16%20109.92V120h32v24.16a72.24%2072.24%200%200%201-31.95%207.84Zm48-18.14V120h14a92%2092%200%200%201-6.56%207.32a90%2090%200%200%201-7.38%206.52Z%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213%20133c-31%2031.05-76.36%2036.08-101.2%2011.24S92%2074.07%20123%2043s76.36-36.08%20101.2-11.24S244%20101.93%20213%20133%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M230%2026.05C202-1.88%20151.53%203.16%20117.4%2037.3c-31.79%2031.79-38.33%2077.77-16.51%20106.49l-29.56%2029.56l-.68-.68a16%2016%200%200%200-22.64%200L20.69%20200a16%2016%200%200%200%200%2022.64l12.69%2012.69a16%2016%200%200%200%2022.63%200L83.34%20208a16%2016%200%200%200%200-22.63l-.69-.69l29.56-29.56c11.29%208.58%2025.24%2012.79%2040%2012.79c22.72%200%2047.25-10%2066.54-29.3C252.83%20104.47%20257.88%2054%20230%2026.05M44.7%20224L32%20211.31L59.33%20184l6.33%206.34l6.34%206.33Zm179.53-120h-24.17V72h32a72.45%2072.45%200%200%201-7.83%2032M136%20149.61A44.15%2044.15%200%200%201%20106.39%20120H136ZM104%20104a72.24%2072.24%200%200%201%207.86-32H136v32Zm48-32h32v32h-32Zm77.67-16h-29.61V26.28a44.23%2044.23%200%200%201%2029.66%2029.66Zm-45.82-32h.16v32h-32V31.76a72.5%2072.5%200%200%201%2031.89-7.86ZM136%2042.06v13.88h-13.84a90%2090%200%200%201%206.56-7.32a93%2093%200%200%201%207.28-6.56m16%20109.92V120h32v24.16a72.24%2072.24%200%200%201-31.95%207.84Zm48-18.14V120h14a92%2092%200%200%201-6.56%207.32a90%2090%200%200%201-7.38%206.52Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/racquet-duotone.svg?color=%231a73e8&size=48
