Slap icon

game-icons:slap

The Slap icon (game-icons:slap) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M316.26 30.982c66.658 35.958 111.957 106.423 111.957 187.47c0 117.567-95.305 212.872-212.87 212.872c-81.016 0-151.456-45.26-187.427-111.87C54.146 421.63 146.772 497.02 257.195 497.02c130.85 0 236.703-105.857 236.703-236.706c0-110.448-75.424-203.12-177.638-229.332M173.027 49.174a32 32 0 0 0-1.525.03c-4.83.2-8.995 1.528-12.078 3.548L146.79 160.74l-15.458 28.592c6.213 10.643 11.196 21.47 14.826 32.496l-17.75 5.844c-2.052-6.233-4.63-12.46-7.703-18.682l-.025.047c-12.95-22.565-27.376-41.2-38.912-47.967c-6.19-3.63-10.49-4.2-15.262-2.35c-3.982 1.546-9.023 5.83-14.383 13.985c33.155 41.62 40.914 80.725 46.535 106.195c1.802 8.16 1.855 15.758 3.23 21.36l.305 1.234l-.04 1.272c-.754 25.344 10.396 43.41 26.146 55.218c15.704 11.776 36.216 16.526 52.104 13.748c19.725-4.198 32.415-11.058 45.717-22.464c11.922-10.57 33.085-26.408 45.062-36.42c37.06-30.977 98.058-63.045 108.02-68.21c2.108-10.902-4.806-22.478-13.655-27.152l-74.184 42.71c-3.954-7.074-8.448-13.68-13.392-19.895l91.505-99.21c-.33-6.228-3.38-13.547-8.305-19.252c-4.444-5.147-9.932-8.334-14.133-9.373l-95.07 101.33c-6.066-5.157-12.43-10.054-19.002-14.772l66.1-125.216c-4.527-6.72-9.388-10.572-15.26-13.237c-5.445-2.47-12.303-3.794-19.887-4.892l-60.463 123.8c-7.348-4.592-14.772-9.118-22.182-13.656l14.055-108.806c-3.996-3.416-10.597-6.564-17.572-7.512a36 36 0 0 0-4.73-.33z"/></svg>

How to use the Slap icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:slap" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:slap" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:slap" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--slap]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:slap"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:slap"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/slap.svg" alt="Slap icon" width="24" height="24">

Slap icon FAQ

Is the Slap icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Slap icon in React?

Install @iconify/react and render <Icon icon="game-icons:slap" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Slap icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/slap.svg" alt="Slap icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →