Spatter icon

game-icons:spatter

The Spatter icon (game-icons:spatter) 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="M459.938 10.875c-.954 2.58-1.75 5.278-1.75 8.188c0 7.222 3.2 13.725 8.28 18.125c11.444 5.7 19.313 17.496 19.313 31.156c0 19.234-15.576 34.812-34.81 34.812c-16.684 0-30.623-11.716-34.033-27.375c-4.37-4.915-10.713-8.03-17.812-8.03c-13.194 0-23.906 10.713-23.906 23.906c0 2.994.556 5.828 1.56 8.47a51 51 0 0 0-3.092-.095c-20.027 0-37.35 11.483-45.782 28.22a22 22 0 0 1 6-.844c12.13 0 21.97 9.84 21.97 21.97c0 12.127-9.84 21.968-21.97 21.968c-2.818 0-5.524-.533-8-1.5c7.006 18.02 23.905 31.104 44.03 32.562l-.03.063a57 57 0 0 1 3.875-.19c30.974-.433 23.563 30.454-8.874 21.19c-2.51-.316-5.062-.532-7.656-.532c-9.55 0-18.585 2.19-26.656 6.062c-6.61-13.626-17.11-21.54-32.97-26.375c2.403 15.323 7.194 28.766 15.438 39c-.06.064-.125.124-.187.188c22.403 14.435 32.857 38.46 23.344 54.937c-6.906 11.96-22.506 16.808-39.595 13.906c-.346-.004-.683-.03-1.03-.03c-12.755 0-24.907 2.6-35.94 7.312q.031-.731.033-1.47c0-19.79-16.054-35.812-35.844-35.812s-35.813 16.023-35.813 35.813c0 18.14 13.48 33.125 30.97 35.5c-9.478 14.42-15 31.67-15 50.217c0 11.81 2.24 23.104 6.313 33.47l.03.03c25.585 23.75-7.246 61.7-27.937 31.594c-6.49-7-15.783-11.374-26.156-11.374a35.49 35.49 0 0 0-35.625 35.625c0 2.283.18 4.835.594 7h111.217c2-14.845 14.695-26.28 30.094-26.28s28.095 11.434 30.095 26.28H494.97V145.78c-11.097-.646-19.845-10.34-19.845-21.593s8.748-20.39 19.844-21V10.876h-35.033zm-347.47 19.5c-3.027 25.5 5.296 35.646 28.438 37.594c1.548-20.59-5.456-35.444-28.437-37.595zm221.72 7.53C321.565 38.546 311.5 49 311.5 61.782c0 13.195 10.712 23.876 23.906 23.876s23.875-10.68 23.875-23.875c0-13.193-10.68-23.874-23.874-23.874c-.412 0-.81-.02-1.22 0zm-100.282 23.94c-28.587 0-51.75 23.163-51.75 51.75c0 11.126 3.494 21.434 9.47 29.874c-13.722 5.023-23.5 18.194-23.5 33.655c0 19.79 16.02 35.844 35.81 35.844c15.428 0 28.575-9.764 33.626-23.44c-15.703-3.324-27.5-17.25-27.5-33.936c0-19.16 15.558-34.688 34.72-34.688c14.49 0 26.903 8.884 32.093 21.5a51.46 51.46 0 0 0 8.78-28.812c0-28.587-23.162-51.75-51.75-51.75zm213.313 56.56c7.183 0 13 5.817 13 13c0 7.185-5.817 13-13 13c-7.185 0-13-5.815-13-13c0-7.182 5.815-13 13-13m-364.783 1.626c-13.193 0-23.906 10.714-23.906 23.907c0 13.194 10.714 23.875 23.907 23.875c13.194 0 23.876-10.68 23.876-23.875s-10.682-23.906-23.876-23.906zm333.5 80.44c8.934 0 16.188 7.253 16.188 16.186s-7.254 16.188-16.188 16.188s-16.187-7.255-16.187-16.188s7.254-16.187 16.188-16.187zM86.5 272.687c-19.79 0-35.844 16.053-35.844 35.843s16.053 35.814 35.844 35.814a35.75 35.75 0 0 0 26.625-11.813c14.73 11.484 31.753 15.583 51.906 9.626c-11.542-16.058-25.932-25.62-43.03-29c.197-1.52.313-3.05.313-4.625c0-19.79-16.022-35.842-35.813-35.842zm218.03 65.218c16.803 0 30.408 13.605 30.408 30.406c0 16.802-13.605 30.438-30.407 30.438c-16.8 0-30.436-13.636-30.436-30.438c0-16.8 13.636-30.406 30.437-30.406zm-196.06 38.406c-13.195 0-23.907 10.713-23.907 23.907c0 13.192 10.712 23.874 23.906 23.874s23.874-10.682 23.874-23.875c0-13.195-10.68-23.908-23.875-23.908zm199.843 35.72c12.108.023 20.76 8.463 27.093 21.624c-20.464 9.625-32.45 5.1-42.312-17.875c5.106-2.343 9.788-3.538 14.03-3.717c.4-.017.798-.033 1.188-.032zM43.842 442c-9.476.04-18.192 5.768-26.187 15.063c17.743 14.988 30.828 13.703 46.72-6.47c-7.22-5.983-14.048-8.62-20.532-8.593z"/></svg>

How to use the Spatter icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Spatter icon FAQ

Is the Spatter 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 Spatter icon in React?

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

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

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

Browse all Game Icons →