Squib icon

game-icons:squib

The Squib icon (game-icons:squib) 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="m59.395 20.285l109.447 137.043L18.89 98.084L143.737 246.75L36.975 338.582l137.287-12.72l-31.457 160.187l112.27-115.142l83.08 101.588l-8.58-127.873l165.988-22.76l-141.383-74.597l141.04-56.778v-67.236L388.605 189.18l106.5-128.567L292.05 160.55L240.98 40.616l-53.037 90.26L126.63 20.285zm280.996 0l-25.812 98.61l93.05-98.61H340.39zM219.8 169.29l35.042 59.308l-72.737-30.795c4.267-16.433 18.46-27.994 37.696-28.512zm104.62 1.77c16.857 9.28 24.173 26.062 20.428 42.62l-18.866-8.112l-35.28 17.522l15.986-26.145l-11.715-6.8l29.447-19.086zm-65.5 18.872l24.332 4.218l-11.7 37.862zm-16.12 58.87l-1.208 21.895l22.87 2.412l-38.76 54.28c-34.81-3.42-53.307-34.73-38.737-71.263L242.8 248.8zm32.034 18.862l51.99 16.72c2.035 11.373-2.796 20.542-13.455 24.466l7.767 8.576c-4.758 13.162-16.607 18.498-31.276 12.222l-4.9-47.962zm-143.688 85.15L74.613 396.34l-26-15.01l-24.95 43.213l43.216 24.95l21.698-37.585l42.568-59.094zm223.293 10.32l85.85 81.178l11.68 42.05l39.712-12.266l-12.264-33.287l19.857-36.796l-39.13 10.513l-105.706-51.392z"/></svg>

How to use the Squib icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Squib icon FAQ

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

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

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

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

Browse all Game Icons →