Spider icon
whh:spider
The Spider icon (whh:spider) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 960 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 960 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="1024" viewBox="0 0 960 1024"><path fill="currentColor" d="M960 640q0 43-.5 65.5t-4 61.5t-11.5 66t-21.5 61.5T886 961t-54 63q29-88 44.5-159t17.5-98.5t2-62.5q0-23-14.5-43t-37-33.5t-43-22.5t-40.5-15q7 22 7 50q0 30-.5 49t-4 56t-12 63.5T730 866t-36 55t-54 39q30-59 45-115t17-84t2-71q0-47-18-71.5T633 584q-11 69-35.5 140t-57 121.5T480 896t-60.5-50.5t-57-121.5T327 584q-35 10-53 34.5T256 690q0 43 2 71t17 84t45 115q-31-15-54-39t-36-55t-21.5-57.5t-12-63.5t-4-56t-.5-49q0-28 7-50q-20 6-40.5 15t-43 22.5t-37 33.5T64 704q0 35 2 62.5T83.5 865t44.5 159q-36-36-62-82.5T27.5 857t-19-87T1 698t-1-58q0-27 11.5-47.5t34.5-34T96.5 536t66-14t74.5-7t83-3q-51-1-87-4t-70-11t-54.5-21.5T76 439t-12-55q0-35 1-58t7.5-72t19-86.5T130 83t62-83q-64 192-64 359q0 55 71 75q-7-22-7-50q0-30 .5-49t4-56t12-63.5T230 158t36-55t54-39q-30 59-45 115t-17 84t-2 71q0 54 23.5 78.5T349 444q24-27 60.5-43.5T480 384t70.5 16.5T611 444q46-7 69.5-31.5T704 334q0-43-2-71t-17-84t-45-115q31 15 54 39t36 55t21.5 57.5t12 63.5t4 56t.5 49q0 28-7 50q71-20 71-75q0-167-64-359q31 31 54 63t36.5 66.5T880 191t11.5 66t4 61.5t.5 65.5q0 32-12 55t-32.5 36.5T797 497t-70 11t-87 4q47 1 83 3t74.5 7t66 14t50.5 22.5t34.5 34T960 640M384 288q0-40 28-68t68-28t68 28t28 68t-28 68t-68 28t-68-28t-28-68"/></svg>
How to use the Spider icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:spider" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:spider" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:spider" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--spider]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:spider"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:spider"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/spider.svg" alt="Spider icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Spider icon in other icon sets
Spider icon FAQ
Is the Spider icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Spider icon in React?
Install @iconify/react and render <Icon icon="whh:spider" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spider icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/spider.svg" alt="Spider icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
