Home/Libraries/Firefox OS Emoji (Iconify)/mouse

Firefox OS Emoji (Iconify)

Mouse

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M491.942 148.321c0-59.89-48.55-108.44-108.44-108.44c-46.792 0-86.661 29.636-101.862 71.162a163.7 163.7 0 0 0-51.281-.001C215.158 69.516 175.288 39.88 128.497 39.88c-59.89 0-108.44 48.55-108.44 108.44c0 44.747 27.105 83.16 65.791 99.726c-16.282 18.197-26.187 42.22-26.187 68.56c0 56.81 46.054 102.864 102.864 102.864c3.588 0 7.133-.185 10.627-.544c17.61 37.922 61.271 69.936 85.216 69.936c23.935 0 64.647-31.985 81.018-69.886c3.32.323 6.684.493 10.089.493c56.81 0 102.864-46.054 102.864-102.864c0-26.34-9.905-50.363-26.187-68.56c38.685-16.565 65.79-54.977 65.79-99.724"/><path fill="#818cf8" d="M456.159 148.321c0 40.127-32.53 72.657-72.657 72.657s-72.657-32.53-72.657-72.657s32.53-72.657 72.657-72.657s72.657 32.529 72.657 72.657M128.498 75.664c-40.127 0-72.657 32.53-72.657 72.657s32.53 72.657 72.657 72.657s72.657-32.53 72.657-72.657s-32.53-72.657-72.657-72.657m98.014 363.267c-4.878 5.92-4.033 14.673 1.887 19.55l9.182 7.566s2.337 1.925 5.842 3.533c1.753.578 3.797 1.485 5.988 2.038l6.864.818c2.337.303 4.674-.462 6.865-.621c2.191-.029 4.235-1.355 5.988-1.941c3.505-1.539 5.842-3.827 5.842-3.827l9.755-9.552a13.18 13.18 0 0 0 3.926-9.881c-.261-7.295-6.386-12.996-13.681-12.735c0 0-9.347.335-18.695.472l-18.694-.472c-4.097-.08-8.261 1.644-11.069 5.052"/><path fill="#818cf8" d="M53.937 449.776a4.783 4.783 0 0 1-4.395-6.666c9.285-21.689 40.541-44.919 74.865-44.611a4.783 4.783 0 0 1-.041 9.566h-.043c-32.07-.264-58.944 22.356-65.987 38.809a4.78 4.78 0 0 1-4.399 2.902m-23.87-47.888c21.443-28.069 67.838-33.838 93.084-27.213a4.78 4.78 0 0 0 5.84-3.412a4.78 4.78 0 0 0-3.412-5.84c-41.004-10.761-85.449 7.534-103.114 30.658a4.782 4.782 0 1 0 7.602 5.807m429.875 47.502a4.784 4.784 0 0 0 2.516-6.279c-9.226-21.551-40.145-44.614-74.202-44.614q-.332 0-.663.003a4.783 4.783 0 0 0 .041 9.566h.043q.298-.003.595-.003c31.83 0 58.394 22.462 65.392 38.812a4.784 4.784 0 0 0 6.278 2.515m28.696-46.605a4.78 4.78 0 0 0 .897-6.704c-17.664-23.124-62.112-41.422-103.114-30.658a4.78 4.78 0 0 0-3.412 5.84a4.78 4.78 0 0 0 5.84 3.412c39.3-10.31 79.308 9.178 93.085 27.213a4.78 4.78 0 0 0 3.805 1.88a4.76 4.76 0 0 0 2.899-.983"/><path fill="#818cf8" d="M157.46 273.265c13.518 0 24.477 10.959 24.477 24.477v30.088c0 13.518-10.959 24.477-24.477 24.477s-24.477-10.959-24.477-24.477v-30.088c0-13.519 10.959-24.477 24.477-24.477m197.08-.001c-13.518 0-24.477 10.959-24.477 24.477v30.088c0 13.518 10.959 24.477 24.477 24.477s24.477-10.959 24.477-24.477v-30.088c0-13.518-10.959-24.477-24.477-24.477"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MouseIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.