Skip to content
3d MIT 48 vector nodes
Monkey Face - Fluent UI Emoji iconFree Monkey Face vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px Static
1. Color

Original icon colors are kept until you pick a new color.

2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets Included in SVG export
Fluent UI Emoji | 3D Vector Icons | viewBox="0 0 32 32" | Free for commercial use

Monkey Face - Vector and 3D Icons

Source, author, and license are available in the preview and icon details. Monkey Face - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing

Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color. fluentui-emoji-monkey-face.svg (20,976 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Monkey Face icon"><title>Monkey Face - Fluent UI Emoji icon</title><desc>Free Monkey Face vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<path d="M6.51558 22.4238C9.54456 22.4238 12 20.0069 12 17.0254C12 14.0439 9.54456 11.627 6.51558 11.627C3.4866 11.627 1.03113 14.0439 1.03113 17.0254C1.03113 20.0069 3.4866 22.4238 6.51558 22.4238Z" fill="url(#nx29434_paint0_linear_28327_1406)"/>
<path d="M6.51558 22.4238C9.54456 22.4238 12 20.0069 12 17.0254C12 14.0439 9.54456 11.627 6.51558 11.627C3.4866 11.627 1.03113 14.0439 1.03113 17.0254C1.03113 20.0069 3.4866 22.4238 6.51558 22.4238Z" fill="url(#nx29434_paint1_linear_28327_1406)"/>
<path d="M6.51558 22.4238C9.54456 22.4238 12 20.0069 12 17.0254C12 14.0439 9.54456 11.627 6.51558 11.627C3.4866 11.627 1.03113 14.0439 1.03113 17.0254C1.03113 20.0069 3.4866 22.4238 6.51558 22.4238Z" fill="url(#nx29434_paint2_radial_28327_1406)" fill-opacity="0.5"/>
<path d="M25.4329 22.4238C28.4619 22.4238 30.9174 20.0069 30.9174 17.0254C30.9174 14.0439 28.4619 11.627 25.4329 11.627C22.404 11.627 19.9485 14.0439 19.9485 17.0254C19.9485 20.0069 22.404 22.4238 25.4329 22.4238Z" fill="url(#nx29434_paint3_linear_28327_1406)"/>
<g filter="url(#nx29434_filter0_f_28327_1406)">
<path d="M26.8369 12.3984C27.8162 12.5459 29.7109 13.8359 30.13 15.9082C30.6144 17.6895 29.9581 19.9707 28.4581 20.8614" stroke="url(#nx29434_paint4_radial_28327_1406)" stroke-opacity="0.8" stroke-width="0.5" stroke-linecap="round"/>
</g>
<path d="M16 29.3721C23.9663 29.3721 27.9471 24.0231 27.9471 17.4249C27.9471 10.8267 23.9663 5.47778 16 5.47778C8.03365 5.47778 4.05286 10.8267 4.05286 17.4249C4.05286 24.0231 8.03365 29.3721 16 29.3721Z" fill="url(#nx29434_paint5_radial_28327_1406)"/>
<path d="M16 29.3721C23.9663 29.3721 27.9471 24.0231 27.9471 17.4249C27.9471 10.8267 23.9663 5.47778 16 5.47778C8.03365 5.47778 4.05286 10.8267 4.05286 17.4249C4.05286 24.0231 8.03365 29.3721 16 29.3721Z" fill="url(#nx29434_paint6_linear_28327_1406)"/>
<path d="M16 29.3721C23.9663 29.3721 27.9471 24.0231 27.9471 17.4249C27.9471 10.8267 23.9663 5.47778 16 5.47778C8.03365 5.47778 4.05286 10.8267 4.05286 17.4249C4.05286 24.0231 8.03365 29.3721 16 29.3721Z" fill="url(#nx29434_paint7_radial_28327_1406)"/>
<path d="M16 29.3721C23.9663 29.3721 27.9471 24.0231 27.9471 17.4249C27.9471 10.8267 23.9663 5.47778 16 5.47778C8.03365 5.47778 4.05286 10.8267 4.05286 17.4249C4.05286 24.0231 8.03365 29.3721 16 29.3721Z" fill="url(#nx29434_paint8_radial_28327_1406)"/>
<g filter="url(#nx29434_filter1_f_28327_1406)">
<ellipse cx="23.4176" cy="12.9398" rx="1.84881" ry="4.33309" transform="rotate(-23.3995 23.4176 12.9398)" fill="#C58E7D"/>
</g>
<g filter="url(#nx29434_filter2_f_28327_1406)">
<ellipse cx="15.7734" cy="6.97066" rx="0.386034" ry="3.0636" transform="rotate(-90 15.7734 6.97066)" fill="#C58E7D"/>
</g>
<g filter="url(#nx29434_filter3_f_28327_1406)">
<path d="M11.8773 9.14844C9.24877 9.14844 7.11792 11.2793 7.11792 13.9078C7.11792 15.0687 7.53356 16.1326 8.22415 16.9586C8.33044 17.0858 8.37652 17.2536 8.34568 17.4165C8.25992 17.8692 8.21505 18.3364 8.21505 18.814C8.21505 22.936 11.5566 26.2776 15.6786 26.2776C19.8007 26.2776 23.1422 22.936 23.1422 18.814C23.1422 18.3364 23.0973 17.8692 23.0116 17.4165C22.9807 17.2536 23.0268 17.0858 23.1331 16.9586C23.8237 16.1326 24.2393 15.0687 24.2393 13.9078C24.2393 11.2793 22.1085 9.14844 19.48 9.14844H11.8773Z" fill="#561E25"/>
</g>
<path d="M12.1562 8.90063C9.49838 8.90063 7.34375 11.0553 7.34375 13.7131C7.34375 14.8881 7.76479 15.9646 8.46422 16.8002C8.57059 16.9273 8.61667 17.0952 8.58576 17.258C8.49869 17.7167 8.45312 18.1901 8.45312 18.6741C8.45312 22.8421 11.832 26.2209 16 26.2209C20.168 26.2209 23.5469 22.8421 23.5469 18.6741C23.5469 18.1901 23.5013 17.7167 23.4142 17.258C23.3833 17.0952 23.4294 16.9273 23.5358 16.8002C24.2352 15.9646 24.6562 14.8881 24.6562 13.7131C24.6562 11.0553 22.5016 8.90063 19.8438 8.90063H12.1562Z" fill="url(#nx29434_paint9_linear_28327_1406)"/>
<path d="M12.1562 8.90063C9.49838 8.90063 7.34375 11.0553 7.34375 13.7131C7.34375 14.8881 7.76479 15.9646 8.46422 16.8002C8.57059 16.9273 8.61667 17.0952 8.58576 17.258C8.49869 17.7167 8.45312 18.1901 8.45312 18.6741C8.45312 22.8421 11.832 26.2209 16 26.2209C20.168 26.2209 23.5469 22.8421 23.5469 18.6741C23.5469 18.1901 23.5013 17.7167 23.4142 17.258C23.3833 17.0952 23.4294 16.9273 23.5358 16.8002C24.2352 15.9646 24.6562 14.8881 24.6562 13.7131C24.6562 11.0553 22.5016 8.90063 19.8438 8.90063H12.1562Z" fill="url(#nx29434_paint10_radial_28327_1406)"/>
<path d="M12.1562 8.90063C9.49838 8.90063 7.34375 11.0553 7.34375 13.7131C7.34375 14.8881 7.76479 15.9646 8.46422 16.8002C8.57059 16.9273 8.61667 17.0952 8.58576 17.258C8.49869 17.7167 8.45312 18.1901 8.45312 18.6741C8.45312 22.8421 11.832 26.2209 16 26.2209C20.168 26.2209 23.5469 22.8421 23.5469 18.6741C23.5469 18.1901 23.5013 17.7167 23.4142 17.258C23.3833 17.0952 23.4294 16.9273 23.5358 16.8002C24.2352 15.9646 24.6562 14.8881 24.6562 13.7131C24.6562 11.0553 22.5016 8.90063 19.8438 8.90063H12.1562Z" fill="url(#nx29434_paint11_radial_28327_1406)"/>
<g filter="url(#nx29434_filter4_f_28327_1406)">
<path d="M5.7101 10.8251C4.11739 14.7545 4.29871 20.5069 6.04088 22.9549" stroke="url(#nx29434_paint12_linear_28327_1406)" stroke-opacity="0.4" stroke-width="0.8" stroke-linecap="round"/>
</g>
<g filter="url(#nx29434_filter5_f_28327_1406)">
<path d="M26.9201 12.9551C27.7501 16.2348 27.6702 20.5176 26.1702 22.9551" stroke="url(#nx29434_paint13_linear_28327_1406)" stroke-opacity="0.5" stroke-width="0.4" stroke-linecap="round"/>
</g>
<g filter="url(#nx29434_filter6_f_28327_1406)">
<path d="M21.4197 9.51562C22.7163 10.025 25.1095 12.0107 23.9148 15.4005" stroke="url(#nx29434_paint14_linear_28327_1406)" stroke-width="0.4" stroke-linecap="round"/>
</g>
<g filter="url(#nx29434_filter7_f_28327_1406)">
<path d="M23.0134 17.26C23.5134 20.1975 22.4197 22.385 21.4197 23.2913" stroke="url(#nx29434_paint15_linear_28327_1406)" stroke-width="0.1" stroke-linecap="round"/>
</g>
<path d="M12.0062 20.4058C12.0062 22.7015 13.6545 24.4113 16 24.4113C18.5229 24.4113 19.9938 22.6295 19.9938 20.4058H12.0062Z" fill="url(#nx29434_paint16_radial_28327_1406)"/>
<g filter="url(#nx29434_filter8_f_28327_1406)">
<rect x="11.6807" y="13.5413" width="1.625" height="3.25" rx="0.8125" fill="#BB6F89" fill-opacity="0.6"/>
</g>
<g filter="url(#nx29434_filter9_f_28327_1406)">
<rect x="17.8573" y="13.5413" width="1.625" height="3.25" rx="0.8125" fill="#BB6F89" fill-opacity="0.6"/>
</g>
<rect x="12.2494" y="13.3862" width="1.50801" height="3.01601" rx="0.754003" fill="url(#nx29434_paint17_linear_28327_1406)"/>
<rect x="12.2494" y="13.3862" width="1.50801" height="3.01601" rx="0.754003" fill="url(#nx29434_paint18_linear_28327_1406)"/>
<rect x="18.2427" y="13.3862" width="1.50801" height="3.01601" rx="0.754003" fill="url(#nx29434_paint19_linear_28327_1406)"/>
<rect x="18.2427" y="13.3862" width="1.50801" height="3.01601" rx="0.754003" fill="url(#nx29434_paint20_linear_28327_1406)"/>
<g filter="url(#nx29434_filter10_f_28327_1406)">
<rect x="13.1016" y="16.7913" width="5.34375" height="2.41769" rx="1.11607" fill="#BB6F89"/>
</g>
<rect x="13.5547" y="16.3872" width="4.89062" height="2.23214" rx="1.11607" fill="url(#nx29434_paint21_linear_28327_1406)"/>
<rect x="13.5547" y="16.3872" width="4.89062" height="2.23214" rx="1.11607" fill="url(#nx29434_paint22_linear_28327_1406)"/>
<circle cx="14.5487" cy="17.9045" r="0.511719" fill="url(#nx29434_paint23_radial_28327_1406)"/>
<circle cx="17.3456" cy="17.9045" r="0.511719" fill="url(#nx29434_paint24_radial_28327_1406)"/>
<g filter="url(#nx29434_filter11_f_28327_1406)">
<path d="M17.2429 17.0021C17.5867 16.9318 18.0632 17.1896 18.1179 17.713" stroke="url(#nx29434_paint25_linear_28327_1406)" stroke-width="0.05"/>
</g>
<g filter="url(#nx29434_filter12_f_28327_1406)">
<circle cx="19.1986" cy="14.0142" r="0.283707" fill="#795D72"/>
</g>
<g filter="url(#nx29434_filter13_f_28327_1406)">
<circle cx="13.271" cy="14.1582" r="0.283707" fill="#795D72"/>
</g>
<defs>
<filter id="nx29434_filter0_f_28327_1406" x="26.1869" y="11.7484" width="4.75038" height="9.76289" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.2" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter1_f_28327_1406" x="17.5009" y="5.39502" width="11.8334" height="15.0894" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1.75" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter2_f_28327_1406" x="9.20984" y="3.08472" width="13.1272" height="7.77197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1.75" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter3_f_28327_1406" x="5.11792" y="7.14844" width="21.1215" height="21.1292" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter4_f_28327_1406" x="3.81753" y="10.025" width="3.02339" height="13.7299" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.2" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter5_f_28327_1406" x="25.5702" y="12.3551" width="2.47682" height="11.1999" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.2" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter6_f_28327_1406" x="20.8196" y="8.91567" width="4.01973" height="7.08491" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.2" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter7_f_28327_1406" x="20.9697" y="16.81" width="2.61885" height="6.93135" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.2" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter8_f_28327_1406" x="10.6807" y="12.5413" width="3.625" height="5.25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter9_f_28327_1406" x="16.8573" y="12.5413" width="3.625" height="5.25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter10_f_28327_1406" x="12.1016" y="15.7913" width="7.34375" height="4.41772" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter11_f_28327_1406" x="17.0379" y="16.7658" width="1.30485" height="1.14976" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.1" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter12_f_28327_1406" x="17.9149" y="12.7305" width="2.56744" height="2.56738" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<filter id="nx29434_filter13_f_28327_1406" x="11.9873" y="12.8745" width="2.56744" height="2.56738" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_28327_1406"/>
</filter>
<linearGradient id="nx29434_paint0_linear_28327_1406" x1="6.51558" y1="13.2051" x2="6.51558" y2="24.1426" gradientUnits="userSpaceOnUse">
<stop stop-color="#A67874"/>
<stop offset="1" stop-color="#8F5872"/>
</linearGradient>
<linearGradient id="nx29434_paint1_linear_28327_1406" x1="6.51558" y1="16.4551" x2="6.51558" y2="24.6426" gradientUnits="userSpaceOnUse">
<stop stop-color="#B56595" stop-opacity="0"/>
<stop offset="1" stop-color="#CA6FA6"/>
</linearGradient>
<radialGradient id="nx29434_paint2_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.3847 23.0801) rotate(-135.32) scale(15.8218 18.8849)">
<stop offset="0.631933" stop-color="#F39585" stop-opacity="0"/>
<stop offset="1" stop-color="#F39585"/>
</radialGradient>
<linearGradient id="nx29434_paint3_linear_28327_1406" x1="25.4329" y1="14.3926" x2="25.4329" y2="24.6426" gradientUnits="userSpaceOnUse">
<stop offset="0.09375" stop-color="#FAB8A9"/>
<stop offset="1" stop-color="#B56595"/>
</linearGradient>
<radialGradient id="nx29434_paint4_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(29.0206 20.5489) rotate(-131.065) scale(8.37243 17.6373)">
<stop stop-color="#FFDACC" stop-opacity="0"/>
<stop offset="0.447917" stop-color="#FFDACC"/>
<stop offset="1" stop-color="#FFDACC" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx29434_paint5_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.2596 10.9551) rotate(120.705) scale(21.4199 37.9602)">
<stop stop-color="#A06857"/>
<stop offset="1" stop-color="#5B3838"/>
</radialGradient>
<linearGradient id="nx29434_paint6_linear_28327_1406" x1="16" y1="17.4249" x2="16" y2="34.2823" gradientUnits="userSpaceOnUse">
<stop stop-color="#682B5B" stop-opacity="0"/>
<stop offset="1" stop-color="#682B5B"/>
</linearGradient>
<radialGradient id="nx29434_paint7_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.0009 14.4389) rotate(90) scale(20.6725 18.4611)">
<stop offset="0.688473" stop-color="#FF7AF2" stop-opacity="0"/>
<stop offset="1" stop-color="#FFBCE6"/>
</radialGradient>
<radialGradient id="nx29434_paint8_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.4924 9.79724) rotate(123.75) scale(19.0483)">
<stop stop-color="#A9705E"/>
<stop offset="1" stop-color="#A9705E" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx29434_paint9_linear_28327_1406" x1="16" y1="8.90063" x2="16" y2="26.9475" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFC8BC"/>
<stop offset="0.188" stop-color="#FAB8A9"/>
<stop offset="0.895425" stop-color="#AC628E"/>
</linearGradient>
<radialGradient id="nx29434_paint10_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.3054 12.3225) rotate(159.382) scale(20.2335 27.146)">
<stop offset="0.817708" stop-color="#A55F89" stop-opacity="0"/>
<stop offset="1" stop-color="#A55F89"/>
</radialGradient>
<radialGradient id="nx29434_paint11_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.0007 15.3963) rotate(90.0031) scale(12.7039 10.8463)">
<stop offset="0.812621" stop-color="#EF5CF2" stop-opacity="0"/>
<stop offset="1" stop-color="#FF63C4"/>
</radialGradient>
<linearGradient id="nx29434_paint12_linear_28327_1406" x1="6.64652" y1="23.5835" x2="4.18366" y2="10.9142" gradientUnits="userSpaceOnUse">
<stop stop-color="#7C6160" stop-opacity="0"/>
<stop offset="0.502642" stop-color="#7C6160"/>
<stop offset="1" stop-color="#7C6160" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx29434_paint13_linear_28327_1406" x1="24.9784" y1="22.9551" x2="28.2693" y2="15.014" gradientUnits="userSpaceOnUse">
<stop stop-color="#BE8B89" stop-opacity="0"/>
<stop offset="0.295666" stop-color="#BE8B89" stop-opacity="0.6"/>
<stop offset="0.808331" stop-color="#BE8B89" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx29434_paint14_linear_28327_1406" x1="24.5281" y1="14.8318" x2="20.9161" y2="9.41383" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDACC" stop-opacity="0"/>
<stop offset="0.557292" stop-color="#FFDACC"/>
<stop offset="1" stop-color="#FFDACC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx29434_paint15_linear_28327_1406" x1="22.7673" y1="22.709" x2="22.0867" y2="18.635" gradientUnits="userSpaceOnUse">
<stop offset="0.0255118" stop-color="#FFDACC" stop-opacity="0"/>
<stop offset="1" stop-color="#FFDACC"/>
</linearGradient>
<radialGradient id="nx29434_paint16_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.6533 25.2032) rotate(-90) scale(9.07087 17.6698)">
<stop stop-color="#EF0084"/>
<stop offset="0.547619" stop-color="#89029C"/>
</radialGradient>
<linearGradient id="nx29434_paint17_linear_28327_1406" x1="15.8514" y1="14.4792" x2="11.5055" y2="14.4792" gradientUnits="userSpaceOnUse">
<stop stop-color="#432A3D"/>
<stop offset="0.567708" stop-color="#684E61"/>
<stop offset="0.765625" stop-color="#43253D"/>
</linearGradient>
<linearGradient id="nx29434_paint18_linear_28327_1406" x1="13.3441" y1="14.3189" x2="13.3441" y2="16.6747" gradientUnits="userSpaceOnUse">
<stop offset="0.326531" stop-color="#43253D" stop-opacity="0"/>
<stop offset="1" stop-color="#43253D"/>
</linearGradient>
<linearGradient id="nx29434_paint19_linear_28327_1406" x1="21.8447" y1="14.4792" x2="17.4988" y2="14.4792" gradientUnits="userSpaceOnUse">
<stop stop-color="#432A3D"/>
<stop offset="0.567708" stop-color="#684E61"/>
<stop offset="0.765625" stop-color="#43253D"/>
</linearGradient>
<linearGradient id="nx29434_paint20_linear_28327_1406" x1="19.3374" y1="14.3189" x2="19.3374" y2="16.6747" gradientUnits="userSpaceOnUse">
<stop offset="0.326531" stop-color="#43253D" stop-opacity="0"/>
<stop offset="1" stop-color="#43253D"/>
</linearGradient>
<linearGradient id="nx29434_paint21_linear_28327_1406" x1="16" y1="16.3872" x2="16" y2="18.5256" gradientUnits="userSpaceOnUse">
<stop stop-color="#E9A4A2"/>
<stop offset="1" stop-color="#DC89A8"/>
</linearGradient>
<linearGradient id="nx29434_paint22_linear_28327_1406" x1="15.4929" y1="21.3225" x2="14.7528" y2="17.7073" gradientUnits="userSpaceOnUse">
<stop offset="0.0700389" stop-color="#C971B6"/>
<stop offset="1" stop-color="#DC90CC" stop-opacity="0"/>
</linearGradient>
<radialGradient id="nx29434_paint23_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.9044 17.544) rotate(133.174) scale(1.90311 1.14415)">
<stop stop-color="#3E2739"/>
<stop offset="1" stop-color="#684E61"/>
</radialGradient>
<radialGradient id="nx29434_paint24_radial_28327_1406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.6079 17.544) rotate(129.408) scale(1.21922 1.90769)">
<stop stop-color="#3C2737"/>
<stop offset="1" stop-color="#684E61"/>
</radialGradient>
<linearGradient id="nx29434_paint25_linear_28327_1406" x1="17.6804" y1="16.9907" x2="17.6804" y2="17.713" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDACC" stop-opacity="0"/>
<stop offset="0.348958" stop-color="#FFEBE3"/>
</linearGradient>
</defs>
</svg>
AI Prompt and Vector Enhancer

Want to Improve or Restyle This Icon? Monkey Face

Generate a precise engineering prompt, or improve the icon on the canvas right now. Monkey Face

100% client-side prompt builder
Monkey Face Free SVG Vector Icon - Fluent UI Emoji (MIT)
Icon Source and License Verification LICENSE.txt

Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | No Sign-Up Required | 100% Browser-Based Processing

Keywords
#fluentui #emoji #monkey #face #3d #icons #monkey face svg #monkey face icon #monkey face fluent ui emoji #monkey face react tsx #monkey face vue #monkey face png
Popular in your language
free svg icons download vector icons svg to png converter svg to react tsx component ai icon prompt generator 3d svg icons lucide icons heroicons bootstrap icons tabler icons

Monkey Face - Technical Vector Specifications

Source, author, and license are available in the preview and icon details. Monkey Face

Canonical asset identifier fluentui-emoji/fluentui-emoji-monkey-face
Source library pack Fluent UI Emoji
Coordinate grid and viewBox viewBox="0 0 32 32"
Uncompressed payload 20,976 bytes (~11,537 bytes gzipped)
SPDX license and commercial use MIT - Free for commercial use
Supported export targets SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Security and privacy guarantee No Sign-Up Required | 100% Browser-Based Processing

How to Use and Customize This Icon: Monkey Face

  1. Customize visually: Color, Auto (Stroke and Fill), Stroke Width (0.5px-4px), Live Vector Animation Presets
  2. Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (2048x2048 px)
  3. Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
  4. Deep vector editing: Edit in SVG Editor (76,166)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages. fluentui-emoji-monkey-face.svg aria-hidden="true" focusable="false"

More in 3D Vector Icons

Browse

Explore more

Frequently Asked Questions

Monkey Face - Frequently Asked Questions

Is the Monkey Face SVG icon free for commercial use? +

Yes. The Monkey Face icon from the Fluent UI Emoji collection is licensed under MIT. You can use it free of charge in commercial websites, mobile apps, SaaS products, and print designs.

Does the Monkey Face icon keep its original default colors on download? +

Yes. By default, downloading Monkey Face keeps its original SVG colors and stroke settings untouched. If you pick a custom color or stroke width in the live editor, your downloaded file will include your custom changes.

How do I use the Monkey Face icon in React, Next.js, or Vue? +

Switch to the React TSX or Vue 3 tab on this page and click Copy SVG. Paste the component into your project and style it with standard CSS or Tailwind classes.

Can I download Monkey Face as a transparent PNG image? +

Yes. Choose your preferred size such as 64px, 128px, 256px, 512px, or 2048px and click Download PNG to render a high-resolution transparent PNG in your browser.

How do I animate the Monkey Face SVG icon with CSS? +

Click any animation button in the Live Editor such as Spin, Pulse, Bounce, Float, or Draw. The SVG code and download automatically include the matching CSS keyframes.

Can I generate an AI prompt for Monkey Face? +

Yes. Use the AI Icon Prompt Generator section on this page to create a tailored prompt for Monkey Face in 3D Clay, Glassmorphism, Neon, or Minimalist Vector style.

Can I resize the Monkey Face icon without losing quality? +

Yes. The Monkey Face file is a vector with a scalable viewBox, so it stays sharp at 16px, 64px, 512px, or any print size.

Where do I report a problem with the Monkey Face icon file? +

Write to support@svgnexus.com with the icon URL. License and takedown questions about Monkey Face go to legal@svgnexus.com.

100% Browser-Based Processing | 76,166 icons

SVG Editor

Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.

Type to search 76,166 vector icons...

Navigate | Enter Open Explore All Icons

Compare

Icon Source and License

License Commercial use Attribution Modify or recolor
MITAllowedNotice in bundleAllowed
ISCAllowedNotice in bundleAllowed
Apache-2.0AllowedRequired with notice fileAllowed
CC BY 4.0AllowedCredit requiredAllowed
CC-BY-SA-4.0AllowedShareAlikeShareAlike
Trademark / BrandReferential use onlyOwner guidelinesRestricted

Icon Preview