Spider Face icon

game-icons:spider-face

The Spider Face icon (game-icons:spider-face) 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: spiderface

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="M16 17.188v236.656c0 20.48 19.324 40.365 48.156 57.47c11.504-6.066 23.26-9.564 34.813-9.564c29.023 0 53.453 20.3 62.093 48.188c1.888.495 3.752.863 5.625 1.343c13.824-9.92 26.255-12.217 34.687-12.217c17.552 0 33.037 9.688 42.125 24.312c4.288.208 8.717.53 12.78.53c4.177 0 8.507-.18 12.94-.436c9.087-14.69 24.586-24.408 42.186-24.408c8.08 0 19.85 2.198 32.97 11.094c2.655-.736 5.296-1.576 7.968-2.344c9.216-26.784 33.18-46.03 61.47-46.03c10.27 0 20.71 2.715 30.998 7.53C475.325 291.6 496 271.923 496 253.97V17.187zm67.53 126.28c20.72 0 37.5 16.796 37.5 37.532c0 20.72-16.78 37.5-37.5 37.5S46 201.72 46 181s16.81-37.53 37.53-37.53zm345.126 0c20.72 0 37.53 16.796 37.53 37.532c.002 20.72-16.81 37.5-37.53 37.5s-37.53-16.78-37.53-37.5s16.81-37.53 37.53-37.53zM76.97 155.282c-9.112 0-16.5 7.39-16.5 16.5c0 9.112 7.388 16.5 16.5 16.5c9.11 0 16.5-7.388 16.5-16.5c0-9.11-7.39-16.5-16.5-16.5m345.124 0c-9.11 0-16.5 7.39-16.5 16.5c0 9.112 7.39 16.5 16.5 16.5s16.5-7.388 16.5-16.5c0-9.11-7.39-16.5-16.5-16.5m-241.03 11.97c33.135 0 60 26.848 60 60c.014 33.136-26.85 60.03-60 60.03c-33.137 0-60.033-26.894-60.033-60.03s26.897-60 60.032-60zm150.06 0c33.137 0 60 26.848 60 60c.017 33.136-26.847 60.03-60 60.03c-33.135 0-60.03-26.894-60.03-60.03s26.895-60 60.03-60M170.563 182.5c-16.577 0-30.03 13.423-30.03 30s13.453 30.03 30.03 30.03s30-13.453 30-30.03s-13.422-30-30-30m150.032 0c-16.578 0-30 13.423-30 30s13.422 30.03 30 30.03s30.03-13.453 30.03-30.03s-13.453-30-30.03-30M100.03 193.563c-3.63 0-6.593 2.96-6.593 6.593s2.962 6.563 6.594 6.563s6.564-2.932 6.564-6.564s-2.93-6.594-6.563-6.594zm345.126 0c-3.632 0-6.594 2.96-6.594 6.593s2.962 6.563 6.594 6.563s6.563-2.932 6.563-6.564s-2.932-6.594-6.564-6.594zM207.47 242.875c-8.29 0-15 6.71-15 15s6.71 15.03 15 15.03c8.287 0 15-6.74 15-15.03s-6.713-15-15-15m150.06 0c-8.287 0-15.03 6.71-15.03 15s6.743 15.03 15.03 15.03c8.29 0 15-6.74 15-15.03s-6.71-15-15-15m56.314 81.375c-25.584 0-43.156 23.245-43.156 47.47c31.408 25.71 51.75 67.292 51.75 114.092c0 3.008-.06 6.008-.157 9c29.105-24.928 46.94-58.54 46.94-95.5c0-20.624-5.565-40.165-15.533-57.78c-14.368-12.257-27.955-17.282-39.843-17.282zM99 324.28c-11.872 0-25.49 4.995-39.875 17.25c-9.968 17.617-15.5 37.19-15.5 57.814c0 36.944 17.818 70.556 46.906 95.5c-.11-2.976-.155-5.992-.155-9c0-46.8 20.373-88.398 51.78-114.094c.017-24.24-17.57-47.47-43.155-47.47zm102.406 35.845c-8.144 0-17.488 3.5-27.344 12.125c-6.832 12.4-10.656 26.175-10.656 40.688c0 26.016 12.25 49.666 32.22 67.218c-.08-2.096-.126-4.2-.126-6.312c0-32.944 13.98-62.217 35.53-80.313c0-17.023-12.072-33.405-29.624-33.405zm110.03 0c-17.55 0-29.623 16.382-29.623 33.438c21.552 18.096 35.5 47.352 35.5 80.312c0 2.112-.014 4.216-.094 6.313c19.967-17.568 32.217-41.203 32.217-67.22c0-14.51-3.808-28.287-10.656-40.687c-9.855-8.623-19.182-12.17-27.342-12.155z"/></svg>

How to use the Spider Face icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:spider-face"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/spider-face.svg" alt="Spider Face icon" width="24" height="24">

Related icons in Game Icons

Spider Face icon FAQ

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

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

How do I add the Spider Face icon to a web page?

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

Browse all Game Icons →