spider web emoji
spider-web from OpenMoji by OpenMoji · Default · Animals Nature · CC-BY-SA-4.0 Attribution required.
- Name
- spider-web
- Set
- OpenMoji
- Style
- Default
- Category
- Animals Nature
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More animals nature icons from OpenMoji
Use the spider web emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M22.08 21.58s8.815-1.028 13.74-5.069c0 0 11.09 6.391 13.88 5.289c0 0 2.792 13.74 5.73 13.96c0 0-5.436 13-4.775 13.66c0 0-13.44 2.424-14.62 6.244c0 0-8.228-7.934-14.1-5.583c0 0-3.232-13.08-5.73-13.59c0 0 7.199-12.86 5.877-14.91z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M8.112 36H63.89M36 8.112V63.89m19.72-47.61L16.28 55.72m39.44 0L16.28 16.28m19.86 39.6s-6.289-6.553-14.69-5.373c0 0 .191-9.123-5.838-14.25c0 0 6.442-6.65 5.997-14.67c0 0 9.38-.112 14.32-6.1c0 0 6.289 6.553 14.31 6.108c0 0 .112 9.38 6.214 14.68c0 0-6.44 6.649-5.995 14.09c0 0-9.38-.469-14.32 5.519z"/><path d="M49.25 35.48s-3.624 4.594-3.49 9.856c0 0-6.702.507-10.04 3.803c0 0-3.846-3.97-9.214-3.803c0 0-.909-6.074-4.256-9.612c0 0 4.338-4.547 4.091-9.856c0 0 6.501-.124 10.12-4.052c0 0 3.352 4.093 9.297 4.052c0 0 .142 6.365 3.49 9.612z"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiSpiderWeb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M22.08 21.58s8.815-1.028 13.74-5.069c0 0 11.09 6.391 13.88 5.289c0 0 2.792 13.74 5.73 13.96c0 0-5.436 13-4.775 13.66c0 0-13.44 2.424-14.62 6.244c0 0-8.228-7.934-14.1-5.583c0 0-3.232-13.08-5.73-13.59c0 0 7.199-12.86 5.877-14.91z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="M8.112 36H63.89M36 8.112V63.89m19.72-47.61L16.28 55.72m39.44 0L16.28 16.28m19.86 39.6s-6.289-6.553-14.69-5.373c0 0 .191-9.123-5.838-14.25c0 0 6.442-6.65 5.997-14.67c0 0 9.38-.112 14.32-6.1c0 0 6.289 6.553 14.31 6.108c0 0 .112 9.38 6.214 14.68c0 0-6.44 6.649-5.995 14.09c0 0-9.38-.469-14.32 5.519z"/><path d="M49.25 35.48s-3.624 4.594-3.49 9.856c0 0-6.702.507-10.04 3.803c0 0-3.846-3.97-9.214-3.803c0 0-.909-6.074-4.256-9.612c0 0 4.338-4.547 4.091-9.856c0 0 6.501-.124 10.12-4.052c0 0 3.352 4.093 9.297 4.052c0 0 .142 6.365 3.49 9.612z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M22.08 21.58s8.815-1.028 13.74-5.069c0 0 11.09 6.391 13.88 5.289c0 0 2.792 13.74 5.73 13.96c0 0-5.436 13-4.775 13.66c0 0-13.44 2.424-14.62 6.244c0 0-8.228-7.934-14.1-5.583c0 0-3.232-13.08-5.73-13.59c0 0 7.199-12.86 5.877-14.91z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M8.112 36H63.89M36 8.112V63.89m19.72-47.61L16.28 55.72m39.44 0L16.28 16.28m19.86 39.6s-6.289-6.553-14.69-5.373c0 0 .191-9.123-5.838-14.25c0 0 6.442-6.65 5.997-14.67c0 0 9.38-.112 14.32-6.1c0 0 6.289 6.553 14.31 6.108c0 0 .112 9.38 6.214 14.68c0 0-6.44 6.649-5.995 14.09c0 0-9.38-.469-14.32 5.519z"/><path d="M49.25 35.48s-3.624 4.594-3.49 9.856c0 0-6.702.507-10.04 3.803c0 0-3.846-3.97-9.214-3.803c0 0-.909-6.074-4.256-9.612c0 0 4.338-4.547 4.091-9.856c0 0 6.501-.124 10.12-4.052c0 0 3.352 4.093 9.297 4.052c0 0 .142 6.365 3.49 9.612z"/></g></svg> </template>
CSS
.icon-spider-web {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M22.08%2021.58s8.815-1.028%2013.74-5.069c0%200%2011.09%206.391%2013.88%205.289c0%200%202.792%2013.74%205.73%2013.96c0%200-5.436%2013-4.775%2013.66c0%200-13.44%202.424-14.62%206.244c0%200-8.228-7.934-14.1-5.583c0%200-3.232-13.08-5.73-13.59c0%200%207.199-12.86%205.877-14.91z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M8.112%2036H63.89M36%208.112V63.89m19.72-47.61L16.28%2055.72m39.44%200L16.28%2016.28m19.86%2039.6s-6.289-6.553-14.69-5.373c0%200%20.191-9.123-5.838-14.25c0%200%206.442-6.65%205.997-14.67c0%200%209.38-.112%2014.32-6.1c0%200%206.289%206.553%2014.31%206.108c0%200%20.112%209.38%206.214%2014.68c0%200-6.44%206.649-5.995%2014.09c0%200-9.38-.469-14.32%205.519z%22%2F%3E%3Cpath%20d%3D%22M49.25%2035.48s-3.624%204.594-3.49%209.856c0%200-6.702.507-10.04%203.803c0%200-3.846-3.97-9.214-3.803c0%200-.909-6.074-4.256-9.612c0%200%204.338-4.547%204.091-9.856c0%200%206.501-.124%2010.12-4.052c0%200%203.352%204.093%209.297%204.052c0%200%20.142%206.365%203.49%209.612z%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M22.08%2021.58s8.815-1.028%2013.74-5.069c0%200%2011.09%206.391%2013.88%205.289c0%200%202.792%2013.74%205.73%2013.96c0%200-5.436%2013-4.775%2013.66c0%200-13.44%202.424-14.62%206.244c0%200-8.228-7.934-14.1-5.583c0%200-3.232-13.08-5.73-13.59c0%200%207.199-12.86%205.877-14.91z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M8.112%2036H63.89M36%208.112V63.89m19.72-47.61L16.28%2055.72m39.44%200L16.28%2016.28m19.86%2039.6s-6.289-6.553-14.69-5.373c0%200%20.191-9.123-5.838-14.25c0%200%206.442-6.65%205.997-14.67c0%200%209.38-.112%2014.32-6.1c0%200%206.289%206.553%2014.31%206.108c0%200%20.112%209.38%206.214%2014.68c0%200-6.44%206.649-5.995%2014.09c0%200-9.38-.469-14.32%205.519z%22%2F%3E%3Cpath%20d%3D%22M49.25%2035.48s-3.624%204.594-3.49%209.856c0%200-6.702.507-10.04%203.803c0%200-3.846-3.97-9.214-3.803c0%200-.909-6.074-4.256-9.612c0%200%204.338-4.547%204.091-9.856c0%200%206.501-.124%2010.12-4.052c0%200%203.352%204.093%209.297%204.052c0%200%20.142%206.365%203.49%209.612z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/spider-web.svg?color=%231a73e8&size=48
