<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iA8aGze)" d="M6.516 22.424c3.029 0 5.484-2.417 5.484-5.399c0-2.981-2.455-5.398-5.484-5.398S1.03 14.044 1.03 17.025c0 2.982 2.456 5.399 5.485 5.399"/><path fill="url(#i77LwoW)" d="M6.516 22.424c3.029 0 5.484-2.417 5.484-5.399c0-2.981-2.455-5.398-5.484-5.398S1.03 14.044 1.03 17.025c0 2.982 2.456 5.399 5.485 5.399"/><path fill="url(#ipju3td)" fill-opacity=".5" d="M6.516 22.424c3.029 0 5.484-2.417 5.484-5.399c0-2.981-2.455-5.398-5.484-5.398S1.03 14.044 1.03 17.025c0 2.982 2.456 5.399 5.485 5.399"/><path fill="url(#iGDyyld)" d="M25.433 22.424c3.029 0 5.484-2.417 5.484-5.399c0-2.981-2.455-5.398-5.484-5.398s-5.485 2.417-5.485 5.398c0 2.982 2.456 5.399 5.485 5.399"/><g filter="url(#iFirPIz)"><path stroke="url(#iKePTWI)" stroke-linecap="round" stroke-opacity=".8" stroke-width="1.5" d="M26.837 12.398c.98.148 2.874 1.438 3.293 3.51c.484 1.781-.172 4.063-1.672 4.953"/></g><path fill="url(#iQq3tSd)" d="M16 29.372c7.966 0 11.947-5.349 11.947-11.947S23.967 5.478 16 5.478S4.053 10.827 4.053 17.425S8.033 29.372 16 29.372"/><path fill="url(#isE43Wb)" d="M16 29.372c7.966 0 11.947-5.349 11.947-11.947S23.967 5.478 16 5.478S4.053 10.827 4.053 17.425S8.033 29.372 16 29.372"/><path fill="url(#iT85ukc)" d="M16 29.372c7.966 0 11.947-5.349 11.947-11.947S23.967 5.478 16 5.478S4.053 10.827 4.053 17.425S8.033 29.372 16 29.372"/><path fill="url(#igNgqEd)" d="M16 29.372c7.966 0 11.947-5.349 11.947-11.947S23.967 5.478 16 5.478S4.053 10.827 4.053 17.425S8.033 29.372 16 29.372"/><g filter="url(#iDTJOmc)"><ellipse cx="23.418" cy="12.94" fill="#818cf8" rx="1.849" ry="4.333" transform="rotate(-23.4 23.418 12.94)"/></g><g filter="url(#iHQbP5d)"><ellipse cx="15.773" cy="6.971" fill="#818cf8" rx=".386" ry="3.064" transform="rotate(-90 15.773 6.97)"/></g><g filter="url(#iCjdzRn)"><path fill="#818cf8" d="M11.877 9.148a4.76 4.76 0 0 0-3.653 7.81a.56.56 0 0 1 .122.459q-.13.68-.131 1.397a7.464 7.464 0 1 0 14.797-1.398a.55.55 0 0 1 .121-.457a4.76 4.76 0 0 0-3.653-7.81z"/></g><path fill="url(#infPzTc)" d="M12.156 8.9a4.813 4.813 0 0 0-3.692 7.9a.55.55 0 0 1 .122.458a7.547 7.547 0 1 0 14.828 0a.55.55 0 0 1 .122-.458a4.812 4.812 0 0 0-3.692-7.9z"/><path fill="url(#iYU1YFN)" d="M12.156 8.9a4.813 4.813 0 0 0-3.692 7.9a.55.55 0 0 1 .122.458a7.547 7.547 0 1 0 14.828 0a.55.55 0 0 1 .122-.458a4.812 4.812 0 0 0-3.692-7.9z"/><path fill="url(#igsoRce)" d="M12.156 8.9a4.813 4.813 0 0 0-3.692 7.9a.55.55 0 0 1 .122.458a7.547 7.547 0 1 0 14.828 0a.55.55 0 0 1 .122-.458a4.812 4.812 0 0 0-3.692-7.9z"/><g filter="url(#iNDyC7J)"><path stroke="url(#iDDJLVd)" stroke-linecap="round" stroke-opacity=".4" stroke-width="1.5" d="M5.71 10.825c-1.593 3.93-1.411 9.682.33 12.13"/></g><g filter="url(#iZOHcep)"><path stroke="url(#irO5UPc)" stroke-linecap="round" stroke-opacity=".5" stroke-width="1.5" d="M26.92 12.955c.83 3.28.75 7.563-.75 10"/></g><g filter="url(#iSoqQwd)"><path stroke="url(#iTQ4dMd)" stroke-linecap="round" stroke-width="1.5" d="M21.42 9.516c1.296.509 3.69 2.495 2.495 5.884"/></g><g filter="url(#iV1RJdd)"><path stroke="url(#i9Q2gzZ)" stroke-linecap="round" stroke-width="1.5" d="M23.013 17.26c.5 2.938-.593 5.125-1.593 6.031"/></g><path fill="url(#iu2tcYd)" d="M12.006 20.406c0 2.296 1.649 4.005 3.994 4.005c2.523 0 3.994-1.782 3.994-4.005z"/><g filter="url(#iWVKarc)"><rect width="1.625" height="3.25" x="11.681" y="13.541" fill="#818cf8" fill-opacity=".6" rx=".813"/></g><g filter="url(#i7A3wdd)"><rect width="1.625" height="3.25" x="17.857" y="13.541" fill="#818cf8" fill-opacity=".6" rx=".813"/></g><rect width="1.508" height="3.016" x="12.249" y="13.386" fill="url(#iacVnQe)" rx=".754"/><rect width="1.508" height="3.016" x="12.249" y="13.386" fill="url(#i4YI1Sb)" rx=".754"/><rect width="1.508" height="3.016" x="18.243" y="13.386" fill="url(#irqbu3B)" rx=".754"/><rect width="1.508" height="3.016" x="18.243" y="13.386" fill="url(#ievSTjb)" rx=".754"/><g filter="url(#iqSJWhd)"><rect width="5.344" height="2.418" x="13.102" y="16.791" fill="#818cf8" rx="1.116"/></g><rect width="4.891" height="2.232" x="13.555" y="16.387" fill="url(#iBsDqvd)" rx="1.116"/><rect width="4.891" height="2.232" x="13.555" y="16.387" fill="url(#iBO2bKe)" rx="1.116"/><circle cx="14.549" cy="17.904" r=".512" fill="url(#iRRFGco)"/><circle cx="17.346" cy="17.904" r=".512" fill="url(#ird5VYd)"/><g filter="url(#iHooEpZ)"><path stroke="url(#iLgMece)" stroke-width="1.5" d="M17.243 17.002c.344-.07.82.188.875.711"/></g><g filter="url(#imKD1QA)"><circle cx="19.199" cy="14.014" r=".284" fill="#818cf8"/></g><g filter="url(#iAzfuEl)"><circle cx="13.271" cy="14.158" r=".284" fill="#818cf8"/></g><defs><linearGradient id="iA8aGze" x1="6.516" x2="6.516" y1="13.205" y2="24.143" gradientUnits="userSpaceOnUse"><stop stop-color="#A67874"/><stop offset="1" stop-color="#8F5872"/></linearGradient><linearGradient id="i77LwoW" x1="6.516" x2="6.516" y1="16.455" y2="24.643" gradientUnits="userSpaceOnUse"><stop stop-color="#B56595" stop-opacity="0"/><stop offset="1" stop-color="#CA6FA6"/></linearGradient><linearGradient id="iGDyyld" x1="25.433" x2="25.433" y1="14.393" y2="24.643" gradientUnits="userSpaceOnUse"><stop offset=".094" stop-color="#FAB8A9"/><stop offset="1" stop-color="#B56595"/></linearGradient><linearGradient id="isE43Wb" x1="16" x2="16" y1="17.425" y2="34.282" gradientUnits="userSpaceOnUse"><stop stop-color="#682B5B" stop-opacity="0"/><stop offset="1" stop-color="#682B5B"/></linearGradient><linearGradient id="infPzTc" x1="16" x2="16" y1="8.901" y2="26.948" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC8BC"/><stop offset=".188" stop-color="#FAB8A9"/><stop offset=".895" stop-color="#AC628E"/></linearGradient><linearGradient id="iDDJLVd" x1="6.647" x2="4.184" y1="23.584" y2="10.914" gradientUnits="userSpaceOnUse"><stop stop-color="#7C6160" stop-opacity="0"/><stop offset=".503" stop-color="#7C6160"/><stop offset="1" stop-color="#7C6160" stop-opacity="0"/></linearGradient><linearGradient id="irO5UPc" x1="24.978" x2="28.269" y1="22.955" y2="15.014" gradientUnits="userSpaceOnUse"><stop stop-color="#BE8B89" stop-opacity="0"/><stop offset=".296" stop-color="#BE8B89" stop-opacity=".6"/><stop offset=".808" stop-color="#BE8B89" stop-opacity="0"/></linearGradient><linearGradient id="iTQ4dMd" x1="24.528" x2="20.916" y1="14.832" y2="9.414" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDACC" stop-opacity="0"/><stop offset=".557" stop-color="#FFDACC"/><stop offset="1" stop-color="#FFDACC" stop-opacity="0"/></linearGradient><linearGradient id="i9Q2gzZ" x1="22.767" x2="22.087" y1="22.709" y2="18.635" gradientUnits="userSpaceOnUse"><stop offset=".026" stop-color="#FFDACC" stop-opacity="0"/><stop offset="1" stop-color="#FFDACC"/></linearGradient><linearGradient id="iacVnQe" x1="15.851" x2="11.505" y1="14.479" y2="14.479" gradientUnits="userSpaceOnUse"><stop stop-color="#432A3D"/><stop offset=".568" stop-color="#684E61"/><stop offset=".766" stop-color="#43253D"/></linearGradient><linearGradient id="i4YI1Sb" x1="13.344" x2="13.344" y1="14.319" y2="16.675" gradientUnits="userSpaceOnUse"><stop offset=".327" stop-color="#43253D" stop-opacity="0"/><stop offset="1" stop-color="#43253D"/></linearGradient><linearGradient id="irqbu3B" x1="21.845" x2="17.499" y1="14.479" y2="14.479" gradientUnits="userSpaceOnUse"><stop stop-color="#432A3D"/><stop offset=".568" stop-color="#684E61"/><stop offset=".766" stop-color="#43253D"/></linearGradient><linearGradient id="ievSTjb" x1="19.337" x2="19.337" y1="14.319" y2="16.675" gradientUnits="userSpaceOnUse"><stop offset=".327" stop-color="#43253D" stop-opacity="0"/><stop offset="1" stop-color="#43253D"/></linearGradient><linearGradient id="iBsDqvd" x1="16" x2="16" y1="16.387" y2="18.526" gradientUnits="userSpaceOnUse"><stop stop-color="#E9A4A2"/><stop offset="1" stop-color="#DC89A8"/></linearGradient><linearGradient id="iBO2bKe" x1="15.493" x2="14.753" y1="21.323" y2="17.707" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#C971B6"/><stop offset="1" stop-color="#DC90CC" stop-opacity="0"/></linearGradient><linearGradient id="iLgMece" x1="17.68" x2="17.68" y1="16.991" y2="17.713" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDACC" stop-opacity="0"/><stop offset=".349" stop-color="#FFEBE3"/></linearGradient><filter id="iFirPIz" width="4.75" height="9.763" x="26.187" y="11.748" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".2"/></filter><filter id="iDTJOmc" width="11.833" height="15.089" x="17.501" y="5.395" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation="1.75"/></filter><filter id="iHQbP5d" width="13.127" height="7.772" x="9.21" y="3.085" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation="1.75"/></filter><filter id="iCjdzRn" width="21.122" height="21.129" x="5.118" y="7.148" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation="1"/></filter><filter id="iNDyC7J" width="3.023" height="13.73" x="3.818" y="10.025" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".2"/></filter><filter id="iZOHcep" width="2.477" height="11.2" x="25.57" y="12.355" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".2"/></filter><filter id="iSoqQwd" width="4.02" height="7.085" x="20.82" y="8.916" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".2"/></filter><filter id="iV1RJdd" width="2.619" height="6.931" x="20.97" y="16.81" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".2"/></filter><filter id="iWVKarc" width="3.625" height="5.25" x="10.681" y="12.541" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".5"/></filter><filter id="i7A3wdd" width="3.625" height="5.25" x="16.857" y="12.541" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".5"/></filter><filter id="iqSJWhd" width="7.344" height="4.418" x="12.102" y="15.791" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".5"/></filter><filter id="iHooEpZ" width="1.305" height="1.15" x="17.038" y="16.766" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".1"/></filter><filter id="imKD1QA" width="2.567" height="2.567" x="17.915" y="12.73" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".5"/></filter><filter id="iAzfuEl" width="2.567" height="2.567" x="11.987" y="12.874" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_1406" stdDeviation=".5"/></filter><radialGradient id="ipju3td" cx="0" cy="0" r="1" gradientTransform="matrix(-11.25001 -11.12504 13.27885 -13.42801 10.385 23.08)" gradientUnits="userSpaceOnUse"><stop offset=".632" stop-color="#F39585" stop-opacity="0"/><stop offset="1" stop-color="#F39585"/></radialGradient><radialGradient id="iKePTWI" cx="0" cy="0" r="1" gradientTransform="matrix(-5.49997 -6.31252 13.2979 -11.5862 29.02 20.549)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDACC" stop-opacity="0"/><stop offset=".448" stop-color="#FFDACC"/><stop offset="1" stop-color="#FFDACC" stop-opacity="0"/></radialGradient><radialGradient id="iQq3tSd" cx="0" cy="0" r="1" gradientTransform="matrix(-10.93739 18.417 -32.63847 -19.38316 24.26 10.955)" gradientUnits="userSpaceOnUse"><stop stop-color="#A06857"/><stop offset="1" stop-color="#5B3838"/></radialGradient><radialGradient id="iT85ukc" cx="0" cy="0" r="1" gradientTransform="matrix(0 20.6725 -18.4611 0 16 14.439)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#FF7AF2" stop-opacity="0"/><stop offset="1" stop-color="#FFBCE6"/></radialGradient><radialGradient id="igNgqEd" cx="0" cy="0" r="1" gradientTransform="rotate(123.75 9.128 11.177)scale(19.0483)" gradientUnits="userSpaceOnUse"><stop stop-color="#A9705E"/><stop offset="1" stop-color="#A9705E" stop-opacity="0"/></radialGradient><radialGradient id="iYU1YFN" cx="0" cy="0" r="1" gradientTransform="rotate(159.382 11.532 8.463)scale(20.2335 27.146)" gradientUnits="userSpaceOnUse"><stop offset=".818" stop-color="#A55F89" stop-opacity="0"/><stop offset="1" stop-color="#A55F89"/></radialGradient><radialGradient id="igsoRce" cx="0" cy="0" r="1" gradientTransform="matrix(-.00069 12.7039 -10.8463 -.00059 16 15.396)" gradientUnits="userSpaceOnUse"><stop offset=".813" stop-color="#EF5CF2" stop-opacity="0"/><stop offset="1" stop-color="#FF63C4"/></radialGradient><radialGradient id="iu2tcYd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -9.07087 17.6698 0 16.653 25.203)" gradientUnits="userSpaceOnUse"><stop stop-color="#EF0084"/><stop offset=".548" stop-color="#89029C"/></radialGradient><radialGradient id="iRRFGco" cx="0" cy="0" r="1" gradientTransform="rotate(133.174 3.654 11.999)scale(1.90311 1.14415)" gradientUnits="userSpaceOnUse"><stop stop-color="#3E2739"/><stop offset="1" stop-color="#684E61"/></radialGradient><radialGradient id="ird5VYd" cx="0" cy="0" r="1" gradientTransform="matrix(-.774 .94202 -1.47397 -1.21107 17.608 17.544)" gradientUnits="userSpaceOnUse"><stop stop-color="#3C2737"/><stop offset="1" stop-color="#684E61"/></radialGradient></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. MonkeyFaceIcon.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.