Icône Mouse

emojione-monotone:mouse

L'icône Mouse (emojione-monotone:mouse) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (Monotone)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Nature

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M56 13.728C56 7.261 50.645 2 44.062 2c-5.25 0-9.836 3.414-11.376 8.202a10 10 0 0 0-1.371 0C29.773 5.414 25.188 2 19.938 2C13.355 2 8 7.261 8 13.728c0 5.521 3.919 10.175 9.169 11.407a18.7 18.7 0 0 0-1.038 4.619c-.233 2.35.694 4.793 2.609 6.878c1.374 1.496 3.117 2.662 4.815 3.306a16.7 16.7 0 0 0-1.868 3.648c-6.78 3.612-9.44 11.831-1.105 15.758C27.707 62.686 37.195 60.978 44.89 62c-6.79-1.566-14.443-1.229-20.967-3.631c-4.063-1.482-6.805-5.483-3.345-9.097a29 29 0 0 0-.063 1.896c0 1.756.857 3.218 2.489 4.264v.049c0 1.627 1.387 2.951 3.092 2.951h1.475c.964 0 1.864-.434 2.442-1.145c1.323.086 2.652.086 3.976 0a3.15 3.15 0 0 0 2.44 1.145h1.476c1.705 0 3.092-1.324 3.092-2.992v-.008c1.632-1.046 2.489-2.509 2.489-4.264c0-5.523-1.38-8.752-3.04-11.231c1.696-.643 3.438-1.808 4.812-3.304c1.916-2.085 2.844-4.527 2.611-6.878a18.8 18.8 0 0 0-1.037-4.62C52.081 23.903 56 19.249 56 13.728m-37.387 8.168c-3.773-.218-6.774-3.272-6.774-6.994c0-3.863 3.233-7.006 7.208-7.006c3.089 0 5.795 1.914 6.792 4.677c-2.635 2.012-5.059 5.14-7.226 9.323m22.952 29.272c0 1.244-.673 2.203-2.058 2.93l-.678.356l.203.731c.029.104.043.186.043.295c0 .582-.525 1.055-1.172 1.055h-1.476c-.467 0-.888-.252-1.075-.641l-.285-.598l-.665.057a28 28 0 0 1-4.807 0l-.667-.057l-.285.598c-.187.389-.608.641-1.075.641h-1.475c-.646 0-1.172-.473-1.172-1.096c0-.068.014-.149.042-.254l.203-.731l-.678-.356c-1.384-.727-2.057-1.686-2.057-2.93c0-5.189 1.226-8.114 3.101-10.733c.182.021.366.05.542.054c.2.102.597.412.894.644c1.088.85 2.731 2.133 5.029 2.133c2.295 0 3.938-1.282 5.026-2.132c.297-.232.694-.543.895-.645c.176-.004.359-.033.541-.054c1.879 2.618 3.106 5.544 3.106 10.733m-3.776-12.574c-1.449 0-2.988 2.775-5.788 2.775c-2.803 0-4.34-2.775-5.791-2.775c-3.033 0-8.628-4.002-8.168-8.654c.265-2.666 1.208-5.213 2.04-7.054c.063-.033.044-.035.016-.03c1.353-2.759 5.021-8.355 8.478-9.9c.647-.289 2.541-.882 3.425-.882s2.777.593 3.423.881c3.47 1.55 7.155 7.178 8.495 9.931c-.096 0-.045.003.002.005c.828 1.841 1.771 4.386 2.036 7.049c.46 4.652-5.136 8.654-8.168 8.654m7.599-16.698c-2.189-4.24-4.568-7.309-7.227-9.325c.999-2.762 3.703-4.675 6.791-4.675c3.975 0 7.209 3.143 7.209 7.006c0 3.723-3 6.776-6.773 6.994"/><path fill="currentColor" d="M32.001 33.389c-.51 0-2.214.045-2.77.623c-.395.411-.089 1.434.962 2.313c.665.557 1.298.731 1.807.731s1.143-.175 1.807-.731c1.052-.88 1.356-1.902.963-2.313c-.555-.578-2.26-.623-2.769-.623"/><ellipse cx="25.429" cy="27.333" fill="currentColor" rx="2.88" ry="2.844"/><ellipse cx="38.57" cy="27.333" fill="currentColor" rx="2.879" ry="2.844"/><path fill="currentColor" d="M32.975 37.941a2.5 2.5 0 0 0-.792.189a2.7 2.7 0 0 0-.68.424c-.198.172-.404.398-.46.693c.258-.104.51-.129.741-.215c.237-.07.459-.162.683-.249c.218-.099.436-.194.646-.306c.22-.09.401-.248.678-.28c-.198-.242-.552-.272-.816-.256"/></svg>

Comment utiliser l'icône Mouse

React

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

<Icon icon="emojione-monotone:mouse" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:mouse" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:mouse" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-monotone:mouse"></iconify-icon>

Image HTML

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

Icônes similaires dans Emoji One (Monotone)

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 Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Mouse dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-monotone: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/emojione-monotone/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 Emoji One (Monotone) →