Icône Eye Slash Thin

ph:eye-slash-thin

L'icône Eye Slash Thin (ph:eye-slash-thin) est une icône SVG gratuite de la collection Phosphor par Phosphor Icons. Elle est dessinée sur une grille de 256 × 256. Les Phosphor icons sont publiées sous la licence MIT, 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: Phosphor
Auteur: Phosphor Icons
Licence: MIT
Taille: 256 × 256
Mots-clés: visible, hidden, show, hide, visibility, view, invisible, eyelashes, disabled, private, eyeslash, slashthin, eyeslashthin

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38L67.59 67.5C29.34 89 13 124.81 12.34 126.38a4.08 4.08 0 0 0 0 3.25c.34.77 8.52 18.89 26.83 37.2c17 17 46.14 37.17 88.83 37.17a122.6 122.6 0 0 0 53.06-11.69l24 26.38a4 4 0 1 0 5.92-5.38Zm98.1 119.85a36 36 0 0 1-48.1-52.94ZM128 196c-32 0-59.89-11.65-83-34.62A135.8 135.8 0 0 1 20.44 128c3.65-7.23 20.09-36.81 52.68-54.43l22.45 24.7a44 44 0 0 0 59 64.83l20.89 23A114.9 114.9 0 0 1 128 196m6.78-103.36a4 4 0 0 1 1.49-7.86a44.15 44.15 0 0 1 35.54 39.09a4 4 0 0 1-3.61 4.35h-.38a4 4 0 0 1-4-3.63a36.1 36.1 0 0 0-29.04-31.95m108.88 37c-.41.91-10.2 22.58-32.38 42.45a4 4 0 0 1-2.67 1a4 4 0 0 1-2.67-7A136.7 136.7 0 0 0 235.56 128A136 136 0 0 0 211 94.62C187.89 71.65 160 60 128 60a122 122 0 0 0-20 1.63a4 4 0 0 1-1.32-7.89A129.3 129.3 0 0 1 128 52c42.7 0 71.87 20.22 88.83 37.18c18.31 18.31 26.49 36.44 26.83 37.2a4.08 4.08 0 0 1 0 3.25Z"/></svg>

Comment utiliser l'icône Eye Slash Thin

React

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

<Icon icon="ph:eye-slash-thin" width="24" />

Vue

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

<template>
  <Icon icon="ph:eye-slash-thin" width="24" />
</template>

Svelte

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

<Icon icon="ph:eye-slash-thin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--eye-slash-thin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:eye-slash-thin"></div>

Web component

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

<iconify-icon icon="ph:eye-slash-thin"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/ph/eye-slash-thin.svg" alt="Icône Eye Slash Thin" width="24" height="24">

Icônes similaires dans Phosphor

FAQ : Icône Eye Slash Thin

L'icône Eye Slash Thin est-elle gratuite pour un usage commercial ?

Oui. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Eye Slash Thin dans React ?

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

Comment ajouter l'icône Eye Slash Thin à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ph/eye-slash-thin.svg" alt="Icône Eye Slash Thin">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Phosphor →