ICONYZ
Français
Icône Mouse de Element Plus

Icône Mouse

ep:mouse

L'icône Mouse (ep:mouse) est une icône SVG gratuite de la collection Element Plus. Elle est dessinée sur une grille de 1024 × 1024. Les Element Plus 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
Element Plus
Auteur
Element Plus
Licence
MIT
Taille
1024 × 1024
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M438.1 256c-68.3 0-92.7 4.7-117.7 18.1q-30.2 16.1-46.3 46.3c-13.4 25-18.1 49.4-18.1 117.7V714c0 68.3 4.7 92.7 18.1 117.7q16.1 30.2 46.3 46.3c25 13.4 49.4 18.1 117.7 18.1H586c68.3 0 92.7-4.7 117.7-18.1q30.2-16.1 46.3-46.3c13.4-25 18.1-49.4 18.1-117.7V438c0-68.3-4.7-92.7-18.1-117.7a111 111 0 0 0-46.3-46.3c-25-13.4-49.4-18.1-117.7-18.1zm0-64H586c85.5 0 116.6 9 147.9 25.6a174 174 0 0 1 72.5 72.6c16.8 31.3 25.7 62.4 25.7 147.9v275.8c0 85.5-9 116.6-25.6 147.9a175 175 0 0 1-72.6 72.5C702.6 951.1 671.5 960 586 960H438.1c-85.5 0-116.6-9-147.9-25.6a175 175 0 0 1-72.6-72.7c-16.8-31.3-25.7-62.3-25.7-147.8V438c0-85.5 9-116.5 25.6-147.8a175 175 0 0 1 72.8-72.6c31.2-16.7 62.3-25.6 147.8-25.6"/><path fill="currentColor" d="M512 320q32 0 32 32v128q0 32-32 32t-32-32V352q0-32 32-32m32-96a32 32 0 0 1-64 0v-64a32 32 0 0 0-32-32h-96a32 32 0 0 1 0-64h96a96 96 0 0 1 96 96z"/></svg>

Comment utiliser l'icône Mouse

React

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

<Icon icon="ep:mouse" width="24" />

Vue

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

<template>
  <Icon icon="ep:mouse" width="24" />
</template>

Svelte

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

<Icon icon="ep:mouse" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--mouse]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:mouse"></div>

Web component

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

<iconify-icon icon="ep:mouse"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/ep/mouse.svg" alt="Icône Mouse" width="24" height="24">

L'icône Mouse dans d'autres collections

FAQ : Icône Mouse

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

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

Comment utiliser l'icône Mouse dans React ?

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

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

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

Voir toutes les Icônes Element Plus →