Add icons to this collection by clicking the heart icon.
Ping Pong icon - also known as video game, leisure, ping pong, gaming, and arcade. Created in a clean lineal color style with a gray, green, and navy finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M469.333 64H42.667C19.135 64 0 83.135 0 106.667V384c0 19.844 13.615 36.573 32 41.313v12.021A10.66 10.66 0 0 0 42.667 448h426.667a10.66 10.66 0 0 0 10.667-10.667v-12.021c18.385-4.74 32-21.469 32-41.313V106.667C512 83.135 492.865 64 469.333 64z"
fill="#303c42"
/>
<path
d="M490.667 384c0 11.76-9.573 21.333-21.333 21.333A10.66 10.66 0 0 0 458.667 416v10.667H53.333V416a10.66 10.66 0 0 0-10.667-10.667c-11.76 0-21.333-9.573-21.333-21.333V106.667c0-11.76 9.573-21.333 21.333-21.333h426.667c11.76 0 21.333 9.573 21.333 21.333V384z"
fill="#6d4c41"
/>
<path
d="M367.615 114.938c-23.125-3.094-72.521-8.271-143.615-8.271s-120.49 5.177-143.615 8.271c-14.865 2-26.323 12.042-29.177 25.573-3.896 18.448-8.542 51.594-8.542 104.823s4.646 86.375 8.542 104.813c2.854 13.542 14.313 23.583 29.177 25.583C103.51 378.823 152.906 384 224 384s120.49-5.177 143.615-8.271c14.865-2 26.323-12.042 29.177-25.573 3.896-18.448 8.542-51.594 8.542-104.823s-4.646-86.375-8.542-104.813c-2.854-13.541-14.313-23.582-29.177-25.582z"
fill="#303c42"
/>
<path
d="M375.917 345.75c-.969 4.583-5.344 8.052-11.135 8.833-22.583 3.021-70.917 8.083-140.781 8.083s-118.198-5.063-140.781-8.083c-5.792-.781-10.167-4.25-11.135-8.844C68.396 328.292 64 296.719 64 245.333s4.396-82.958 8.083-100.417c.969-4.583 5.344-8.052 11.135-8.833C105.802 133.063 154.135 128 224 128s118.198 5.063 140.781 8.083c5.792.781 10.167 4.25 11.135 8.844 3.688 17.448 8.083 49.021 8.083 100.406s-4.395 82.959-8.082 100.417z"
fill="#2e7d32"
/>
<linearGradient
id="a"
x1="-43.866"
x2="-28.541"
y1="638.557"
y2="631.412"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M375.917 345.75c-.969 4.583-5.344 8.052-11.135 8.833-22.583 3.021-70.917 8.083-140.781 8.083s-118.198-5.063-140.781-8.083c-5.792-.781-10.167-4.25-11.135-8.844C68.396 328.292 64 296.719 64 245.333s4.396-82.958 8.083-100.417c.969-4.583 5.344-8.052 11.135-8.833C105.802 133.063 154.135 128 224 128s118.198 5.063 140.781 8.083c5.792.781 10.167 4.25 11.135 8.844 3.688 17.448 8.083 49.021 8.083 100.406s-4.395 82.959-8.082 100.417z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-42.169"
x2="-30.238"
y1="640.95"
y2="629.019"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M375.917 345.75c-.969 4.583-5.344 8.052-11.135 8.833-22.583 3.021-70.917 8.083-140.781 8.083s-118.198-5.063-140.781-8.083c-5.792-.781-10.167-4.25-11.135-8.844C68.396 328.292 64 296.719 64 245.333s4.396-82.958 8.083-100.417c.969-4.583 5.344-8.052 11.135-8.833C105.802 133.063 154.135 128 224 128s118.198 5.063 140.781 8.083c5.792.781 10.167 4.25 11.135 8.844 3.688 17.448 8.083 49.021 8.083 100.406s-4.395 82.959-8.082 100.417z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-43.901"
x2="-43.835"
y1="629.346"
y2="629.284"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m59.848 365.533-.145.105 1.401 1.401c-.493-.44-.793-1.039-1.256-1.506z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-37.155"
x2="-26.453"
y1="635.936"
y2="625.234"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m388.305 125.036-.146.107c4.195 4.232 7.367 9.374 8.633 15.378 3.896 18.438 8.542 51.583 8.542 104.813s-4.646 86.375-8.542 104.823c-2.854 13.531-14.313 23.573-29.177 25.573C344.49 378.823 295.094 384 224 384s-120.49-5.177-143.615-8.271c-7.388-.993-13.922-3.987-18.988-8.397l59.335 59.335h337.935V416a10.66 10.66 0 0 1 10.667-10.667c11.76 0 21.333-9.573 21.333-21.333V227.398L388.305 125.036z"
fill="url(#d)"
/>
<circle cx="448" cy="213.333" r="21.333" fill="#303c42" />
<circle cx="448" cy="277.333" r="21.333" fill="#303c42" />
<circle cx="448" cy="341.333" r="21.333" fill="#303c42" />
<path
d="M96 192a10.66 10.66 0 0 0-10.667 10.667v42.667A10.66 10.66 0 0 0 96 256a10.66 10.66 0 0 0 10.667-10.667v-42.667A10.66 10.66 0 0 0 96 192zM352 256a10.66 10.66 0 0 0-10.667 10.667v42.667A10.66 10.66 0 0 0 352 320.001a10.66 10.66 0 0 0 10.667-10.667v-42.667A10.66 10.66 0 0 0 352 256zM224 149.333A10.66 10.66 0 0 0 213.333 160v170.667A10.66 10.66 0 0 0 224 341.334a10.66 10.66 0 0 0 10.667-10.667V160A10.66 10.66 0 0 0 224 149.333z"
fill="#303c42"
/>
<circle cx="181.333" cy="224" r="10.667" fill="#303c42" />
<linearGradient
id="e"
x1="-47.381"
x2="-22.349"
y1="640.474"
y2="628.801"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 64H42.667C19.135 64 0 83.135 0 106.667V384c0 19.844 13.615 36.573 32 41.313v12.021A10.66 10.66 0 0 0 42.667 448h426.667a10.66 10.66 0 0 0 10.667-10.667v-12.021c18.385-4.74 32-21.469 32-41.313V106.667C512 83.135 492.865 64 469.333 64z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category