Original icon colors are kept until you pick a new color.
Anxious Face With Sweat - Vector and 3D Icons
Source, author, and license are available in the preview and icon details. Anxious Face With Sweat - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Anxious Face With Sweat icon"><title>Anxious Face With Sweat - Fluent UI Emoji icon</title><desc>Free Anxious Face With Sweat 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="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#nx822_paint0_radial_31_1636)"/> <path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#nx822_paint1_radial_31_1636)"/> <path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="url(#nx822_paint2_radial_31_1636)" fill-opacity="0.6"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.92722 11.4485C5.20028 12.2362 4 13.9779 4 15.9999C4 18.7614 6.23858 20.9999 9 20.9999C11.7614 20.9999 14 18.7614 14 15.9999C14 14.1529 12.9984 12.5397 11.5088 11.6739C10.9375 11.8689 10.2679 11.9999 9.5 11.9999C8.46327 11.9999 7.60568 11.7611 6.92722 11.4485Z" fill="url(#nx822_paint3_radial_31_1636)"/> <circle cx="19.5" cy="16.5" r="4.5" fill="url(#nx822_paint4_radial_31_1636)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.1107 10.8344C12.3699 11.383 11.1664 12 9.5 12C8.55784 12 7.76363 11.8028 7.11736 11.5322C6.42175 12.3244 6 13.3629 6 14.5C6 16.9853 8.01472 19 10.5 19C12.9853 19 15 16.9853 15 14.5C15 12.9881 14.2543 11.6503 13.1107 10.8344ZM24.8826 11.5322C24.2364 11.8028 23.4422 12 22.5 12C20.8336 12 19.6301 11.383 18.8893 10.8344C17.7457 11.6503 17 12.9881 17 14.5C17 16.9853 19.0147 19 21.5 19C23.9853 19 26 16.9853 26 14.5C26 13.3629 25.5782 12.3244 24.8826 11.5322Z" fill="white"/> <path d="M12 17C13.1046 17 14 16.1046 14 15C14 13.8954 13.1046 13 12 13C10.8954 13 10 13.8954 10 15C10 16.1046 10.8954 17 12 17Z" fill="url(#nx822_paint5_linear_31_1636)"/> <path d="M20 17C21.1046 17 22 16.1046 22 15C22 13.8954 21.1046 13 20 13C18.8954 13 18 13.8954 18 15C18 16.1046 18.8954 17 20 17Z" fill="url(#nx822_paint6_linear_31_1636)"/> <g filter="url(#nx822_filter0_f_31_1636)"> <path d="M10.25 6C10.25 6 9.75 9 6.25 9" stroke="#4475BF" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/> </g> <g filter="url(#nx822_filter1_f_31_1636)"> <path d="M21 5.75C21 5.75 21.5 8.75 25 8.75" stroke="#166CDE" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/> </g> <path d="M10.5 5.5C10.5 5.5 10 8.5 6.5 8.5" stroke="url(#nx822_paint7_linear_31_1636)" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.5 5.5C10.5 5.5 10 8.5 6.5 8.5" stroke="url(#nx822_paint8_radial_31_1636)" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.5 5.5C21.5 5.5 22 8.5 25.5 8.5" stroke="url(#nx822_paint9_radial_31_1636)" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.9013 25.0064C21.0104 25.5478 20.5516 26 19.9993 26C16.9301 26 14.7168 26 12.0002 26C11.448 26 10.9896 25.5478 11.0987 25.0064C11.5595 22.721 13.5788 21 16 21C18.4212 21 20.4405 22.721 20.9013 25.0064Z" fill="url(#nx822_paint10_radial_31_1636)"/> <rect x="1" y="16" width="5" height="9" rx="2.5" fill="url(#nx822_paint11_radial_31_1636)"/> <defs> <filter id="nx822_filter0_f_31_1636" x="4.625" y="4.37488" width="7.25012" height="6.25012" 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_31_1636"/> </filter> <filter id="nx822_filter1_f_31_1636" x="19.3749" y="4.12488" width="7.25012" height="6.25012" 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_31_1636"/> </filter> <radialGradient id="nx822_paint0_radial_31_1636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.5 9) rotate(132.839) scale(37.5033)"> <stop stop-color="#FFF478"/> <stop offset="0.474827" stop-color="#FFB02E"/> <stop offset="1" stop-color="#F70A8D"/> </radialGradient> <radialGradient id="nx822_paint1_radial_31_1636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16 49) rotate(-90) scale(51 64.9968)"> <stop offset="0.670495" stop-color="#BFB2DD" stop-opacity="0"/> <stop offset="0.747649" stop-color="#A4AEEB"/> <stop offset="0.811631" stop-color="#379EFF"/> <stop offset="0.964059" stop-color="#1345B7"/> </radialGradient> <radialGradient id="nx822_paint2_radial_31_1636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18 14) rotate(135) scale(41.0122)"> <stop offset="0.314853" stop-opacity="0"/> <stop offset="1"/> </radialGradient> <radialGradient id="nx822_paint3_radial_31_1636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.8889 12.1111) rotate(135) scale(9.74236 5.04232)"> <stop offset="0.330628" stop-color="#392108"/> <stop offset="1" stop-color="#C87928" stop-opacity="0"/> </radialGradient> <radialGradient id="nx822_paint4_radial_31_1636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23 13) rotate(135) scale(8.13173 4.59049)"> <stop offset="0.402076" stop-color="#392108"/> <stop offset="1" stop-color="#C87928" stop-opacity="0"/> </radialGradient> <linearGradient id="nx822_paint5_linear_31_1636" x1="20.7692" y1="13" x2="20" y2="17" gradientUnits="userSpaceOnUse"> <stop stop-color="#553B3E"/> <stop offset="1" stop-color="#3D2432"/> </linearGradient> <linearGradient id="nx822_paint6_linear_31_1636" x1="20.7692" y1="13" x2="20" y2="17" gradientUnits="userSpaceOnUse"> <stop stop-color="#553B3E"/> <stop offset="1" stop-color="#3D2432"/> </linearGradient> <linearGradient id="nx822_paint7_linear_31_1636" x1="9.5" y1="5" x2="9.5" y2="6.5" gradientUnits="userSpaceOnUse"> <stop offset="0.0299084" stop-color="#524049"/> <stop offset="1" stop-color="#4A2C42"/> </linearGradient> <radialGradient id="nx822_paint8_radial_31_1636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7 5) rotate(54.4623) scale(4.30116)"> <stop offset="0.541667" stop-color="#493032"/> <stop offset="0.806723" stop-color="#5E445A"/> <stop offset="0.955326" stop-color="#4A2C42"/> </radialGradient> <radialGradient id="nx822_paint9_radial_31_1636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25 5) rotate(125.538) scale(4.30116)"> <stop stop-color="#C2B4B5"/> <stop offset="0.887405" stop-color="#462B45"/> <stop offset="1" stop-color="#4A2C42"/> </radialGradient> <radialGradient id="nx822_paint10_radial_31_1636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16 27.1111) rotate(-90) scale(7.61111 15.2222)"> <stop stop-color="#F70A8D"/> <stop offset="1" stop-color="#89029C"/> </radialGradient> <radialGradient id="nx822_paint11_radial_31_1636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(5.16667 16.4091) rotate(104.88) scale(9.73555 3.6969)"> <stop stop-color="#5C98FF"/> <stop offset="0.805982" stop-color="#3D5BF1"/> <stop offset="0.962238" stop-color="#6065CA"/> </radialGradient> </defs> </svg>
Want to Improve or Restyle This Icon? Anxious Face With Sweat
Generate a precise engineering prompt, or improve the icon on the canvas right now. Anxious Face With Sweat
Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | No Sign-Up Required | 100% Browser-Based Processing
Anxious Face With Sweat - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Anxious Face With Sweat
| Canonical asset identifier | fluentui-emoji/fluentui-emoji-anxious-face-with-sweat |
|---|---|
| Source library pack | Fluent UI Emoji |
| Coordinate grid and viewBox | viewBox="0 0 32 32" |
| Uncompressed payload | 7,734 bytes (~4,254 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: Anxious Face With Sweat
- Customize visually: Color, Auto (Stroke and Fill), Stroke Width (
0.5px-4px), Live Vector Animation Presets - Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (
2048x2048 px) - Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
- Deep vector editing: Edit in SVG Editor (76,166)
fluentui-emoji-anxious-face-with-sweat.svg aria-hidden="true" focusable="false"
More in 3D Vector Icons
BrowseBrown Circle
Fluent UI Emoji|3d-iconsBrown Heart
Fluent UI Emoji|3d-iconsBrown Mushroom
Fluent UI Emoji|3d-iconsBrown Square
Fluent UI Emoji|3d-iconsBubble Tea
Fluent UI Emoji|3d-iconsBubbles
Fluent UI Emoji|3d-iconsBucket
Fluent UI Emoji|3d-iconsBug
Fluent UI Emoji|3d-iconsBuilding Construction
Fluent UI Emoji|3d-iconsBullet Train
Fluent UI Emoji|3d-iconsBullseye
Fluent UI Emoji|3d-iconsExplore more
Anxious Face With Sweat - Frequently Asked Questions
Is the Anxious Face With Sweat SVG icon free for commercial use? +
Yes. The Anxious Face With Sweat 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 Anxious Face With Sweat icon keep its original default colors on download? +
Yes. By default, downloading Anxious Face With Sweat 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 Anxious Face With Sweat 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 Anxious Face With Sweat 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 Anxious Face With Sweat 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 Anxious Face With Sweat? +
Yes. Use the AI Icon Prompt Generator section on this page to create a tailored prompt for Anxious Face With Sweat in 3D Clay, Glassmorphism, Neon, or Minimalist Vector style.
Can I resize the Anxious Face With Sweat icon without losing quality? +
Yes. The Anxious Face With Sweat 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 Anxious Face With Sweat icon file? +
Write to support@svgnexus.com with the icon URL. License and takedown questions about Anxious Face With Sweat go to legal@svgnexus.com.
SVG Editor
Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.