racquet icon
racquet-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- racquet-light
- Set
- Phosphor
- Style
- Light
- 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="M228.53 27.47C201.38.33 152.16 5.37 118.81 38.72C87.22 70.31 81.05 116.13 103.56 144l-32.23 32.19l-2.1-2.11a14 14 0 0 0-19.8 0L22.1 201.41a14 14 0 0 0 0 19.8l12.69 12.7a14 14 0 0 0 19.81 0l27.32-27.32a14 14 0 0 0 0-19.81l-2.1-2.1L112 152.46c11.17 9 25.24 13.45 40.13 13.45c22.2 0 46.21-9.81 65.12-28.72c33.38-33.35 38.42-82.57 11.28-109.72M73.43 198.09l-27.32 27.33a2 2 0 0 1-2.83 0l-12.69-12.69a2 2 0 0 1 0-2.83l27.32-27.33a2 2 0 0 1 1.42-.58a2 2 0 0 1 1.41.58l6.35 6.34l6.34 6.34a2 2 0 0 1 0 2.83ZM232.34 58h-34.28V23.66A46.33 46.33 0 0 1 232.34 58M183.9 22h2.15v36H150V30.57a74.84 74.84 0 0 1 33.9-8.65Zm2.15 48v36H150V70ZM127.3 47.21A93 93 0 0 1 138 38v20h-20a93 93 0 0 1 9.3-10.79M110.65 70H138v36h-36c-.34-11.72 2.58-24.21 8.65-36m-6.9 48H138v34.28A46.33 46.33 0 0 1 103.75 118m46.29 36v-36h36v27.38c-11.83 6.04-24.32 8.96-36.04 8.55Zm58.75-25.23a93 93 0 0 1-10.73 9.22V118H218a94 94 0 0 1-9.21 10.7ZM225.44 106h-27.38V70h36c.37 11.63-2.55 24.12-8.62 36"/></svg>
React
import type { SVGProps } from "react";
export function PhRacquetLight(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="M228.53 27.47C201.38.33 152.16 5.37 118.81 38.72C87.22 70.31 81.05 116.13 103.56 144l-32.23 32.19l-2.1-2.11a14 14 0 0 0-19.8 0L22.1 201.41a14 14 0 0 0 0 19.8l12.69 12.7a14 14 0 0 0 19.81 0l27.32-27.32a14 14 0 0 0 0-19.81l-2.1-2.1L112 152.46c11.17 9 25.24 13.45 40.13 13.45c22.2 0 46.21-9.81 65.12-28.72c33.38-33.35 38.42-82.57 11.28-109.72M73.43 198.09l-27.32 27.33a2 2 0 0 1-2.83 0l-12.69-12.69a2 2 0 0 1 0-2.83l27.32-27.33a2 2 0 0 1 1.42-.58a2 2 0 0 1 1.41.58l6.35 6.34l6.34 6.34a2 2 0 0 1 0 2.83ZM232.34 58h-34.28V23.66A46.33 46.33 0 0 1 232.34 58M183.9 22h2.15v36H150V30.57a74.84 74.84 0 0 1 33.9-8.65Zm2.15 48v36H150V70ZM127.3 47.21A93 93 0 0 1 138 38v20h-20a93 93 0 0 1 9.3-10.79M110.65 70H138v36h-36c-.34-11.72 2.58-24.21 8.65-36m-6.9 48H138v34.28A46.33 46.33 0 0 1 103.75 118m46.29 36v-36h36v27.38c-11.83 6.04-24.32 8.96-36.04 8.55Zm58.75-25.23a93 93 0 0 1-10.73 9.22V118H218a94 94 0 0 1-9.21 10.7ZM225.44 106h-27.38V70h36c.37 11.63-2.55 24.12-8.62 36"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228.53 27.47C201.38.33 152.16 5.37 118.81 38.72C87.22 70.31 81.05 116.13 103.56 144l-32.23 32.19l-2.1-2.11a14 14 0 0 0-19.8 0L22.1 201.41a14 14 0 0 0 0 19.8l12.69 12.7a14 14 0 0 0 19.81 0l27.32-27.32a14 14 0 0 0 0-19.81l-2.1-2.1L112 152.46c11.17 9 25.24 13.45 40.13 13.45c22.2 0 46.21-9.81 65.12-28.72c33.38-33.35 38.42-82.57 11.28-109.72M73.43 198.09l-27.32 27.33a2 2 0 0 1-2.83 0l-12.69-12.69a2 2 0 0 1 0-2.83l27.32-27.33a2 2 0 0 1 1.42-.58a2 2 0 0 1 1.41.58l6.35 6.34l6.34 6.34a2 2 0 0 1 0 2.83ZM232.34 58h-34.28V23.66A46.33 46.33 0 0 1 232.34 58M183.9 22h2.15v36H150V30.57a74.84 74.84 0 0 1 33.9-8.65Zm2.15 48v36H150V70ZM127.3 47.21A93 93 0 0 1 138 38v20h-20a93 93 0 0 1 9.3-10.79M110.65 70H138v36h-36c-.34-11.72 2.58-24.21 8.65-36m-6.9 48H138v34.28A46.33 46.33 0 0 1 103.75 118m46.29 36v-36h36v27.38c-11.83 6.04-24.32 8.96-36.04 8.55Zm58.75-25.23a93 93 0 0 1-10.73 9.22V118H218a94 94 0 0 1-9.21 10.7ZM225.44 106h-27.38V70h36c.37 11.63-2.55 24.12-8.62 36"/></svg> </template>
CSS
.icon-racquet-light {
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%22M228.53%2027.47C201.38.33%20152.16%205.37%20118.81%2038.72C87.22%2070.31%2081.05%20116.13%20103.56%20144l-32.23%2032.19l-2.1-2.11a14%2014%200%200%200-19.8%200L22.1%20201.41a14%2014%200%200%200%200%2019.8l12.69%2012.7a14%2014%200%200%200%2019.81%200l27.32-27.32a14%2014%200%200%200%200-19.81l-2.1-2.1L112%20152.46c11.17%209%2025.24%2013.45%2040.13%2013.45c22.2%200%2046.21-9.81%2065.12-28.72c33.38-33.35%2038.42-82.57%2011.28-109.72M73.43%20198.09l-27.32%2027.33a2%202%200%200%201-2.83%200l-12.69-12.69a2%202%200%200%201%200-2.83l27.32-27.33a2%202%200%200%201%201.42-.58a2%202%200%200%201%201.41.58l6.35%206.34l6.34%206.34a2%202%200%200%201%200%202.83ZM232.34%2058h-34.28V23.66A46.33%2046.33%200%200%201%20232.34%2058M183.9%2022h2.15v36H150V30.57a74.84%2074.84%200%200%201%2033.9-8.65Zm2.15%2048v36H150V70ZM127.3%2047.21A93%2093%200%200%201%20138%2038v20h-20a93%2093%200%200%201%209.3-10.79M110.65%2070H138v36h-36c-.34-11.72%202.58-24.21%208.65-36m-6.9%2048H138v34.28A46.33%2046.33%200%200%201%20103.75%20118m46.29%2036v-36h36v27.38c-11.83%206.04-24.32%208.96-36.04%208.55Zm58.75-25.23a93%2093%200%200%201-10.73%209.22V118H218a94%2094%200%200%201-9.21%2010.7ZM225.44%20106h-27.38V70h36c.37%2011.63-2.55%2024.12-8.62%2036%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%22M228.53%2027.47C201.38.33%20152.16%205.37%20118.81%2038.72C87.22%2070.31%2081.05%20116.13%20103.56%20144l-32.23%2032.19l-2.1-2.11a14%2014%200%200%200-19.8%200L22.1%20201.41a14%2014%200%200%200%200%2019.8l12.69%2012.7a14%2014%200%200%200%2019.81%200l27.32-27.32a14%2014%200%200%200%200-19.81l-2.1-2.1L112%20152.46c11.17%209%2025.24%2013.45%2040.13%2013.45c22.2%200%2046.21-9.81%2065.12-28.72c33.38-33.35%2038.42-82.57%2011.28-109.72M73.43%20198.09l-27.32%2027.33a2%202%200%200%201-2.83%200l-12.69-12.69a2%202%200%200%201%200-2.83l27.32-27.33a2%202%200%200%201%201.42-.58a2%202%200%200%201%201.41.58l6.35%206.34l6.34%206.34a2%202%200%200%201%200%202.83ZM232.34%2058h-34.28V23.66A46.33%2046.33%200%200%201%20232.34%2058M183.9%2022h2.15v36H150V30.57a74.84%2074.84%200%200%201%2033.9-8.65Zm2.15%2048v36H150V70ZM127.3%2047.21A93%2093%200%200%201%20138%2038v20h-20a93%2093%200%200%201%209.3-10.79M110.65%2070H138v36h-36c-.34-11.72%202.58-24.21%208.65-36m-6.9%2048H138v34.28A46.33%2046.33%200%200%201%20103.75%20118m46.29%2036v-36h36v27.38c-11.83%206.04-24.32%208.96-36.04%208.55Zm58.75-25.23a93%2093%200%200%201-10.73%209.22V118H218a94%2094%200%200%201-9.21%2010.7ZM225.44%20106h-27.38V70h36c.37%2011.63-2.55%2024.12-8.62%2036%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/racquet-light.svg?color=%231a73e8&size=48
