racquet icon
racquet-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- racquet-thin
- Set
- Phosphor
- Style
- Thin
- 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"><path fill="currentColor" d="M227.1 28.9C200.74 2.53 152.79 7.58 120.22 40.15c-31.39 31.39-37.2 77.07-14 103.94L71.33 179l-3.52-3.52a12 12 0 0 0-17 0l-27.29 27.34a12 12 0 0 0 0 17l12.69 12.69a12 12 0 0 0 17 0l27.29-27.34a12 12 0 0 0 0-17l-3.5-3.49l34.93-34.94c11 9.53 25.18 14.19 40.24 14.19c21.67 0 45.17-9.62 63.7-28.15c32.55-32.57 37.6-80.52 11.23-106.88M74.84 199.51l-27.32 27.32a4 4 0 0 1-5.66 0l-12.69-12.69a4 4 0 0 1 0-5.66l27.33-27.32a4 4 0 0 1 5.65 0l6.35 6.34l6.34 6.34a4 4 0 0 1 0 5.66ZM234.83 60h-38.78V21.17A48.55 48.55 0 0 1 234.83 60M183.9 20c1.39 0 2.77.06 4.14.15V60H148V29.37A77.3 77.3 0 0 1 183.9 20m4.1 48v40h-40V68Zm-62.12-22.2A95.3 95.3 0 0 1 140 34.16V60h-25.8a94.4 94.4 0 0 1 11.68-14.2M109.44 68H140v40h-39.83c-.84-13 2.32-26.93 9.27-40m-8.19 48H140v38.78A48.48 48.48 0 0 1 101.25 116M148 155.83V116h40v30.59c-13.07 6.92-27 10.09-40 9.24m62.17-25.71a95 95 0 0 1-14.15 11.65V116h25.8a94 94 0 0 1-11.62 14.12ZM226.63 108h-30.58V68h39.85c.85 12.89-2.32 26.86-9.27 40"/></svg>
React
import type { SVGProps } from "react";
export function PhRacquetThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.1 28.9C200.74 2.53 152.79 7.58 120.22 40.15c-31.39 31.39-37.2 77.07-14 103.94L71.33 179l-3.52-3.52a12 12 0 0 0-17 0l-27.29 27.34a12 12 0 0 0 0 17l12.69 12.69a12 12 0 0 0 17 0l27.29-27.34a12 12 0 0 0 0-17l-3.5-3.49l34.93-34.94c11 9.53 25.18 14.19 40.24 14.19c21.67 0 45.17-9.62 63.7-28.15c32.55-32.57 37.6-80.52 11.23-106.88M74.84 199.51l-27.32 27.32a4 4 0 0 1-5.66 0l-12.69-12.69a4 4 0 0 1 0-5.66l27.33-27.32a4 4 0 0 1 5.65 0l6.35 6.34l6.34 6.34a4 4 0 0 1 0 5.66ZM234.83 60h-38.78V21.17A48.55 48.55 0 0 1 234.83 60M183.9 20c1.39 0 2.77.06 4.14.15V60H148V29.37A77.3 77.3 0 0 1 183.9 20m4.1 48v40h-40V68Zm-62.12-22.2A95.3 95.3 0 0 1 140 34.16V60h-25.8a94.4 94.4 0 0 1 11.68-14.2M109.44 68H140v40h-39.83c-.84-13 2.32-26.93 9.27-40m-8.19 48H140v38.78A48.48 48.48 0 0 1 101.25 116M148 155.83V116h40v30.59c-13.07 6.92-27 10.09-40 9.24m62.17-25.71a95 95 0 0 1-14.15 11.65V116h25.8a94 94 0 0 1-11.62 14.12ZM226.63 108h-30.58V68h39.85c.85 12.89-2.32 26.86-9.27 40"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.1 28.9C200.74 2.53 152.79 7.58 120.22 40.15c-31.39 31.39-37.2 77.07-14 103.94L71.33 179l-3.52-3.52a12 12 0 0 0-17 0l-27.29 27.34a12 12 0 0 0 0 17l12.69 12.69a12 12 0 0 0 17 0l27.29-27.34a12 12 0 0 0 0-17l-3.5-3.49l34.93-34.94c11 9.53 25.18 14.19 40.24 14.19c21.67 0 45.17-9.62 63.7-28.15c32.55-32.57 37.6-80.52 11.23-106.88M74.84 199.51l-27.32 27.32a4 4 0 0 1-5.66 0l-12.69-12.69a4 4 0 0 1 0-5.66l27.33-27.32a4 4 0 0 1 5.65 0l6.35 6.34l6.34 6.34a4 4 0 0 1 0 5.66ZM234.83 60h-38.78V21.17A48.55 48.55 0 0 1 234.83 60M183.9 20c1.39 0 2.77.06 4.14.15V60H148V29.37A77.3 77.3 0 0 1 183.9 20m4.1 48v40h-40V68Zm-62.12-22.2A95.3 95.3 0 0 1 140 34.16V60h-25.8a94.4 94.4 0 0 1 11.68-14.2M109.44 68H140v40h-39.83c-.84-13 2.32-26.93 9.27-40m-8.19 48H140v38.78A48.48 48.48 0 0 1 101.25 116M148 155.83V116h40v30.59c-13.07 6.92-27 10.09-40 9.24m62.17-25.71a95 95 0 0 1-14.15 11.65V116h25.8a94 94 0 0 1-11.62 14.12ZM226.63 108h-30.58V68h39.85c.85 12.89-2.32 26.86-9.27 40"/></svg> </template>
CSS
.icon-racquet-thin {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M227.1%2028.9C200.74%202.53%20152.79%207.58%20120.22%2040.15c-31.39%2031.39-37.2%2077.07-14%20103.94L71.33%20179l-3.52-3.52a12%2012%200%200%200-17%200l-27.29%2027.34a12%2012%200%200%200%200%2017l12.69%2012.69a12%2012%200%200%200%2017%200l27.29-27.34a12%2012%200%200%200%200-17l-3.5-3.49l34.93-34.94c11%209.53%2025.18%2014.19%2040.24%2014.19c21.67%200%2045.17-9.62%2063.7-28.15c32.55-32.57%2037.6-80.52%2011.23-106.88M74.84%20199.51l-27.32%2027.32a4%204%200%200%201-5.66%200l-12.69-12.69a4%204%200%200%201%200-5.66l27.33-27.32a4%204%200%200%201%205.65%200l6.35%206.34l6.34%206.34a4%204%200%200%201%200%205.66ZM234.83%2060h-38.78V21.17A48.55%2048.55%200%200%201%20234.83%2060M183.9%2020c1.39%200%202.77.06%204.14.15V60H148V29.37A77.3%2077.3%200%200%201%20183.9%2020m4.1%2048v40h-40V68Zm-62.12-22.2A95.3%2095.3%200%200%201%20140%2034.16V60h-25.8a94.4%2094.4%200%200%201%2011.68-14.2M109.44%2068H140v40h-39.83c-.84-13%202.32-26.93%209.27-40m-8.19%2048H140v38.78A48.48%2048.48%200%200%201%20101.25%20116M148%20155.83V116h40v30.59c-13.07%206.92-27%2010.09-40%209.24m62.17-25.71a95%2095%200%200%201-14.15%2011.65V116h25.8a94%2094%200%200%201-11.62%2014.12ZM226.63%20108h-30.58V68h39.85c.85%2012.89-2.32%2026.86-9.27%2040%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M227.1%2028.9C200.74%202.53%20152.79%207.58%20120.22%2040.15c-31.39%2031.39-37.2%2077.07-14%20103.94L71.33%20179l-3.52-3.52a12%2012%200%200%200-17%200l-27.29%2027.34a12%2012%200%200%200%200%2017l12.69%2012.69a12%2012%200%200%200%2017%200l27.29-27.34a12%2012%200%200%200%200-17l-3.5-3.49l34.93-34.94c11%209.53%2025.18%2014.19%2040.24%2014.19c21.67%200%2045.17-9.62%2063.7-28.15c32.55-32.57%2037.6-80.52%2011.23-106.88M74.84%20199.51l-27.32%2027.32a4%204%200%200%201-5.66%200l-12.69-12.69a4%204%200%200%201%200-5.66l27.33-27.32a4%204%200%200%201%205.65%200l6.35%206.34l6.34%206.34a4%204%200%200%201%200%205.66ZM234.83%2060h-38.78V21.17A48.55%2048.55%200%200%201%20234.83%2060M183.9%2020c1.39%200%202.77.06%204.14.15V60H148V29.37A77.3%2077.3%200%200%201%20183.9%2020m4.1%2048v40h-40V68Zm-62.12-22.2A95.3%2095.3%200%200%201%20140%2034.16V60h-25.8a94.4%2094.4%200%200%201%2011.68-14.2M109.44%2068H140v40h-39.83c-.84-13%202.32-26.93%209.27-40m-8.19%2048H140v38.78A48.48%2048.48%200%200%201%20101.25%20116M148%20155.83V116h40v30.59c-13.07%206.92-27%2010.09-40%209.24m62.17-25.71a95%2095%200%200%201-14.15%2011.65V116h25.8a94%2094%200%200%201-11.62%2014.12ZM226.63%20108h-30.58V68h39.85c.85%2012.89-2.32%2026.86-9.27%2040%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/racquet-thin.svg?color=%231a73e8&size=48
