ICONYZ
Français
Icône Spider Outline de Material Design Icons

Icône Spider Outline

mdi:spider-outline

L'icône Spider Outline (mdi:spider-outline) est une icône SVG gratuite de la collection Material Design Icons par Pictogrammers. Elle est dessinée sur une grille de 24 × 24. Les Material Design Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Material Design Icons
Auteur
Pictogrammers
Licence
Apache-2.0
Taille
24 × 24
Catégorie
Animal, Nature, Vacances
Mots-clés
arachnid outline, animal, holiday, nature, spideroutline
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>

Comment utiliser l'icône Spider Outline

React

import { Icon } from "@iconify/react";

<Icon icon="mdi:spider-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="mdi:spider-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="mdi:spider-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--spider-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:spider-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="mdi:spider-outline"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/mdi/spider-outline.svg" alt="Icône Spider Outline" width="24" height="24">

Icônes similaires dans Material Design Icons

FAQ : Icône Spider Outline

L'icône Spider Outline est-elle gratuite pour un usage commercial ?

Oui. Les Material Design Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Spider Outline dans React ?

Installez @iconify/react et affichez <Icon icon="mdi:spider-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Spider Outline à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mdi/spider-outline.svg" alt="Icône Spider Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Material Design Icons →