ping pong icon
ping-pong-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- ping-pong-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the ping pong icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236 196.36a12 12 0 0 0-5-8.77l-41.87-29.89l20.29-20.29a35.68 35.68 0 0 0 9.91-32.18a95.43 95.43 0 0 0-34-55.55A98.33 98.33 0 0 0 122.63 28A96.3 96.3 0 0 0 28 122.63a98.1 98.1 0 0 0 21.67 62.72a95.43 95.43 0 0 0 55.55 34a35.66 35.66 0 0 0 32.18-9.92l20.29-20.28l29.9 41.85a12 12 0 0 0 8.78 5h1a12 12 0 0 0 8.48-3.52l26.64-26.64a12 12 0 0 0 3.51-9.48m-180-16a90.1 90.1 0 0 1-20-57.62A88.27 88.27 0 0 1 122.75 36a90.13 90.13 0 0 1 57.59 19.9a89.1 89.1 0 0 1 21.28 24.81L80.72 201.62a89 89 0 0 1-24.81-21.29Zm170.92 19.85l-26.65 26.65A4 4 0 0 1 197 228a3.92 3.92 0 0 1-2.93-1.67l-32.64-45.69a4 4 0 0 0-2.92-1.66h-.33a4 4 0 0 0-2.83 1.17l-23.63 23.63a27.66 27.66 0 0 1-25 7.72a84.4 84.4 0 0 1-18.6-6L205.47 88.18a84.4 84.4 0 0 1 6 18.6a27.69 27.69 0 0 1-7.72 25l-23.63 23.63a4 4 0 0 0 .5 6.08l45.69 32.64a4 4 0 0 1 .51 6.08Z"/></svg>
React
import type { SVGProps } from "react";
export function PhPingPongThin(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="M236 196.36a12 12 0 0 0-5-8.77l-41.87-29.89l20.29-20.29a35.68 35.68 0 0 0 9.91-32.18a95.43 95.43 0 0 0-34-55.55A98.33 98.33 0 0 0 122.63 28A96.3 96.3 0 0 0 28 122.63a98.1 98.1 0 0 0 21.67 62.72a95.43 95.43 0 0 0 55.55 34a35.66 35.66 0 0 0 32.18-9.92l20.29-20.28l29.9 41.85a12 12 0 0 0 8.78 5h1a12 12 0 0 0 8.48-3.52l26.64-26.64a12 12 0 0 0 3.51-9.48m-180-16a90.1 90.1 0 0 1-20-57.62A88.27 88.27 0 0 1 122.75 36a90.13 90.13 0 0 1 57.59 19.9a89.1 89.1 0 0 1 21.28 24.81L80.72 201.62a89 89 0 0 1-24.81-21.29Zm170.92 19.85l-26.65 26.65A4 4 0 0 1 197 228a3.92 3.92 0 0 1-2.93-1.67l-32.64-45.69a4 4 0 0 0-2.92-1.66h-.33a4 4 0 0 0-2.83 1.17l-23.63 23.63a27.66 27.66 0 0 1-25 7.72a84.4 84.4 0 0 1-18.6-6L205.47 88.18a84.4 84.4 0 0 1 6 18.6a27.69 27.69 0 0 1-7.72 25l-23.63 23.63a4 4 0 0 0 .5 6.08l45.69 32.64a4 4 0 0 1 .51 6.08Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236 196.36a12 12 0 0 0-5-8.77l-41.87-29.89l20.29-20.29a35.68 35.68 0 0 0 9.91-32.18a95.43 95.43 0 0 0-34-55.55A98.33 98.33 0 0 0 122.63 28A96.3 96.3 0 0 0 28 122.63a98.1 98.1 0 0 0 21.67 62.72a95.43 95.43 0 0 0 55.55 34a35.66 35.66 0 0 0 32.18-9.92l20.29-20.28l29.9 41.85a12 12 0 0 0 8.78 5h1a12 12 0 0 0 8.48-3.52l26.64-26.64a12 12 0 0 0 3.51-9.48m-180-16a90.1 90.1 0 0 1-20-57.62A88.27 88.27 0 0 1 122.75 36a90.13 90.13 0 0 1 57.59 19.9a89.1 89.1 0 0 1 21.28 24.81L80.72 201.62a89 89 0 0 1-24.81-21.29Zm170.92 19.85l-26.65 26.65A4 4 0 0 1 197 228a3.92 3.92 0 0 1-2.93-1.67l-32.64-45.69a4 4 0 0 0-2.92-1.66h-.33a4 4 0 0 0-2.83 1.17l-23.63 23.63a27.66 27.66 0 0 1-25 7.72a84.4 84.4 0 0 1-18.6-6L205.47 88.18a84.4 84.4 0 0 1 6 18.6a27.69 27.69 0 0 1-7.72 25l-23.63 23.63a4 4 0 0 0 .5 6.08l45.69 32.64a4 4 0 0 1 .51 6.08Z"/></svg> </template>
CSS
.icon-ping-pong-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%22M236%20196.36a12%2012%200%200%200-5-8.77l-41.87-29.89l20.29-20.29a35.68%2035.68%200%200%200%209.91-32.18a95.43%2095.43%200%200%200-34-55.55A98.33%2098.33%200%200%200%20122.63%2028A96.3%2096.3%200%200%200%2028%20122.63a98.1%2098.1%200%200%200%2021.67%2062.72a95.43%2095.43%200%200%200%2055.55%2034a35.66%2035.66%200%200%200%2032.18-9.92l20.29-20.28l29.9%2041.85a12%2012%200%200%200%208.78%205h1a12%2012%200%200%200%208.48-3.52l26.64-26.64a12%2012%200%200%200%203.51-9.48m-180-16a90.1%2090.1%200%200%201-20-57.62A88.27%2088.27%200%200%201%20122.75%2036a90.13%2090.13%200%200%201%2057.59%2019.9a89.1%2089.1%200%200%201%2021.28%2024.81L80.72%20201.62a89%2089%200%200%201-24.81-21.29Zm170.92%2019.85l-26.65%2026.65A4%204%200%200%201%20197%20228a3.92%203.92%200%200%201-2.93-1.67l-32.64-45.69a4%204%200%200%200-2.92-1.66h-.33a4%204%200%200%200-2.83%201.17l-23.63%2023.63a27.66%2027.66%200%200%201-25%207.72a84.4%2084.4%200%200%201-18.6-6L205.47%2088.18a84.4%2084.4%200%200%201%206%2018.6a27.69%2027.69%200%200%201-7.72%2025l-23.63%2023.63a4%204%200%200%200%20.5%206.08l45.69%2032.64a4%204%200%200%201%20.51%206.08Z%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%22M236%20196.36a12%2012%200%200%200-5-8.77l-41.87-29.89l20.29-20.29a35.68%2035.68%200%200%200%209.91-32.18a95.43%2095.43%200%200%200-34-55.55A98.33%2098.33%200%200%200%20122.63%2028A96.3%2096.3%200%200%200%2028%20122.63a98.1%2098.1%200%200%200%2021.67%2062.72a95.43%2095.43%200%200%200%2055.55%2034a35.66%2035.66%200%200%200%2032.18-9.92l20.29-20.28l29.9%2041.85a12%2012%200%200%200%208.78%205h1a12%2012%200%200%200%208.48-3.52l26.64-26.64a12%2012%200%200%200%203.51-9.48m-180-16a90.1%2090.1%200%200%201-20-57.62A88.27%2088.27%200%200%201%20122.75%2036a90.13%2090.13%200%200%201%2057.59%2019.9a89.1%2089.1%200%200%201%2021.28%2024.81L80.72%20201.62a89%2089%200%200%201-24.81-21.29Zm170.92%2019.85l-26.65%2026.65A4%204%200%200%201%20197%20228a3.92%203.92%200%200%201-2.93-1.67l-32.64-45.69a4%204%200%200%200-2.92-1.66h-.33a4%204%200%200%200-2.83%201.17l-23.63%2023.63a27.66%2027.66%200%200%201-25%207.72a84.4%2084.4%200%200%201-18.6-6L205.47%2088.18a84.4%2084.4%200%200%201%206%2018.6a27.69%2027.69%200%200%201-7.72%2025l-23.63%2023.63a4%204%200%200%200%20.5%206.08l45.69%2032.64a4%204%200%200%201%20.51%206.08Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/ping-pong-thin.svg?color=%231a73e8&size=48
