Home/Libraries/OpenMoji (Iconify)/mouse-trap

OpenMoji (Iconify)

MouseTrap

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path d="m31.591 39.341l.009-.011c-.013-.025-.034-.043-.049-.067a1 1 0 0 0-.086-.12a1 1 0 0 0-.128-.13a1 1 0 0 0-.105-.08a1 1 0 0 0-.206-.109c-.018-.006-.031-.02-.05-.025l-.025-.005a1 1 0 0 0-.254-.042q-.043-.005-.084-.007c-.012.001-.023-.003-.035-.002l-8.672.38a1.1 1.1 0 0 0-1.051 1.099v2.401a1 1 0 0 0 .01.147a4.6 4.6 0 0 0 1.788 3.173a7.16 7.16 0 0 0 4.239 1.215a8 8 0 0 0 1.037-.06v-.024a1.08 1.08 0 0 0 .725-.4l2.85-3.767a1.1 1.1 0 0 0 .221-.663V39.84a1.1 1.1 0 0 0-.134-.499m-7.6 1.291c-.466 0-.845-.226-.845-.506s.379-.506.845-.506s.845.226.845.506s-.379.507-.845.507m3.387 1.196c-1.061 0-1.922-.516-1.922-1.153s.86-1.152 1.922-1.152s1.922.516 1.922 1.152s-.86 1.153-1.922 1.153"/><path fill="#a57939" d="M30.905 57.963a1.1 1.1 0 0 1-.455-.1L9.483 48.318a1.09 1.09 0 0 1-.64-.993v-4.376a1.09 1.09 0 0 1 .555-.95L43.85 22.56a1.1 1.1 0 0 1 .976-.051l20.372 8.82a1.09 1.09 0 0 1 .116 1.944L32 52.654v4.217a1.095 1.095 0 0 1-1.095 1.092"/><path fill="#6a462f" d="M64.813 32.263v4.79L30.848 56.964v-5.301z"/><path fill="#f1b31c" d="M27.777 47.109a1.1 1.1 0 0 1-1.099-1.099v-2.402a1.1 1.1 0 0 1 .223-.663l2.849-3.768a1.1 1.1 0 0 1 1.976.663v2.403a1.1 1.1 0 0 1-.222.663l-2.85 3.767a1.1 1.1 0 0 1-.877.436m2.85-4.866"/><path fill="#fcea2b" d="m27.986 44.171l-.057 2.927a8 8 0 0 1-1.038.06a7.16 7.16 0 0 1-4.239-1.215a4.6 4.6 0 0 1-1.788-3.173a1 1 0 0 1-.01-.147V40.22a1.1 1.1 0 0 1 1.05-1.097l8.674-.381a1.09 1.09 0 0 1 1.022.587Z"/><ellipse cx="27.378" cy="40.675" fill="#f1b31c" rx="1.922" ry="1.153"/><ellipse cx="23.991" cy="40.126" fill="#f1b31c" rx=".845" ry=".506"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M29.311 31.934L9.849 42.95v4.406l21.035 9.608l33.965-19.911v-4.79l-6.574 3.743"/><path d="m31.864 30.123l10.202-8.595a3.66 3.66 0 0 1 4.101-.524l13.342 5.769a2.62 2.62 0 0 1 .288 4.362l-11.881 9.678"/><path d="m33.449 39.846l16.052-13.403s-1.31-2.673 1.055-3.017M38.822 47.109l-7.974 4.554l-6.857-2.845m8.389-11.774s1.35-3.13 3.866-1.425m-7.136-.053s1.349-3.13 3.865-1.425m8.609 7.105s1.35-3.13 3.866-1.425m-7.137-.053s1.35-3.129 3.866-1.424"/></g></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. MouseTrapIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.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.