spider icon
spider from Font Awesome Solid by Dave Gandy · Solid · Animals · CC-BY-4.0 Attribution required.
- Name
- spider
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Animals
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
More animals icons from Font Awesome Solid
Use the spider icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M433.3 33c11.9-3.5 24.4 2.7 29 13.9l.8 2.3l40 136c2.5 8.4.1 17.5-6.1 23.7L432.9 273l76.4-20.8l19.9-59.8l.9-2.3c5-11.1 17.7-16.8 29.5-12.9s18.5 16.1 15.8 28l-.7 2.4l-24 72c-2.5 7.6-8.7 13.4-16.5 15.6L443.1 320l91.1 24.8c7.7 2.1 13.9 8 16.5 15.6l24 72l.7 2.4c2.7 11.9-4.1 24.1-15.8 28c-11.8 3.9-24.5-1.8-29.5-12.9l-.9-2.3l-19.9-59.8l-76.4-20.8l64.1 64.1c6.1 6.1 8.5 15.1 6.2 23.4l-40 144l-.8 2.3c-4.4 11.3-16.8 17.7-28.8 14.4S414.3 600 416.4 588l.5-2.4l36.2-130.5l-37.2-37.2C415 470 372.4 512 320 512s-95-42-96-94.1l-37 37l36 122.3l.6 2.4c2.2 11.9-4.9 23.9-16.8 27.4s-24.4-2.7-29-13.9l-.8-2.3l-40-136c-2.5-8.4-.1-17.5 6.1-23.8l64.1-64.1l-76.4 20.8l-19.9 59.8l-.9 2.3c-5 11.1-17.7 16.8-29.5 12.9s-18.5-16.1-15.8-28l.7-2.4l24-72c2.5-7.6 8.7-13.4 16.5-15.6l91.1-24.8l-91.1-24.8c-7.7-2.1-13.9-8-16.5-15.6l-24-72l-.7-2.4c-2.7-11.9 4.1-24.1 15.8-28S105 178.9 110 190l.9 2.3l19.9 59.8l76.4 20.8l-64.1-64.1c-6.2-6.2-8.5-15.3-6.1-23.7l40-136l.8-2.3c4.6-11.3 17.1-17.4 29-13.9s19 15.5 16.8 27.4l-.6 2.4L187 185l53 53c1-43.3 36.4-78.1 79.9-78.1s78.9 34.8 79.9 78.2l53.1-53.1l-36-122.3l-.6-2.4c-2.2-12 4.9-23.9 16.8-27.4z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidSpider(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M433.3 33c11.9-3.5 24.4 2.7 29 13.9l.8 2.3l40 136c2.5 8.4.1 17.5-6.1 23.7L432.9 273l76.4-20.8l19.9-59.8l.9-2.3c5-11.1 17.7-16.8 29.5-12.9s18.5 16.1 15.8 28l-.7 2.4l-24 72c-2.5 7.6-8.7 13.4-16.5 15.6L443.1 320l91.1 24.8c7.7 2.1 13.9 8 16.5 15.6l24 72l.7 2.4c2.7 11.9-4.1 24.1-15.8 28c-11.8 3.9-24.5-1.8-29.5-12.9l-.9-2.3l-19.9-59.8l-76.4-20.8l64.1 64.1c6.1 6.1 8.5 15.1 6.2 23.4l-40 144l-.8 2.3c-4.4 11.3-16.8 17.7-28.8 14.4S414.3 600 416.4 588l.5-2.4l36.2-130.5l-37.2-37.2C415 470 372.4 512 320 512s-95-42-96-94.1l-37 37l36 122.3l.6 2.4c2.2 11.9-4.9 23.9-16.8 27.4s-24.4-2.7-29-13.9l-.8-2.3l-40-136c-2.5-8.4-.1-17.5 6.1-23.8l64.1-64.1l-76.4 20.8l-19.9 59.8l-.9 2.3c-5 11.1-17.7 16.8-29.5 12.9s-18.5-16.1-15.8-28l.7-2.4l24-72c2.5-7.6 8.7-13.4 16.5-15.6l91.1-24.8l-91.1-24.8c-7.7-2.1-13.9-8-16.5-15.6l-24-72l-.7-2.4c-2.7-11.9 4.1-24.1 15.8-28S105 178.9 110 190l.9 2.3l19.9 59.8l76.4 20.8l-64.1-64.1c-6.2-6.2-8.5-15.3-6.1-23.7l40-136l.8-2.3c4.6-11.3 17.1-17.4 29-13.9s19 15.5 16.8 27.4l-.6 2.4L187 185l53 53c1-43.3 36.4-78.1 79.9-78.1s78.9 34.8 79.9 78.2l53.1-53.1l-36-122.3l-.6-2.4c-2.2-12 4.9-23.9 16.8-27.4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M433.3 33c11.9-3.5 24.4 2.7 29 13.9l.8 2.3l40 136c2.5 8.4.1 17.5-6.1 23.7L432.9 273l76.4-20.8l19.9-59.8l.9-2.3c5-11.1 17.7-16.8 29.5-12.9s18.5 16.1 15.8 28l-.7 2.4l-24 72c-2.5 7.6-8.7 13.4-16.5 15.6L443.1 320l91.1 24.8c7.7 2.1 13.9 8 16.5 15.6l24 72l.7 2.4c2.7 11.9-4.1 24.1-15.8 28c-11.8 3.9-24.5-1.8-29.5-12.9l-.9-2.3l-19.9-59.8l-76.4-20.8l64.1 64.1c6.1 6.1 8.5 15.1 6.2 23.4l-40 144l-.8 2.3c-4.4 11.3-16.8 17.7-28.8 14.4S414.3 600 416.4 588l.5-2.4l36.2-130.5l-37.2-37.2C415 470 372.4 512 320 512s-95-42-96-94.1l-37 37l36 122.3l.6 2.4c2.2 11.9-4.9 23.9-16.8 27.4s-24.4-2.7-29-13.9l-.8-2.3l-40-136c-2.5-8.4-.1-17.5 6.1-23.8l64.1-64.1l-76.4 20.8l-19.9 59.8l-.9 2.3c-5 11.1-17.7 16.8-29.5 12.9s-18.5-16.1-15.8-28l.7-2.4l24-72c2.5-7.6 8.7-13.4 16.5-15.6l91.1-24.8l-91.1-24.8c-7.7-2.1-13.9-8-16.5-15.6l-24-72l-.7-2.4c-2.7-11.9 4.1-24.1 15.8-28S105 178.9 110 190l.9 2.3l19.9 59.8l76.4 20.8l-64.1-64.1c-6.2-6.2-8.5-15.3-6.1-23.7l40-136l.8-2.3c4.6-11.3 17.1-17.4 29-13.9s19 15.5 16.8 27.4l-.6 2.4L187 185l53 53c1-43.3 36.4-78.1 79.9-78.1s78.9 34.8 79.9 78.2l53.1-53.1l-36-122.3l-.6-2.4c-2.2-12 4.9-23.9 16.8-27.4z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M433.3%2033c11.9-3.5%2024.4%202.7%2029%2013.9l.8%202.3l40%20136c2.5%208.4.1%2017.5-6.1%2023.7L432.9%20273l76.4-20.8l19.9-59.8l.9-2.3c5-11.1%2017.7-16.8%2029.5-12.9s18.5%2016.1%2015.8%2028l-.7%202.4l-24%2072c-2.5%207.6-8.7%2013.4-16.5%2015.6L443.1%20320l91.1%2024.8c7.7%202.1%2013.9%208%2016.5%2015.6l24%2072l.7%202.4c2.7%2011.9-4.1%2024.1-15.8%2028c-11.8%203.9-24.5-1.8-29.5-12.9l-.9-2.3l-19.9-59.8l-76.4-20.8l64.1%2064.1c6.1%206.1%208.5%2015.1%206.2%2023.4l-40%20144l-.8%202.3c-4.4%2011.3-16.8%2017.7-28.8%2014.4S414.3%20600%20416.4%20588l.5-2.4l36.2-130.5l-37.2-37.2C415%20470%20372.4%20512%20320%20512s-95-42-96-94.1l-37%2037l36%20122.3l.6%202.4c2.2%2011.9-4.9%2023.9-16.8%2027.4s-24.4-2.7-29-13.9l-.8-2.3l-40-136c-2.5-8.4-.1-17.5%206.1-23.8l64.1-64.1l-76.4%2020.8l-19.9%2059.8l-.9%202.3c-5%2011.1-17.7%2016.8-29.5%2012.9s-18.5-16.1-15.8-28l.7-2.4l24-72c2.5-7.6%208.7-13.4%2016.5-15.6l91.1-24.8l-91.1-24.8c-7.7-2.1-13.9-8-16.5-15.6l-24-72l-.7-2.4c-2.7-11.9%204.1-24.1%2015.8-28S105%20178.9%20110%20190l.9%202.3l19.9%2059.8l76.4%2020.8l-64.1-64.1c-6.2-6.2-8.5-15.3-6.1-23.7l40-136l.8-2.3c4.6-11.3%2017.1-17.4%2029-13.9s19%2015.5%2016.8%2027.4l-.6%202.4L187%20185l53%2053c1-43.3%2036.4-78.1%2079.9-78.1s78.9%2034.8%2079.9%2078.2l53.1-53.1l-36-122.3l-.6-2.4c-2.2-12%204.9-23.9%2016.8-27.4z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M433.3%2033c11.9-3.5%2024.4%202.7%2029%2013.9l.8%202.3l40%20136c2.5%208.4.1%2017.5-6.1%2023.7L432.9%20273l76.4-20.8l19.9-59.8l.9-2.3c5-11.1%2017.7-16.8%2029.5-12.9s18.5%2016.1%2015.8%2028l-.7%202.4l-24%2072c-2.5%207.6-8.7%2013.4-16.5%2015.6L443.1%20320l91.1%2024.8c7.7%202.1%2013.9%208%2016.5%2015.6l24%2072l.7%202.4c2.7%2011.9-4.1%2024.1-15.8%2028c-11.8%203.9-24.5-1.8-29.5-12.9l-.9-2.3l-19.9-59.8l-76.4-20.8l64.1%2064.1c6.1%206.1%208.5%2015.1%206.2%2023.4l-40%20144l-.8%202.3c-4.4%2011.3-16.8%2017.7-28.8%2014.4S414.3%20600%20416.4%20588l.5-2.4l36.2-130.5l-37.2-37.2C415%20470%20372.4%20512%20320%20512s-95-42-96-94.1l-37%2037l36%20122.3l.6%202.4c2.2%2011.9-4.9%2023.9-16.8%2027.4s-24.4-2.7-29-13.9l-.8-2.3l-40-136c-2.5-8.4-.1-17.5%206.1-23.8l64.1-64.1l-76.4%2020.8l-19.9%2059.8l-.9%202.3c-5%2011.1-17.7%2016.8-29.5%2012.9s-18.5-16.1-15.8-28l.7-2.4l24-72c2.5-7.6%208.7-13.4%2016.5-15.6l91.1-24.8l-91.1-24.8c-7.7-2.1-13.9-8-16.5-15.6l-24-72l-.7-2.4c-2.7-11.9%204.1-24.1%2015.8-28S105%20178.9%20110%20190l.9%202.3l19.9%2059.8l76.4%2020.8l-64.1-64.1c-6.2-6.2-8.5-15.3-6.1-23.7l40-136l.8-2.3c4.6-11.3%2017.1-17.4%2029-13.9s19%2015.5%2016.8%2027.4l-.6%202.4L187%20185l53%2053c1-43.3%2036.4-78.1%2079.9-78.1s78.9%2034.8%2079.9%2078.2l53.1-53.1l-36-122.3l-.6-2.4c-2.2-12%204.9-23.9%2016.8-27.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/spider.svg?color=%231a73e8&size=48
