Icono Mouse
simple-line-icons:mouse
El icono Mouse (simple-line-icons:mouse) es un icono SVG gratuito de la colección Simple line icons de Sabbir Ahmed. Está dibujado en una cuadrícula de 1024 × 1024. Simple line icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Simple line icons
- Autor
- Sabbir Ahmed
- Licencia
- MIT
- Tamaño
- 1024 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M513.584 0C355.456 0 224.08 128.225 224.08 286.337v451.312c0 158.128 131.376 286.352 289.504 286.352s286.352-128.224 286.352-286.336V286.337C799.936 128.225 671.712.001 513.584.001zm222.352 737.665c0 122.592-99.742 222.336-222.351 222.336S288.08 860.257 288.08 737.665V286.337c0-122.592 102.912-222.336 225.504-222.336s222.352 99.744 222.352 222.336zM512.338 192.001c-17.664 0-32 14.336-32 32v160c0 17.664 14.336 32 32 32s32-14.336 32-32v-160c0-17.664-14.336-32-32-32"/></svg>
Cómo usar el icono Mouse
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:mouse" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:mouse" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:mouse" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--mouse]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:mouse"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:mouse"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/simple-line-icons/mouse.svg" alt="Icono Mouse" width="24" height="24">
El icono Mouse en otras colecciones
Preguntas frecuentes sobre Icono Mouse
¿El icono Mouse es gratis para uso comercial?
Sí. Simple line icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Mouse en React?
Instala @iconify/react y renderiza <Icon icon="simple-line-icons:mouse" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Mouse a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/simple-line-icons/mouse.svg" alt="Icono Mouse">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Simple line icons →
ICONYZ
