ping pong emoji
ping-pong from Emoji One (Colored) by Emoji One · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- ping-pong
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Activities
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Emoji One (Colored)
Use the ping pong emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M55.3 8.7c-6.2-6.2-20.5-11.9-34.1 1.6c-9 8.9-12.2 20.2 0 32.4c12.2 12.1 23.5 8.9 32.5 0c13.6-13.6 7.8-27.8 1.6-34"/><path fill="#fed0ac" d="M30.8 49.3L14.6 33.1S18 41 12.2 46.9c0 0-4.9 4.9-10.1 9.4c.6 1.2.4 1.3 2.5 3.5c1.8 1.8 1.9 1.6 2.9 2.2C12 56.7 17 51.7 17 51.7c5.9-5.8 13.8-2.4 13.8-2.4"/><g fill="#d3976e"><path d="M7.6 61.8c3.3-3.8 6.9-7.5 8.5-9.1l8.7-9.4l-4.2-4.2l-9.4 8.7C9.5 49.4 5.8 53 2 56.3c.6 1.2.4 1.3 2.5 3.5c1.8 1.8 1.9 1.6 2.9 2.2z" opacity=".5"/><path d="M5.9 61.1c.6.5.9.6 1.5.9c.1-.1.1-.1.2-.1c3.3-3.8 6.9-7.5 8.5-9.1l8.7-9.4l-2.4 1.4z"/></g><path fill="#3e4347" d="m30.8 49.3l-6-6l-8.1 8.7c1.6-1.6 6.5-5.3 14.1-2.7M14.6 33.1l6 6l-8.7 8.1c1.6-1.7 5.3-6.5 2.7-14.1"/><g fill="#ff8736"><circle cx="54.1" cy="54.1" r="7.9"/><path d="M59.6 51.1c-.4.8-2 .8-3.5 0S53.6 49 54 48.3c.4-.8 2-.8 3.5 0c1.6.8 2.5 2 2.1 2.8"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojionePingPong(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M55.3 8.7c-6.2-6.2-20.5-11.9-34.1 1.6c-9 8.9-12.2 20.2 0 32.4c12.2 12.1 23.5 8.9 32.5 0c13.6-13.6 7.8-27.8 1.6-34"/><path fill="#fed0ac" d="M30.8 49.3L14.6 33.1S18 41 12.2 46.9c0 0-4.9 4.9-10.1 9.4c.6 1.2.4 1.3 2.5 3.5c1.8 1.8 1.9 1.6 2.9 2.2C12 56.7 17 51.7 17 51.7c5.9-5.8 13.8-2.4 13.8-2.4"/><g fill="#d3976e"><path d="M7.6 61.8c3.3-3.8 6.9-7.5 8.5-9.1l8.7-9.4l-4.2-4.2l-9.4 8.7C9.5 49.4 5.8 53 2 56.3c.6 1.2.4 1.3 2.5 3.5c1.8 1.8 1.9 1.6 2.9 2.2z" opacity=".5"/><path d="M5.9 61.1c.6.5.9.6 1.5.9c.1-.1.1-.1.2-.1c3.3-3.8 6.9-7.5 8.5-9.1l8.7-9.4l-2.4 1.4z"/></g><path fill="#3e4347" d="m30.8 49.3l-6-6l-8.1 8.7c1.6-1.6 6.5-5.3 14.1-2.7M14.6 33.1l6 6l-8.7 8.1c1.6-1.7 5.3-6.5 2.7-14.1"/><g fill="#ff8736"><circle cx="54.1" cy="54.1" r="7.9"/><path d="M59.6 51.1c-.4.8-2 .8-3.5 0S53.6 49 54 48.3c.4-.8 2-.8 3.5 0c1.6.8 2.5 2 2.1 2.8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M55.3 8.7c-6.2-6.2-20.5-11.9-34.1 1.6c-9 8.9-12.2 20.2 0 32.4c12.2 12.1 23.5 8.9 32.5 0c13.6-13.6 7.8-27.8 1.6-34"/><path fill="#fed0ac" d="M30.8 49.3L14.6 33.1S18 41 12.2 46.9c0 0-4.9 4.9-10.1 9.4c.6 1.2.4 1.3 2.5 3.5c1.8 1.8 1.9 1.6 2.9 2.2C12 56.7 17 51.7 17 51.7c5.9-5.8 13.8-2.4 13.8-2.4"/><g fill="#d3976e"><path d="M7.6 61.8c3.3-3.8 6.9-7.5 8.5-9.1l8.7-9.4l-4.2-4.2l-9.4 8.7C9.5 49.4 5.8 53 2 56.3c.6 1.2.4 1.3 2.5 3.5c1.8 1.8 1.9 1.6 2.9 2.2z" opacity=".5"/><path d="M5.9 61.1c.6.5.9.6 1.5.9c.1-.1.1-.1.2-.1c3.3-3.8 6.9-7.5 8.5-9.1l8.7-9.4l-2.4 1.4z"/></g><path fill="#3e4347" d="m30.8 49.3l-6-6l-8.1 8.7c1.6-1.6 6.5-5.3 14.1-2.7M14.6 33.1l6 6l-8.7 8.1c1.6-1.7 5.3-6.5 2.7-14.1"/><g fill="#ff8736"><circle cx="54.1" cy="54.1" r="7.9"/><path d="M59.6 51.1c-.4.8-2 .8-3.5 0S53.6 49 54 48.3c.4-.8 2-.8 3.5 0c1.6.8 2.5 2 2.1 2.8"/></g></svg> </template>
CSS
.icon-ping-pong {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M55.3%208.7c-6.2-6.2-20.5-11.9-34.1%201.6c-9%208.9-12.2%2020.2%200%2032.4c12.2%2012.1%2023.5%208.9%2032.5%200c13.6-13.6%207.8-27.8%201.6-34%22%2F%3E%3Cpath%20fill%3D%22%23fed0ac%22%20d%3D%22M30.8%2049.3L14.6%2033.1S18%2041%2012.2%2046.9c0%200-4.9%204.9-10.1%209.4c.6%201.2.4%201.3%202.5%203.5c1.8%201.8%201.9%201.6%202.9%202.2C12%2056.7%2017%2051.7%2017%2051.7c5.9-5.8%2013.8-2.4%2013.8-2.4%22%2F%3E%3Cg%20fill%3D%22%23d3976e%22%3E%3Cpath%20d%3D%22M7.6%2061.8c3.3-3.8%206.9-7.5%208.5-9.1l8.7-9.4l-4.2-4.2l-9.4%208.7C9.5%2049.4%205.8%2053%202%2056.3c.6%201.2.4%201.3%202.5%203.5c1.8%201.8%201.9%201.6%202.9%202.2z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M5.9%2061.1c.6.5.9.6%201.5.9c.1-.1.1-.1.2-.1c3.3-3.8%206.9-7.5%208.5-9.1l8.7-9.4l-2.4%201.4z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m30.8%2049.3l-6-6l-8.1%208.7c1.6-1.6%206.5-5.3%2014.1-2.7M14.6%2033.1l6%206l-8.7%208.1c1.6-1.7%205.3-6.5%202.7-14.1%22%2F%3E%3Cg%20fill%3D%22%23ff8736%22%3E%3Ccircle%20cx%3D%2254.1%22%20cy%3D%2254.1%22%20r%3D%227.9%22%2F%3E%3Cpath%20d%3D%22M59.6%2051.1c-.4.8-2%20.8-3.5%200S53.6%2049%2054%2048.3c.4-.8%202-.8%203.5%200c1.6.8%202.5%202%202.1%202.8%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M55.3%208.7c-6.2-6.2-20.5-11.9-34.1%201.6c-9%208.9-12.2%2020.2%200%2032.4c12.2%2012.1%2023.5%208.9%2032.5%200c13.6-13.6%207.8-27.8%201.6-34%22%2F%3E%3Cpath%20fill%3D%22%23fed0ac%22%20d%3D%22M30.8%2049.3L14.6%2033.1S18%2041%2012.2%2046.9c0%200-4.9%204.9-10.1%209.4c.6%201.2.4%201.3%202.5%203.5c1.8%201.8%201.9%201.6%202.9%202.2C12%2056.7%2017%2051.7%2017%2051.7c5.9-5.8%2013.8-2.4%2013.8-2.4%22%2F%3E%3Cg%20fill%3D%22%23d3976e%22%3E%3Cpath%20d%3D%22M7.6%2061.8c3.3-3.8%206.9-7.5%208.5-9.1l8.7-9.4l-4.2-4.2l-9.4%208.7C9.5%2049.4%205.8%2053%202%2056.3c.6%201.2.4%201.3%202.5%203.5c1.8%201.8%201.9%201.6%202.9%202.2z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M5.9%2061.1c.6.5.9.6%201.5.9c.1-.1.1-.1.2-.1c3.3-3.8%206.9-7.5%208.5-9.1l8.7-9.4l-2.4%201.4z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m30.8%2049.3l-6-6l-8.1%208.7c1.6-1.6%206.5-5.3%2014.1-2.7M14.6%2033.1l6%206l-8.7%208.1c1.6-1.7%205.3-6.5%202.7-14.1%22%2F%3E%3Cg%20fill%3D%22%23ff8736%22%3E%3Ccircle%20cx%3D%2254.1%22%20cy%3D%2254.1%22%20r%3D%227.9%22%2F%3E%3Cpath%20d%3D%22M59.6%2051.1c-.4.8-2%20.8-3.5%200S53.6%2049%2054%2048.3c.4-.8%202-.8%203.5%200c1.6.8%202.5%202%202.1%202.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/ping-pong.svg?color=%231a73e8&size=48
