Spikes icon
game-icons:spikes
The Spikes icon (game-icons:spikes) 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
- Tags
- spike
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 16c-5.718 51.466-24.204 93.997-32.813 124.687c-8.896 2.525-17.386 5.918-25.312 10.313c-27.803-15.645-71.13-32.34-111.563-64.688c32.348 40.434 49.043 83.76 64.688 111.563c-4.395 7.926-7.788 16.416-10.313 25.312C109.997 231.797 67.467 250.282 16 256c51.466 5.718 93.997 24.204 124.687 32.812c2.525 8.897 5.918 17.387 10.313 25.313c-15.645 27.802-32.34 71.128-64.688 111.562c40.434-32.347 83.76-49.042 111.563-64.687c7.926 4.395 16.416 7.788 25.312 10.312c8.61 30.69 27.095 73.22 32.813 124.688c5.718-51.467 24.204-93.998 32.812-124.688c8.897-2.524 17.387-5.917 25.313-10.312c27.802 15.645 71.128 32.34 111.562 64.687c-32.347-40.434-49.042-83.76-64.687-111.562c4.395-7.926 7.788-16.416 10.312-25.313c30.69-8.608 73.22-27.094 124.688-32.812c-51.467-5.718-93.998-24.204-124.688-32.813c-2.524-8.896-5.917-17.386-10.312-25.312c15.645-27.803 32.34-71.13 64.687-111.563c-40.434 32.348-83.76 49.043-111.562 64.688c-7.926-4.395-16.416-7.788-25.313-10.313C280.204 109.997 261.718 67.467 256 16m0 180c16.57 0 31.798 6.486 42.657 17.343S316 239.43 316 256s-6.486 31.798-17.343 42.657C287.797 309.515 272.57 316 256 316s-31.8-6.486-42.657-17.343C202.483 287.797 196 272.57 196 256s6.486-31.8 17.343-42.657C224.2 202.483 239.43 196 256 196"/></svg>How to use the Spikes icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:spikes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:spikes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:spikes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--spikes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:spikes"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:spikes"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/spikes.svg" alt="Spikes icon" width="24" height="24">Related icons in Game Icons
Spikes icon in other icon sets
Spikes icon FAQ
Is the Spikes 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 Spikes icon in React?
Install @iconify/react and render <Icon icon="game-icons:spikes" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spikes icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/spikes.svg" alt="Spikes icon">, or paste the SVG code inline to style it with CSS.