spider emoji

spider from Fluent Emoji High Contrast by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.

Name: spider
Set: Fluent Emoji High Contrast
Style: Default
Category: Animals & Nature
Viewbox: 32×32
License: MIT

The same emoji in other sets

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

More animals & nature icons from Fluent Emoji High Contrast

ant baby-chick badger bat bear beaver beetle bird bison black-cat blackbird blossom blowfish boar bouquet bug butterfly cactus camel cat cat-face cherry-blossom chicken chipmunk

Use the spider emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M3 8.02a8.94 8.94 0 0 0 7.47 7l.26.04m18.6-7.04a8.94 8.94 0 0 1-7.47 7l-.26.04m7.73 9.61a8.94 8.94 0 0 0-7.47-7l-.26-.04M3 24.67a8.94 8.94 0 0 1 7.47-7l.26-.04M25.73 3c0 3.39-1.96 6.47-5.04 7.9l-1.76.82M6.6 3c0 3.39 1.96 6.47 5.04 7.9l1.76.82M6.6 29.86c0-3.39 1.96-6.47 5.04-7.9l1.76-.82m12.33 8.72c0-3.39-1.96-6.47-5.04-7.9l-1.76-.82"/><path fill="currentColor" d="M16.71 3v2.66h1.37V4.37c0-.75-.61-1.37-1.37-1.37m-1.09 0v2.66h-1.37V4.37c0-.75.61-1.37 1.37-1.37"/><path fill="currentColor" d="M19.31 10.9a3.8 3.8 0 0 0 .68-2.17a3.82 3.82 0 1 0-6.96 2.17a8 8 0 0 0-4.86 7.36c0 4.42 3.58 8 8 8s8-3.58 8-8c0-3.3-2.01-6.13-4.86-7.36"/><path fill="currentColor" d="M26.23 3a.5.5 0 0 0-1 0a8.2 8.2 0 0 1-4.75 7.447l-1.069.497l-.1-.044a3.82 3.82 0 0 0-1.23-5.48V4.37A1.375 1.375 0 0 0 16.709 3v1.948a4 4 0 0 0-1.09.001V3c-.76 0-1.37.62-1.37 1.37v1.057a3.82 3.82 0 0 0-1.22 5.473l-.107.046l-1.072-.5A8.2 8.2 0 0 1 7.1 3a.5.5 0 0 0-1 0a9.2 9.2 0 0 0 5.33 8.353l.398.186a8.04 8.04 0 0 0-2.574 2.698a8.45 8.45 0 0 1-5.765-6.32a.5.5 0 0 0-.978.207a9.45 9.45 0 0 0 6.29 7.018a8 8 0 0 0-.616 2.632a9.45 9.45 0 0 0-5.674 6.792a.5.5 0 0 0 .978.208a8.46 8.46 0 0 1 4.703-5.913a7.96 7.96 0 0 0 1.321 3.84A9.2 9.2 0 0 0 6.1 29.86a.5.5 0 0 0 1 0a8.2 8.2 0 0 1 3.02-6.364a7.98 7.98 0 0 0 6.05 2.764a7.98 7.98 0 0 0 6.046-2.76a8.2 8.2 0 0 1 3.014 6.36a.5.5 0 1 0 1 0c0-2.816-1.28-5.43-3.407-7.154a7.96 7.96 0 0 0 1.325-3.84a8.46 8.46 0 0 1 4.693 5.908a.5.5 0 0 0 .978-.208a9.45 9.45 0 0 0-5.663-6.788a7.9 7.9 0 0 0-.62-2.638a9.45 9.45 0 0 0 6.283-7.016a.5.5 0 1 0-.978-.208a8.45 8.45 0 0 1-5.76 6.32a8.1 8.1 0 0 0-2.578-2.697l.398-.185A9.2 9.2 0 0 0 26.23 3"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastSpider(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" d="M3 8.02a8.94 8.94 0 0 0 7.47 7l.26.04m18.6-7.04a8.94 8.94 0 0 1-7.47 7l-.26.04m7.73 9.61a8.94 8.94 0 0 0-7.47-7l-.26-.04M3 24.67a8.94 8.94 0 0 1 7.47-7l.26-.04M25.73 3c0 3.39-1.96 6.47-5.04 7.9l-1.76.82M6.6 3c0 3.39 1.96 6.47 5.04 7.9l1.76.82M6.6 29.86c0-3.39 1.96-6.47 5.04-7.9l1.76-.82m12.33 8.72c0-3.39-1.96-6.47-5.04-7.9l-1.76-.82"/><path fill="currentColor" d="M16.71 3v2.66h1.37V4.37c0-.75-.61-1.37-1.37-1.37m-1.09 0v2.66h-1.37V4.37c0-.75.61-1.37 1.37-1.37"/><path fill="currentColor" d="M19.31 10.9a3.8 3.8 0 0 0 .68-2.17a3.82 3.82 0 1 0-6.96 2.17a8 8 0 0 0-4.86 7.36c0 4.42 3.58 8 8 8s8-3.58 8-8c0-3.3-2.01-6.13-4.86-7.36"/><path fill="currentColor" d="M26.23 3a.5.5 0 0 0-1 0a8.2 8.2 0 0 1-4.75 7.447l-1.069.497l-.1-.044a3.82 3.82 0 0 0-1.23-5.48V4.37A1.375 1.375 0 0 0 16.709 3v1.948a4 4 0 0 0-1.09.001V3c-.76 0-1.37.62-1.37 1.37v1.057a3.82 3.82 0 0 0-1.22 5.473l-.107.046l-1.072-.5A8.2 8.2 0 0 1 7.1 3a.5.5 0 0 0-1 0a9.2 9.2 0 0 0 5.33 8.353l.398.186a8.04 8.04 0 0 0-2.574 2.698a8.45 8.45 0 0 1-5.765-6.32a.5.5 0 0 0-.978.207a9.45 9.45 0 0 0 6.29 7.018a8 8 0 0 0-.616 2.632a9.45 9.45 0 0 0-5.674 6.792a.5.5 0 0 0 .978.208a8.46 8.46 0 0 1 4.703-5.913a7.96 7.96 0 0 0 1.321 3.84A9.2 9.2 0 0 0 6.1 29.86a.5.5 0 0 0 1 0a8.2 8.2 0 0 1 3.02-6.364a7.98 7.98 0 0 0 6.05 2.764a7.98 7.98 0 0 0 6.046-2.76a8.2 8.2 0 0 1 3.014 6.36a.5.5 0 1 0 1 0c0-2.816-1.28-5.43-3.407-7.154a7.96 7.96 0 0 0 1.325-3.84a8.46 8.46 0 0 1 4.693 5.908a.5.5 0 0 0 .978-.208a9.45 9.45 0 0 0-5.663-6.788a7.9 7.9 0 0 0-.62-2.638a9.45 9.45 0 0 0 6.283-7.016a.5.5 0 1 0-.978-.208a8.45 8.45 0 0 1-5.76 6.32a8.1 8.1 0 0 0-2.578-2.697l.398-.185A9.2 9.2 0 0 0 26.23 3"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M3 8.02a8.94 8.94 0 0 0 7.47 7l.26.04m18.6-7.04a8.94 8.94 0 0 1-7.47 7l-.26.04m7.73 9.61a8.94 8.94 0 0 0-7.47-7l-.26-.04M3 24.67a8.94 8.94 0 0 1 7.47-7l.26-.04M25.73 3c0 3.39-1.96 6.47-5.04 7.9l-1.76.82M6.6 3c0 3.39 1.96 6.47 5.04 7.9l1.76.82M6.6 29.86c0-3.39 1.96-6.47 5.04-7.9l1.76-.82m12.33 8.72c0-3.39-1.96-6.47-5.04-7.9l-1.76-.82"/><path fill="currentColor" d="M16.71 3v2.66h1.37V4.37c0-.75-.61-1.37-1.37-1.37m-1.09 0v2.66h-1.37V4.37c0-.75.61-1.37 1.37-1.37"/><path fill="currentColor" d="M19.31 10.9a3.8 3.8 0 0 0 .68-2.17a3.82 3.82 0 1 0-6.96 2.17a8 8 0 0 0-4.86 7.36c0 4.42 3.58 8 8 8s8-3.58 8-8c0-3.3-2.01-6.13-4.86-7.36"/><path fill="currentColor" d="M26.23 3a.5.5 0 0 0-1 0a8.2 8.2 0 0 1-4.75 7.447l-1.069.497l-.1-.044a3.82 3.82 0 0 0-1.23-5.48V4.37A1.375 1.375 0 0 0 16.709 3v1.948a4 4 0 0 0-1.09.001V3c-.76 0-1.37.62-1.37 1.37v1.057a3.82 3.82 0 0 0-1.22 5.473l-.107.046l-1.072-.5A8.2 8.2 0 0 1 7.1 3a.5.5 0 0 0-1 0a9.2 9.2 0 0 0 5.33 8.353l.398.186a8.04 8.04 0 0 0-2.574 2.698a8.45 8.45 0 0 1-5.765-6.32a.5.5 0 0 0-.978.207a9.45 9.45 0 0 0 6.29 7.018a8 8 0 0 0-.616 2.632a9.45 9.45 0 0 0-5.674 6.792a.5.5 0 0 0 .978.208a8.46 8.46 0 0 1 4.703-5.913a7.96 7.96 0 0 0 1.321 3.84A9.2 9.2 0 0 0 6.1 29.86a.5.5 0 0 0 1 0a8.2 8.2 0 0 1 3.02-6.364a7.98 7.98 0 0 0 6.05 2.764a7.98 7.98 0 0 0 6.046-2.76a8.2 8.2 0 0 1 3.014 6.36a.5.5 0 1 0 1 0c0-2.816-1.28-5.43-3.407-7.154a7.96 7.96 0 0 0 1.325-3.84a8.46 8.46 0 0 1 4.693 5.908a.5.5 0 0 0 .978-.208a9.45 9.45 0 0 0-5.663-6.788a7.9 7.9 0 0 0-.62-2.638a9.45 9.45 0 0 0 6.283-7.016a.5.5 0 1 0-.978-.208a8.45 8.45 0 0 1-5.76 6.32a8.1 8.1 0 0 0-2.578-2.697l.398-.185A9.2 9.2 0 0 0 26.23 3"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M3%208.02a8.94%208.94%200%200%200%207.47%207l.26.04m18.6-7.04a8.94%208.94%200%200%201-7.47%207l-.26.04m7.73%209.61a8.94%208.94%200%200%200-7.47-7l-.26-.04M3%2024.67a8.94%208.94%200%200%201%207.47-7l.26-.04M25.73%203c0%203.39-1.96%206.47-5.04%207.9l-1.76.82M6.6%203c0%203.39%201.96%206.47%205.04%207.9l1.76.82M6.6%2029.86c0-3.39%201.96-6.47%205.04-7.9l1.76-.82m12.33%208.72c0-3.39-1.96-6.47-5.04-7.9l-1.76-.82%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.71%203v2.66h1.37V4.37c0-.75-.61-1.37-1.37-1.37m-1.09%200v2.66h-1.37V4.37c0-.75.61-1.37%201.37-1.37%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.31%2010.9a3.8%203.8%200%200%200%20.68-2.17a3.82%203.82%200%201%200-6.96%202.17a8%208%200%200%200-4.86%207.36c0%204.42%203.58%208%208%208s8-3.58%208-8c0-3.3-2.01-6.13-4.86-7.36%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.23%203a.5.5%200%200%200-1%200a8.2%208.2%200%200%201-4.75%207.447l-1.069.497l-.1-.044a3.82%203.82%200%200%200-1.23-5.48V4.37A1.375%201.375%200%200%200%2016.709%203v1.948a4%204%200%200%200-1.09.001V3c-.76%200-1.37.62-1.37%201.37v1.057a3.82%203.82%200%200%200-1.22%205.473l-.107.046l-1.072-.5A8.2%208.2%200%200%201%207.1%203a.5.5%200%200%200-1%200a9.2%209.2%200%200%200%205.33%208.353l.398.186a8.04%208.04%200%200%200-2.574%202.698a8.45%208.45%200%200%201-5.765-6.32a.5.5%200%200%200-.978.207a9.45%209.45%200%200%200%206.29%207.018a8%208%200%200%200-.616%202.632a9.45%209.45%200%200%200-5.674%206.792a.5.5%200%200%200%20.978.208a8.46%208.46%200%200%201%204.703-5.913a7.96%207.96%200%200%200%201.321%203.84A9.2%209.2%200%200%200%206.1%2029.86a.5.5%200%200%200%201%200a8.2%208.2%200%200%201%203.02-6.364a7.98%207.98%200%200%200%206.05%202.764a7.98%207.98%200%200%200%206.046-2.76a8.2%208.2%200%200%201%203.014%206.36a.5.5%200%201%200%201%200c0-2.816-1.28-5.43-3.407-7.154a7.96%207.96%200%200%200%201.325-3.84a8.46%208.46%200%200%201%204.693%205.908a.5.5%200%200%200%20.978-.208a9.45%209.45%200%200%200-5.663-6.788a7.9%207.9%200%200%200-.62-2.638a9.45%209.45%200%200%200%206.283-7.016a.5.5%200%201%200-.978-.208a8.45%208.45%200%200%201-5.76%206.32a8.1%208.1%200%200%200-2.578-2.697l.398-.185A9.2%209.2%200%200%200%2026.23%203%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M3%208.02a8.94%208.94%200%200%200%207.47%207l.26.04m18.6-7.04a8.94%208.94%200%200%201-7.47%207l-.26.04m7.73%209.61a8.94%208.94%200%200%200-7.47-7l-.26-.04M3%2024.67a8.94%208.94%200%200%201%207.47-7l.26-.04M25.73%203c0%203.39-1.96%206.47-5.04%207.9l-1.76.82M6.6%203c0%203.39%201.96%206.47%205.04%207.9l1.76.82M6.6%2029.86c0-3.39%201.96-6.47%205.04-7.9l1.76-.82m12.33%208.72c0-3.39-1.96-6.47-5.04-7.9l-1.76-.82%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.71%203v2.66h1.37V4.37c0-.75-.61-1.37-1.37-1.37m-1.09%200v2.66h-1.37V4.37c0-.75.61-1.37%201.37-1.37%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.31%2010.9a3.8%203.8%200%200%200%20.68-2.17a3.82%203.82%200%201%200-6.96%202.17a8%208%200%200%200-4.86%207.36c0%204.42%203.58%208%208%208s8-3.58%208-8c0-3.3-2.01-6.13-4.86-7.36%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.23%203a.5.5%200%200%200-1%200a8.2%208.2%200%200%201-4.75%207.447l-1.069.497l-.1-.044a3.82%203.82%200%200%200-1.23-5.48V4.37A1.375%201.375%200%200%200%2016.709%203v1.948a4%204%200%200%200-1.09.001V3c-.76%200-1.37.62-1.37%201.37v1.057a3.82%203.82%200%200%200-1.22%205.473l-.107.046l-1.072-.5A8.2%208.2%200%200%201%207.1%203a.5.5%200%200%200-1%200a9.2%209.2%200%200%200%205.33%208.353l.398.186a8.04%208.04%200%200%200-2.574%202.698a8.45%208.45%200%200%201-5.765-6.32a.5.5%200%200%200-.978.207a9.45%209.45%200%200%200%206.29%207.018a8%208%200%200%200-.616%202.632a9.45%209.45%200%200%200-5.674%206.792a.5.5%200%200%200%20.978.208a8.46%208.46%200%200%201%204.703-5.913a7.96%207.96%200%200%200%201.321%203.84A9.2%209.2%200%200%200%206.1%2029.86a.5.5%200%200%200%201%200a8.2%208.2%200%200%201%203.02-6.364a7.98%207.98%200%200%200%206.05%202.764a7.98%207.98%200%200%200%206.046-2.76a8.2%208.2%200%200%201%203.014%206.36a.5.5%200%201%200%201%200c0-2.816-1.28-5.43-3.407-7.154a7.96%207.96%200%200%200%201.325-3.84a8.46%208.46%200%200%201%204.693%205.908a.5.5%200%200%200%20.978-.208a9.45%209.45%200%200%200-5.663-6.788a7.9%207.9%200%200%200-.62-2.638a9.45%209.45%200%200%200%206.283-7.016a.5.5%200%201%200-.978-.208a8.45%208.45%200%200%201-5.76%206.32a8.1%208.1%200%200%200-2.578-2.697l.398-.185A9.2%209.2%200%200%200%2026.23%203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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