IconSearch logoIconsearch
Home/Libraries/Fluent Emoji (Iconify)/mouse-face
← Back to Search
Fluent Emoji (Iconify)

MouseFace

License: MITCommercial Safe


1.5px
<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iUMurSc)"><circle cx="8.508" cy="10.5" r="6.5" fill="url(#invurWd)"/><circle cx="8.508" cy="10.5" r="6.5" fill="url(#iWn86hb)"/><circle cx="8.508" cy="10.5" r="6.5" fill="url(#iKSAtcc)"/></g><circle cx="8.008" cy="11" r="5" fill="url(#i4dHIFb)"/><circle cx="8.008" cy="11" r="5" fill="url(#iIyQlCq)"/><g filter="url(#iqwoVjv)"><circle cx="23.508" cy="10.5" r="6.5" fill="url(#i0LDVCd)"/><circle cx="23.508" cy="10.5" r="6.5" fill="url(#iqP0r2c)"/><circle cx="23.508" cy="10.5" r="6.5" fill="url(#i5MZGTf)"/><circle cx="23.508" cy="10.5" r="6.5" fill="url(#iaEqeAb)"/></g><g filter="url(#i9A2rvb)"><circle cx="24.008" cy="11" r="5" fill="url(#i8qjjwd)"/><circle cx="24.008" cy="11" r="5" fill="url(#iN04Q7d)"/></g><path fill="url(#ioPMXWc)" d="M24.977 18c0 4.823-4.428 8.241-7.802 9.322a4 4 0 0 1-2.338.009C11.27 26.28 7.102 23.226 7.102 18c0-3.975 3.718-7.969 8.906-7.969c6.425 0 8.969 5.344 8.969 7.969"/><path fill="url(#iQKGCLe)" d="M24.977 18c0 4.823-4.428 8.241-7.802 9.322a4 4 0 0 1-2.338.009C11.27 26.28 7.102 23.226 7.102 18c0-3.975 3.718-7.969 8.906-7.969c6.425 0 8.969 5.344 8.969 7.969"/><path fill="url(#irCKzHI)" d="M24.977 18c0 4.823-4.428 8.241-7.802 9.322a4 4 0 0 1-2.338.009C11.27 26.28 7.102 23.226 7.102 18c0-3.975 3.718-7.969 8.906-7.969c6.425 0 8.969 5.344 8.969 7.969"/><path fill="url(#i9i2CAe)" d="M24.977 18c0 4.823-4.428 8.241-7.802 9.322a4 4 0 0 1-2.338.009C11.27 26.28 7.102 23.226 7.102 18c0-3.975 3.718-7.969 8.906-7.969c6.425 0 8.969 5.344 8.969 7.969"/><path fill="url(#ivp39ge)" d="M24.977 18c0 4.823-4.428 8.241-7.802 9.322a4 4 0 0 1-2.338.009C11.27 26.28 7.102 23.226 7.102 18c0-3.975 3.718-7.969 8.906-7.969c6.425 0 8.969 5.344 8.969 7.969"/><g filter="url(#iSkSkHb)"><rect width="1.484" height="3" x="18.802" y="19.188" fill="#818cf8" rx=".742"/></g><rect width="1.484" height="3" x="19.227" y="19" fill="url(#iNzlZuL)" rx=".742"/><rect width="1.484" height="3" x="19.227" y="19" fill="url(#irQju9b)" rx=".742"/><rect width="1.484" height="3" x="19.227" y="19" fill="url(#iPKkzDb)" rx=".742"/><rect width="1.484" height="3" x="11.289" y="19" fill="url(#iHEQsFc)" rx=".742"/><rect width="1.484" height="3" x="11.289" y="19" fill="url(#iBYHaBe)" rx=".742"/><rect width="1.484" height="3" x="11.289" y="19" fill="url(#iFe0xEb)" rx=".742"/><path fill="#818cf8" d="M17.977 23.86c0 .374-.743 2.109-1.938 2.109s-2.016-1.79-2.016-2.11c0-.437.188-.859 2.016-.859c1.613 0 1.938.484 1.938.86"/><path fill="url(#i1Z0gcc)" d="M17.977 23.86c0 .374-.743 2.109-1.938 2.109s-2.016-1.79-2.016-2.11c0-.437.188-.859 2.016-.859c1.613 0 1.938.484 1.938.86"/><path stroke="url(#iQVPGme)" stroke-linecap="round" stroke-width="1.5" d="m19.395 25.375l5.171 2.18"/><path stroke="url(#iiJclrT)" stroke-linecap="round" stroke-width="1.5" d="m19.395 25.375l5.171 2.18"/><path stroke="url(#ib8twOz)" stroke-linecap="round" stroke-width="1.5" d="m19.395 25.375l5.171 2.18"/><path stroke="url(#ijWtwLn)" stroke-linecap="round" stroke-width="1.5" d="m19.395 25.375l5.171 2.18"/><path stroke="url(#iNvbxte)" stroke-linecap="round" stroke-width="1.5" d="M20.379 24.477h5.18"/><path stroke="url(#igi6ged)" stroke-linecap="round" stroke-width="1.5" d="M20.379 24.477h5.18"/><path stroke="url(#ierb15b)" stroke-linecap="round" stroke-width="1.5" d="M20.379 24.477h5.18"/><path stroke="url(#iYsbs6d)" stroke-linecap="round" stroke-width="1.5" d="M20.379 24.477h5.18"/><path stroke="url(#i9rVMte)" stroke-linecap="round" stroke-width="1.5" d="m12.606 25.375l-5.172 2.18"/><path stroke="url(#iGAQxne)" stroke-linecap="round" stroke-width="1.5" d="m12.606 25.375l-5.172 2.18"/><path stroke="url(#ikTmS3d)" stroke-linecap="round" stroke-width="1.5" d="m12.606 25.375l-5.172 2.18"/><path stroke="url(#iMY5oUb)" stroke-linecap="round" stroke-width="1.5" d="m12.606 25.375l-5.172 2.18"/><path fill="url(#iLNaVAe)" d="M11.621 24.077a.4.4 0 1 1 0 .8zm-5.18.8a.4.4 0 0 1 0-.8zm5.18 0h-5.18v-.8h5.18z"/><path fill="url(#ikwDPId)" d="M11.621 24.077a.4.4 0 1 1 0 .8zm-5.18.8a.4.4 0 0 1 0-.8zm5.18 0h-5.18v-.8h5.18z"/><path fill="url(#iXtB2mc)" d="M11.621 24.077a.4.4 0 1 1 0 .8zm-5.18.8a.4.4 0 0 1 0-.8zm5.18 0h-5.18v-.8h5.18z"/><path fill="url(#isozSCc)" d="M11.621 24.077a.4.4 0 1 1 0 .8zm-5.18.8a.4.4 0 0 1 0-.8zm5.18 0h-5.18v-.8h5.18z"/><defs><radialGradient id="iWn86hb" cx="0" cy="0" r="1" gradientTransform="matrix(2.6692 3.39717 -4.70995 3.70067 2.858 4.9)" gradientUnits="userSpaceOnUse"><stop stop-color="#A9A4AE"/><stop offset="1" stop-color="#A9A4AE" stop-opacity="0"/></radialGradient><radialGradient id="iKSAtcc" cx="0" cy="0" r="1" gradientTransform="matrix(-2.48723 2.66919 -4.65946 -4.34182 13.778 5.932)" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E0E7"/><stop offset="1" stop-color="#E3E0E7" stop-opacity="0"/></radialGradient><radialGradient id="i4dHIFb" cx="0" cy="0" r="1" gradientTransform="rotate(13.291 -49.459 18.846)scale(8.15595)" gradientUnits="userSpaceOnUse"><stop stop-color="#F3758E"/><stop offset="1" stop-color="#E7626E"/></radialGradient><radialGradient id="iIyQlCq" cx="0" cy="0" r="1" gradientTransform="matrix(3.31248 -2.87503 4.01415 4.62493 5.258 13.25)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9CA9"/><stop offset=".829" stop-color="#FF9CA9" stop-opacity="0"/></radialGradient><radialGradient id="i0LDVCd" cx="0" cy="0" r="1" gradientTransform="rotate(52.431 1.354 22.447)scale(10.2508)" gradientUnits="userSpaceOnUse"><stop stop-color="#A6A2AC"/><stop offset="1" stop-color="#D3CBDA"/></radialGradient><radialGradient id="iqP0r2c" cx="0" cy="0" r="1" gradientTransform="rotate(-110.395 19.506 -.951)scale(5.20104 12.8911)" gradientUnits="userSpaceOnUse"><stop stop-color="#C5AED9"/><stop offset="1" stop-color="#C5AED9" stop-opacity="0"/></radialGradient><radialGradient id="i5MZGTf" cx="0" cy="0" r="1" gradientTransform="rotate(-165.838 15.902 3.832)scale(13.7942 9.0204)" gradientUnits="userSpaceOnUse"><stop offset=".85" stop-color="#A4A2A9" stop-opacity="0"/><stop offset="1" stop-color="#A4A2A9"/></radialGradient><radialGradient id="iaEqeAb" cx="0" cy="0" r="1" gradientTransform="rotate(147.095 13.615 8.098)scale(3.79659 5.45721)" gradientUnits="userSpaceOnUse"><stop stop-color="#E7E1ED"/><stop offset=".941" stop-color="#E7E1ED" stop-opacity="0"/></radialGradient><radialGradient id="i8qjjwd" cx="0" cy="0" r="1" gradientTransform="matrix(4.15625 -4.53125 6.04757 5.54707 22.852 13.031)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFABB3"/><stop offset="1" stop-color="#FA91AF"/></radialGradient><radialGradient id="iN04Q7d" cx="0" cy="0" r="1" gradientTransform="matrix(3.625 -2.4375 2.4859 3.69698 24.008 11.438)" gradientUnits="userSpaceOnUse"><stop stop-color="#F5BBD5"/><stop offset="1" stop-color="#F5BBD5" stop-opacity="0"/><stop offset="1" stop-color="#F5BBD5" stop-opacity="0"/></radialGradient><radialGradient id="iQKGCLe" cx="0" cy="0" r="1" gradientTransform="matrix(5.125 -8 13.25738 8.493 12.133 28.25)" gradientUnits="userSpaceOnUse"><stop stop-color="#B583E3"/><stop offset="1" stop-color="#B583E3" stop-opacity="0"/></radialGradient><radialGradient id="irCKzHI" cx="0" cy="0" r="1" gradientTransform="matrix(10.625 4.69527 -5.40278 12.22604 3.695 14.125)" gradientUnits="userSpaceOnUse"><stop offset=".121" stop-color="#9B90A2"/><stop offset="1" stop-color="#9B90A2" stop-opacity="0"/></radialGradient><radialGradient id="i9i2CAe" cx="0" cy="0" r="1" gradientTransform="matrix(-7.18753 5.81246 -7.45756 -9.22182 20.445 15.563)" gradientUnits="userSpaceOnUse"><stop stop-color="#F6F1FE"/><stop offset=".573" stop-color="#F6F1FE" stop-opacity="0"/></radialGradient><radialGradient id="ivp39ge" cx="0" cy="0" r="1" gradientTransform="matrix(0 -18.9219 13.4687 0 16.04 27.61)" gradientUnits="userSpaceOnUse"><stop offset=".878" stop-color="#C1C0C3" stop-opacity="0"/><stop offset="1" stop-color="#C1C0C3"/></radialGradient><radialGradient id="iPKkzDb" cx="0" cy="0" r="1" gradientTransform="matrix(-.5726 -1.63534 1.57679 -.5521 20.258 20.68)" gradientUnits="userSpaceOnUse"><stop offset=".814" stop-color="#594C4F" stop-opacity="0"/><stop offset="1" stop-color="#594C4F"/></radialGradient><radialGradient id="iFe0xEb" cx="0" cy="0" r="1" gradientTransform="matrix(-.5726 -1.63534 1.57679 -.5521 12.32 20.68)" gradientUnits="userSpaceOnUse"><stop offset=".814" stop-color="#594C4F" stop-opacity="0"/><stop offset="1" stop-color="#594C4F"/></radialGradient><radialGradient id="i1Z0gcc" cx="0" cy="0" r="1" gradientTransform="rotate(143.673 5.174 14.574)scale(3.95643 4.4258)" gradientUnits="userSpaceOnUse"><stop offset=".727" stop-color="#E1589F" stop-opacity="0"/><stop offset="1" stop-color="#E1589F"/></radialGradient><radialGradient id="ijWtwLn" cx="0" cy="0" r="1" gradientTransform="matrix(-.40625 -.20312 .35074 -.70148 24.695 27.438)" gradientUnits="userSpaceOnUse"><stop stop-color="#C1B1D8"/><stop offset="1" stop-color="#B5A8C7" stop-opacity="0"/></radialGradient><radialGradient id="iYsbs6d" cx="0" cy="0" r="1" gradientTransform="matrix(-.41016 0 0 -.32487 25.559 24.313)" gradientUnits="userSpaceOnUse"><stop stop-color="#C1B1D8"/><stop offset="1" stop-color="#B5A8C7" stop-opacity="0"/></radialGradient><radialGradient id="iMY5oUb" cx="0" cy="0" r="1" gradientTransform="matrix(-.39844 .125 -.21584 -.68799 12.656 25.25)" gradientUnits="userSpaceOnUse"><stop stop-color="#C1B1D8"/><stop offset="1" stop-color="#B5A8C7" stop-opacity="0"/></radialGradient><radialGradient id="isozSCc" cx="0" cy="0" r="1" gradientTransform="rotate(178.916 5.694 12.262)scale(.41023 .32493)" gradientUnits="userSpaceOnUse"><stop stop-color="#C1B1D8"/><stop offset="1" stop-color="#B5A8C7" stop-opacity="0"/></radialGradient><linearGradient id="invurWd" x1="7.383" x2="5.57" y1="6.625" y2="17" gradientUnits="userSpaceOnUse"><stop stop-color="#C1B8C6"/><stop offset="1" stop-color="#A183B2"/></linearGradient><linearGradient id="ioPMXWc" x1="20.07" x2="5.82" y1="14.25" y2="36.5" gradientUnits="userSpaceOnUse"><stop offset=".237" stop-color="#D4CCE2"/><stop offset="1" stop-color="#BB8AE9"/></linearGradient><linearGradient id="iNzlZuL" x1="20.711" x2="19.852" y1="20.5" y2="20.5" gradientUnits="userSpaceOnUse"><stop offset=".225" stop-color="#594C4F"/><stop offset="1" stop-color="#392833"/></linearGradient><linearGradient id="irQju9b" x1="20.943" x2="20.943" y1="22.257" y2="21.183" gradientUnits="userSpaceOnUse"><stop stop-color="#552D52"/><stop offset="1" stop-color="#552D52" stop-opacity="0"/></linearGradient><linearGradient id="iHEQsFc" x1="12.773" x2="11.914" y1="20.5" y2="20.5" gradientUnits="userSpaceOnUse"><stop offset=".225" stop-color="#594C4F"/><stop offset="1" stop-color="#392833"/></linearGradient><linearGradient id="iBYHaBe" x1="13.005" x2="13.005" y1="22.257" y2="21.183" gradientUnits="userSpaceOnUse"><stop stop-color="#552D52"/><stop offset="1" stop-color="#552D52" stop-opacity="0"/></linearGradient><linearGradient id="iQVPGme" x1="22.414" x2="21.883" y1="26.078" y2="27.375" gradientUnits="userSpaceOnUse"><stop stop-color="#978BA4"/><stop offset=".343" stop-color="#B5A8C7"/><stop offset=".833" stop-color="#9877BA"/></linearGradient><linearGradient id="iiJclrT" x1="25.117" x2="24.711" y1="27.797" y2="27.555" gradientUnits="userSpaceOnUse"><stop stop-color="#B5A8C7"/><stop offset="1" stop-color="#B5A8C7" stop-opacity="0"/></linearGradient><linearGradient id="ib8twOz" x1="19.023" x2="19.961" y1="25.297" y2="25.813" gradientUnits="userSpaceOnUse"><stop stop-color="#A18BBA"/><stop offset="1" stop-color="#A18BBA" stop-opacity="0"/></linearGradient><linearGradient id="iNvbxte" x1="22.969" x2="22.969" y1="23.961" y2="25.281" gradientUnits="userSpaceOnUse"><stop stop-color="#978BA4"/><stop offset=".343" stop-color="#B5A8C7"/><stop offset=".833" stop-color="#9877BA"/></linearGradient><linearGradient id="igi6ged" x1="26.148" x2="25.559" y1="24.781" y2="24.781" gradientUnits="userSpaceOnUse"><stop stop-color="#B5A8C7"/><stop offset="1" stop-color="#B5A8C7" stop-opacity="0"/></linearGradient><linearGradient id="ierb15b" x1="20.102" x2="20.727" y1="24.859" y2="24.859" gradientUnits="userSpaceOnUse"><stop stop-color="#A18BBA"/><stop offset="1" stop-color="#A18BBA" stop-opacity="0"/></linearGradient><linearGradient id="i9rVMte" x1="9.586" x2="10.117" y1="26.078" y2="27.375" gradientUnits="userSpaceOnUse"><stop stop-color="#978BA4"/><stop offset=".343" stop-color="#B5A8C7"/><stop offset=".833" stop-color="#9877BA"/></linearGradient><linearGradient id="iGAQxne" x1="13.102" x2="12.563" y1="25.57" y2="25.828" gradientUnits="userSpaceOnUse"><stop stop-color="#B5A8C7"/><stop offset="1" stop-color="#B5A8C7" stop-opacity="0"/></linearGradient><linearGradient id="ikTmS3d" x1="6.961" x2="7.711" y1="27.453" y2="27.07" gradientUnits="userSpaceOnUse"><stop stop-color="#A18BBA"/><stop offset="1" stop-color="#A18BBA" stop-opacity="0"/></linearGradient><linearGradient id="iLNaVAe" x1="9.031" x2="9.031" y1="23.961" y2="25.281" gradientUnits="userSpaceOnUse"><stop stop-color="#978BA4"/><stop offset=".343" stop-color="#B5A8C7"/><stop offset=".833" stop-color="#9877BA"/></linearGradient><linearGradient id="ikwDPId" x1="11.93" x2="11.109" y1="24.781" y2="24.781" gradientUnits="userSpaceOnUse"><stop stop-color="#B5A8C7"/><stop offset="1" stop-color="#B5A8C7" stop-opacity="0"/></linearGradient><linearGradient id="iXtB2mc" x1="5.891" x2="6.727" y1="24.75" y2="24.75" gradientUnits="userSpaceOnUse"><stop stop-color="#A18BBA"/><stop offset="1" stop-color="#A18BBA" stop-opacity="0"/></linearGradient><filter id="iUMurSc" width="13.1" height="13.1" x="1.908" y="4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.647059 0 0 0 0 0.639216 0 0 0 0 0.662745 0 0 0 0.5 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_3650"/></filter><filter id="iqwoVjv" width="13.1" height="13.1" x="17.008" y="4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.647059 0 0 0 0 0.639216 0 0 0 0 0.662745 0 0 0 0.75 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_3650"/></filter><filter id="i9A2rvb" width="10.1" height="10.1" x="18.908" y="6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.898039 0 0 0 0 0.470588 0 0 0 0 0.580392 0 0 0 0.75 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_3650"/></filter><filter id="iSkSkHb" width="2.484" height="4" x="18.302" y="18.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_3650" stdDeviation=".25"/></filter></defs></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. MouseFaceIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.

Related Icons in Fluent Emoji (Iconify)

Browse all Fluent Emoji (Iconify) icons →
1st-place-medal
1st-place-medal
2nd-place-medal
2nd-place-medal
3rd-place-medal
3rd-place-medal
a-button-blood-type
a-button-blood-type
ab-button-blood-type
ab-button-blood-type
abacus
abacus
accordion
accordion
adhesive-bandage
adhesive-bandage
admission-tickets
admission-tickets
aerial-tramway
aerial-tramway
airplane
airplane
airplane-arrival
airplane-arrival