spider icon

spider from Font Awesome 6 Solid by Dave Gandy · Regular · Animals · CC-BY-4.0 Attribution required.

Name: spider
Set: Font Awesome 6 Solid
Style: Regular
Category: Animals
Viewbox: 512×512
License: CC BY 4.0

The same icon in other sets

spiderEmoji One (Colored)spiderFont Awesome Solid spiderFluent Emoji spiderFluent Emoji Flat spiderFluent Emoji High Contrast spiderFirefox OS Emoji spiderLine Awesome spiderLucide Lab spiderMaterial Design Icons spiderNoto Emoji spiderOpenMoji spiderTabler Icons spiderTwitter Emoji

More animals icons from Font Awesome 6 Solid

cat crow dog dove dragon feather fish frog hippo horse horse-head kiwi-bird otter paw

Use the spider icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M158.4 32.6c4.8-12.4-1.4-26.3-13.8-31s-26.3 1.4-31 13.8L81.1 100c-7.9 20.7-3 44.1 12.7 59.7l57.4 57.4l-80.4-26.8c-2.4-.8-4.3-2.7-5.1-5.1l-18.9-56.8C42.6 115.8 29 109 16.4 113.2S-3 131 1.2 143.6l18.9 56.8c5.6 16.7 18.7 29.8 35.4 35.4l60.6 20.2l-60.5 20.2c-16.7 5.6-29.8 18.7-35.4 35.4l-19 56.8C-3 381 3.8 394.6 16.4 398.8s26.2-2.6 30.4-15.2l18.9-56.8c.8-2.4 2.7-4.3 5.1-5.1l80.4-26.8l-57.5 57.4C78.1 368 73.1 391.4 81.1 412l32.5 84.6c4.8 12.4 18.6 18.5 31 13.8s18.5-18.6 13.8-31l-32.5-84.6c-1.1-3-.4-6.3 1.8-8.5l32.3-32.4c1 52.1 43.6 94.1 96 94.1s95-41.9 96-94.1l32.3 32.3c2.2 2.2 2.9 5.6 1.8 8.5l-32.5 84.6c-4.8 12.4 1.4 26.3 13.8 31s26.3-1.4 31-13.8l32.5-84.5c7.9-20.7 3-44.1-12.7-59.7l-57.4-57.4l80.4 26.8c2.4.8 4.3 2.7 5.1 5.1l18.9 56.8c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-18.9-56.8c-5.6-16.7-18.7-29.8-35.4-35.4L395.9 256l60.5-20.2c16.7-5.6 29.8-18.7 35.4-35.4l18.9-56.8c4.2-12.6-2.6-26.2-15.2-30.4s-26.2 2.6-30.4 15.2l-18.9 56.8c-.8 2.4-2.7 4.3-5.1 5.1l-80.4 26.8l57.4-57.4c15.6-15.6 20.6-39 12.7-59.7l-32.4-84.6c-4.8-12.4-18.6-18.6-31-13.8s-18.5 18.6-13.8 31l32.5 84.6c1.1 3 .4 6.3-1.8 8.5L336 174.1V160c0-31.8-18.6-59.3-45.5-72.2c-9.1-4.4-18.5 3.3-18.5 13.4V112c0 8.8-7.2 16-16 16s-16-7.2-16-16v-10.8c0-10.1-9.4-17.7-18.5-13.4c-26.9 12.9-45.5 40.4-45.5 72.2v14.1l-48.3-48.3c-2.2-2.2-2.9-5.6-1.8-8.5l32.5-84.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidSpider(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M158.4 32.6c4.8-12.4-1.4-26.3-13.8-31s-26.3 1.4-31 13.8L81.1 100c-7.9 20.7-3 44.1 12.7 59.7l57.4 57.4l-80.4-26.8c-2.4-.8-4.3-2.7-5.1-5.1l-18.9-56.8C42.6 115.8 29 109 16.4 113.2S-3 131 1.2 143.6l18.9 56.8c5.6 16.7 18.7 29.8 35.4 35.4l60.6 20.2l-60.5 20.2c-16.7 5.6-29.8 18.7-35.4 35.4l-19 56.8C-3 381 3.8 394.6 16.4 398.8s26.2-2.6 30.4-15.2l18.9-56.8c.8-2.4 2.7-4.3 5.1-5.1l80.4-26.8l-57.5 57.4C78.1 368 73.1 391.4 81.1 412l32.5 84.6c4.8 12.4 18.6 18.5 31 13.8s18.5-18.6 13.8-31l-32.5-84.6c-1.1-3-.4-6.3 1.8-8.5l32.3-32.4c1 52.1 43.6 94.1 96 94.1s95-41.9 96-94.1l32.3 32.3c2.2 2.2 2.9 5.6 1.8 8.5l-32.5 84.6c-4.8 12.4 1.4 26.3 13.8 31s26.3-1.4 31-13.8l32.5-84.5c7.9-20.7 3-44.1-12.7-59.7l-57.4-57.4l80.4 26.8c2.4.8 4.3 2.7 5.1 5.1l18.9 56.8c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-18.9-56.8c-5.6-16.7-18.7-29.8-35.4-35.4L395.9 256l60.5-20.2c16.7-5.6 29.8-18.7 35.4-35.4l18.9-56.8c4.2-12.6-2.6-26.2-15.2-30.4s-26.2 2.6-30.4 15.2l-18.9 56.8c-.8 2.4-2.7 4.3-5.1 5.1l-80.4 26.8l57.4-57.4c15.6-15.6 20.6-39 12.7-59.7l-32.4-84.6c-4.8-12.4-18.6-18.6-31-13.8s-18.5 18.6-13.8 31l32.5 84.6c1.1 3 .4 6.3-1.8 8.5L336 174.1V160c0-31.8-18.6-59.3-45.5-72.2c-9.1-4.4-18.5 3.3-18.5 13.4V112c0 8.8-7.2 16-16 16s-16-7.2-16-16v-10.8c0-10.1-9.4-17.7-18.5-13.4c-26.9 12.9-45.5 40.4-45.5 72.2v14.1l-48.3-48.3c-2.2-2.2-2.9-5.6-1.8-8.5l32.5-84.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M158.4 32.6c4.8-12.4-1.4-26.3-13.8-31s-26.3 1.4-31 13.8L81.1 100c-7.9 20.7-3 44.1 12.7 59.7l57.4 57.4l-80.4-26.8c-2.4-.8-4.3-2.7-5.1-5.1l-18.9-56.8C42.6 115.8 29 109 16.4 113.2S-3 131 1.2 143.6l18.9 56.8c5.6 16.7 18.7 29.8 35.4 35.4l60.6 20.2l-60.5 20.2c-16.7 5.6-29.8 18.7-35.4 35.4l-19 56.8C-3 381 3.8 394.6 16.4 398.8s26.2-2.6 30.4-15.2l18.9-56.8c.8-2.4 2.7-4.3 5.1-5.1l80.4-26.8l-57.5 57.4C78.1 368 73.1 391.4 81.1 412l32.5 84.6c4.8 12.4 18.6 18.5 31 13.8s18.5-18.6 13.8-31l-32.5-84.6c-1.1-3-.4-6.3 1.8-8.5l32.3-32.4c1 52.1 43.6 94.1 96 94.1s95-41.9 96-94.1l32.3 32.3c2.2 2.2 2.9 5.6 1.8 8.5l-32.5 84.6c-4.8 12.4 1.4 26.3 13.8 31s26.3-1.4 31-13.8l32.5-84.5c7.9-20.7 3-44.1-12.7-59.7l-57.4-57.4l80.4 26.8c2.4.8 4.3 2.7 5.1 5.1l18.9 56.8c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-18.9-56.8c-5.6-16.7-18.7-29.8-35.4-35.4L395.9 256l60.5-20.2c16.7-5.6 29.8-18.7 35.4-35.4l18.9-56.8c4.2-12.6-2.6-26.2-15.2-30.4s-26.2 2.6-30.4 15.2l-18.9 56.8c-.8 2.4-2.7 4.3-5.1 5.1l-80.4 26.8l57.4-57.4c15.6-15.6 20.6-39 12.7-59.7l-32.4-84.6c-4.8-12.4-18.6-18.6-31-13.8s-18.5 18.6-13.8 31l32.5 84.6c1.1 3 .4 6.3-1.8 8.5L336 174.1V160c0-31.8-18.6-59.3-45.5-72.2c-9.1-4.4-18.5 3.3-18.5 13.4V112c0 8.8-7.2 16-16 16s-16-7.2-16-16v-10.8c0-10.1-9.4-17.7-18.5-13.4c-26.9 12.9-45.5 40.4-45.5 72.2v14.1l-48.3-48.3c-2.2-2.2-2.9-5.6-1.8-8.5l32.5-84.6z"/></svg>
</template>

CSS

.icon-spider {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M158.4%2032.6c4.8-12.4-1.4-26.3-13.8-31s-26.3%201.4-31%2013.8L81.1%20100c-7.9%2020.7-3%2044.1%2012.7%2059.7l57.4%2057.4l-80.4-26.8c-2.4-.8-4.3-2.7-5.1-5.1l-18.9-56.8C42.6%20115.8%2029%20109%2016.4%20113.2S-3%20131%201.2%20143.6l18.9%2056.8c5.6%2016.7%2018.7%2029.8%2035.4%2035.4l60.6%2020.2l-60.5%2020.2c-16.7%205.6-29.8%2018.7-35.4%2035.4l-19%2056.8C-3%20381%203.8%20394.6%2016.4%20398.8s26.2-2.6%2030.4-15.2l18.9-56.8c.8-2.4%202.7-4.3%205.1-5.1l80.4-26.8l-57.5%2057.4C78.1%20368%2073.1%20391.4%2081.1%20412l32.5%2084.6c4.8%2012.4%2018.6%2018.5%2031%2013.8s18.5-18.6%2013.8-31l-32.5-84.6c-1.1-3-.4-6.3%201.8-8.5l32.3-32.4c1%2052.1%2043.6%2094.1%2096%2094.1s95-41.9%2096-94.1l32.3%2032.3c2.2%202.2%202.9%205.6%201.8%208.5l-32.5%2084.6c-4.8%2012.4%201.4%2026.3%2013.8%2031s26.3-1.4%2031-13.8l32.5-84.5c7.9-20.7%203-44.1-12.7-59.7l-57.4-57.4l80.4%2026.8c2.4.8%204.3%202.7%205.1%205.1l18.9%2056.8c4.2%2012.6%2017.8%2019.4%2030.4%2015.2s19.4-17.8%2015.2-30.4l-18.9-56.8c-5.6-16.7-18.7-29.8-35.4-35.4L395.9%20256l60.5-20.2c16.7-5.6%2029.8-18.7%2035.4-35.4l18.9-56.8c4.2-12.6-2.6-26.2-15.2-30.4s-26.2%202.6-30.4%2015.2l-18.9%2056.8c-.8%202.4-2.7%204.3-5.1%205.1l-80.4%2026.8l57.4-57.4c15.6-15.6%2020.6-39%2012.7-59.7l-32.4-84.6c-4.8-12.4-18.6-18.6-31-13.8s-18.5%2018.6-13.8%2031l32.5%2084.6c1.1%203%20.4%206.3-1.8%208.5L336%20174.1V160c0-31.8-18.6-59.3-45.5-72.2c-9.1-4.4-18.5%203.3-18.5%2013.4V112c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-10.8c0-10.1-9.4-17.7-18.5-13.4c-26.9%2012.9-45.5%2040.4-45.5%2072.2v14.1l-48.3-48.3c-2.2-2.2-2.9-5.6-1.8-8.5l32.5-84.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M158.4%2032.6c4.8-12.4-1.4-26.3-13.8-31s-26.3%201.4-31%2013.8L81.1%20100c-7.9%2020.7-3%2044.1%2012.7%2059.7l57.4%2057.4l-80.4-26.8c-2.4-.8-4.3-2.7-5.1-5.1l-18.9-56.8C42.6%20115.8%2029%20109%2016.4%20113.2S-3%20131%201.2%20143.6l18.9%2056.8c5.6%2016.7%2018.7%2029.8%2035.4%2035.4l60.6%2020.2l-60.5%2020.2c-16.7%205.6-29.8%2018.7-35.4%2035.4l-19%2056.8C-3%20381%203.8%20394.6%2016.4%20398.8s26.2-2.6%2030.4-15.2l18.9-56.8c.8-2.4%202.7-4.3%205.1-5.1l80.4-26.8l-57.5%2057.4C78.1%20368%2073.1%20391.4%2081.1%20412l32.5%2084.6c4.8%2012.4%2018.6%2018.5%2031%2013.8s18.5-18.6%2013.8-31l-32.5-84.6c-1.1-3-.4-6.3%201.8-8.5l32.3-32.4c1%2052.1%2043.6%2094.1%2096%2094.1s95-41.9%2096-94.1l32.3%2032.3c2.2%202.2%202.9%205.6%201.8%208.5l-32.5%2084.6c-4.8%2012.4%201.4%2026.3%2013.8%2031s26.3-1.4%2031-13.8l32.5-84.5c7.9-20.7%203-44.1-12.7-59.7l-57.4-57.4l80.4%2026.8c2.4.8%204.3%202.7%205.1%205.1l18.9%2056.8c4.2%2012.6%2017.8%2019.4%2030.4%2015.2s19.4-17.8%2015.2-30.4l-18.9-56.8c-5.6-16.7-18.7-29.8-35.4-35.4L395.9%20256l60.5-20.2c16.7-5.6%2029.8-18.7%2035.4-35.4l18.9-56.8c4.2-12.6-2.6-26.2-15.2-30.4s-26.2%202.6-30.4%2015.2l-18.9%2056.8c-.8%202.4-2.7%204.3-5.1%205.1l-80.4%2026.8l57.4-57.4c15.6-15.6%2020.6-39%2012.7-59.7l-32.4-84.6c-4.8-12.4-18.6-18.6-31-13.8s-18.5%2018.6-13.8%2031l32.5%2084.6c1.1%203%20.4%206.3-1.8%208.5L336%20174.1V160c0-31.8-18.6-59.3-45.5-72.2c-9.1-4.4-18.5%203.3-18.5%2013.4V112c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-10.8c0-10.1-9.4-17.7-18.5-13.4c-26.9%2012.9-45.5%2040.4-45.5%2072.2v14.1l-48.3-48.3c-2.2-2.2-2.9-5.6-1.8-8.5l32.5-84.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/spider.svg?color=%231a73e8&size=48