spider icon
spider-outline from Material Design Icons by Pictogrammers · Outline · Animal · Apache-2.0 Free for personal and commercial use.
- Name
- spider-outline
- Set
- Material Design Icons
- Style
- Outline
- Category
- Animal
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- arachnid-outline
1 other variant in Material Design Icons
The same icon in other sets
More animal icons from Material Design Icons
Use the spider icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 22h-2v-4.54l-1.56-1.34c-.12.71-.4 1.38-.82 1.94c-.2.28-.44.53-.71.76c-.81.68-1.84 1.07-2.91 1.07s-2.1-.39-2.91-1.07c-.27-.23-.51-.48-.71-.76a4.5 4.5 0 0 1-.82-1.94L6 17.46V22H4v-5.46l3.87-3.32l-2.37.67l-2.79 2.82l-1.42-1.42l3.17-3.13l3-.85L5.6 11L1.4 7.8l1.2-1.6l3.8 2.85l2.69.45l-3.2-3.19L7 1.76l2 .48l-.89 3.45l1.13 1.14c.12-.27.26-.51.45-.73c.15-.18.31-.35.51-.49c.05-.04.1-.07.15-.11c.08-.05.15-.1.24-.14c.44-.23.91-.36 1.41-.36s.97.13 1.4.36c.1.04.17.09.25.14l.12.09c.2.14.38.31.53.49c.2.22.34.48.46.75l1.1-1.14L15 2.24l2-.48l1.11 4.55l-3.2 3.19l2.68-.45L21.4 6.2l1.2 1.6l-4.19 3.2l-1.91.26l3 .85l3.21 3.18l-1.42 1.42l-2.79-2.82l-2.37-.67L20 16.54zm-5.53-6.21L15 12.5l-3-.5l-3 .5l.53 3.29c.1.59.4 1.12.85 1.5c.45.39 1.03.6 1.62.6s1.17-.21 1.62-.6c.45-.38.75-.91.85-1.5M12 9.58l1.23-1.23l-.31-.74a1 1 0 0 0-.37-.44A.97.97 0 0 0 12 7c-.2 0-.39.06-.55.17s-.29.26-.37.44l-.31.74z"/></svg>
React
import type { SVGProps } from "react";
export function MdiSpiderOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 22h-2v-4.54l-1.56-1.34c-.12.71-.4 1.38-.82 1.94c-.2.28-.44.53-.71.76c-.81.68-1.84 1.07-2.91 1.07s-2.1-.39-2.91-1.07c-.27-.23-.51-.48-.71-.76a4.5 4.5 0 0 1-.82-1.94L6 17.46V22H4v-5.46l3.87-3.32l-2.37.67l-2.79 2.82l-1.42-1.42l3.17-3.13l3-.85L5.6 11L1.4 7.8l1.2-1.6l3.8 2.85l2.69.45l-3.2-3.19L7 1.76l2 .48l-.89 3.45l1.13 1.14c.12-.27.26-.51.45-.73c.15-.18.31-.35.51-.49c.05-.04.1-.07.15-.11c.08-.05.15-.1.24-.14c.44-.23.91-.36 1.41-.36s.97.13 1.4.36c.1.04.17.09.25.14l.12.09c.2.14.38.31.53.49c.2.22.34.48.46.75l1.1-1.14L15 2.24l2-.48l1.11 4.55l-3.2 3.19l2.68-.45L21.4 6.2l1.2 1.6l-4.19 3.2l-1.91.26l3 .85l3.21 3.18l-1.42 1.42l-2.79-2.82l-2.37-.67L20 16.54zm-5.53-6.21L15 12.5l-3-.5l-3 .5l.53 3.29c.1.59.4 1.12.85 1.5c.45.39 1.03.6 1.62.6s1.17-.21 1.62-.6c.45-.38.75-.91.85-1.5M12 9.58l1.23-1.23l-.31-.74a1 1 0 0 0-.37-.44A.97.97 0 0 0 12 7c-.2 0-.39.06-.55.17s-.29.26-.37.44l-.31.74z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 22h-2v-4.54l-1.56-1.34c-.12.71-.4 1.38-.82 1.94c-.2.28-.44.53-.71.76c-.81.68-1.84 1.07-2.91 1.07s-2.1-.39-2.91-1.07c-.27-.23-.51-.48-.71-.76a4.5 4.5 0 0 1-.82-1.94L6 17.46V22H4v-5.46l3.87-3.32l-2.37.67l-2.79 2.82l-1.42-1.42l3.17-3.13l3-.85L5.6 11L1.4 7.8l1.2-1.6l3.8 2.85l2.69.45l-3.2-3.19L7 1.76l2 .48l-.89 3.45l1.13 1.14c.12-.27.26-.51.45-.73c.15-.18.31-.35.51-.49c.05-.04.1-.07.15-.11c.08-.05.15-.1.24-.14c.44-.23.91-.36 1.41-.36s.97.13 1.4.36c.1.04.17.09.25.14l.12.09c.2.14.38.31.53.49c.2.22.34.48.46.75l1.1-1.14L15 2.24l2-.48l1.11 4.55l-3.2 3.19l2.68-.45L21.4 6.2l1.2 1.6l-4.19 3.2l-1.91.26l3 .85l3.21 3.18l-1.42 1.42l-2.79-2.82l-2.37-.67L20 16.54zm-5.53-6.21L15 12.5l-3-.5l-3 .5l.53 3.29c.1.59.4 1.12.85 1.5c.45.39 1.03.6 1.62.6s1.17-.21 1.62-.6c.45-.38.75-.91.85-1.5M12 9.58l1.23-1.23l-.31-.74a1 1 0 0 0-.37-.44A.97.97 0 0 0 12 7c-.2 0-.39.06-.55.17s-.29.26-.37.44l-.31.74z"/></svg> </template>
CSS
.icon-spider-outline {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2022h-2v-4.54l-1.56-1.34c-.12.71-.4%201.38-.82%201.94c-.2.28-.44.53-.71.76c-.81.68-1.84%201.07-2.91%201.07s-2.1-.39-2.91-1.07c-.27-.23-.51-.48-.71-.76a4.5%204.5%200%200%201-.82-1.94L6%2017.46V22H4v-5.46l3.87-3.32l-2.37.67l-2.79%202.82l-1.42-1.42l3.17-3.13l3-.85L5.6%2011L1.4%207.8l1.2-1.6l3.8%202.85l2.69.45l-3.2-3.19L7%201.76l2%20.48l-.89%203.45l1.13%201.14c.12-.27.26-.51.45-.73c.15-.18.31-.35.51-.49c.05-.04.1-.07.15-.11c.08-.05.15-.1.24-.14c.44-.23.91-.36%201.41-.36s.97.13%201.4.36c.1.04.17.09.25.14l.12.09c.2.14.38.31.53.49c.2.22.34.48.46.75l1.1-1.14L15%202.24l2-.48l1.11%204.55l-3.2%203.19l2.68-.45L21.4%206.2l1.2%201.6l-4.19%203.2l-1.91.26l3%20.85l3.21%203.18l-1.42%201.42l-2.79-2.82l-2.37-.67L20%2016.54zm-5.53-6.21L15%2012.5l-3-.5l-3%20.5l.53%203.29c.1.59.4%201.12.85%201.5c.45.39%201.03.6%201.62.6s1.17-.21%201.62-.6c.45-.38.75-.91.85-1.5M12%209.58l1.23-1.23l-.31-.74a1%201%200%200%200-.37-.44A.97.97%200%200%200%2012%207c-.2%200-.39.06-.55.17s-.29.26-.37.44l-.31.74z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2022h-2v-4.54l-1.56-1.34c-.12.71-.4%201.38-.82%201.94c-.2.28-.44.53-.71.76c-.81.68-1.84%201.07-2.91%201.07s-2.1-.39-2.91-1.07c-.27-.23-.51-.48-.71-.76a4.5%204.5%200%200%201-.82-1.94L6%2017.46V22H4v-5.46l3.87-3.32l-2.37.67l-2.79%202.82l-1.42-1.42l3.17-3.13l3-.85L5.6%2011L1.4%207.8l1.2-1.6l3.8%202.85l2.69.45l-3.2-3.19L7%201.76l2%20.48l-.89%203.45l1.13%201.14c.12-.27.26-.51.45-.73c.15-.18.31-.35.51-.49c.05-.04.1-.07.15-.11c.08-.05.15-.1.24-.14c.44-.23.91-.36%201.41-.36s.97.13%201.4.36c.1.04.17.09.25.14l.12.09c.2.14.38.31.53.49c.2.22.34.48.46.75l1.1-1.14L15%202.24l2-.48l1.11%204.55l-3.2%203.19l2.68-.45L21.4%206.2l1.2%201.6l-4.19%203.2l-1.91.26l3%20.85l3.21%203.18l-1.42%201.42l-2.79-2.82l-2.37-.67L20%2016.54zm-5.53-6.21L15%2012.5l-3-.5l-3%20.5l.53%203.29c.1.59.4%201.12.85%201.5c.45.39%201.03.6%201.62.6s1.17-.21%201.62-.6c.45-.38.75-.91.85-1.5M12%209.58l1.23-1.23l-.31-.74a1%201%200%200%200-.37-.44A.97.97%200%200%200%2012%207c-.2%200-.39.06-.55.17s-.29.26-.37.44l-.31.74z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/spider-outline.svg?color=%231a73e8&size=48
