Home/Libraries/Fluent Emoji (Iconify)/thinking-face

Fluent Emoji (Iconify)

ThinkingFace

License: MITCommercial Safe

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 32 32"><g fill="none"><path fill="url(#iuezoob)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iE8QcEd)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ivEnSkc)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iWiImqb)" fill-opacity=".6" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ibBjvec)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ipSnfmL)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ilqJk5c)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#i6j9Pab)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ia2DcJc)" d="M10 21.5v-3.06A1.44 1.44 0 0 0 8.56 17c-.84 0-1.505.718-1.517 1.559C7.023 19.92 6.835 21.722 6 22c-3 1-4 5.5-1.5 7.5c2 1.6 4 1.5 5.5 1.5h2.764a1.236 1.236 0 0 0 .553-2.342L13 28.5h.72a1 1 0 0 0 .97-.758l.067-.272A.78.78 0 0 0 14 26.5l.33-.165a1.214 1.214 0 0 0 0-2.17L14 24h1.75a1.25 1.25 0 1 0 0-2.5z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 19s1.124-1.303 3.25-1S19 20 19 20"/><circle cx="9.017" cy="13.421" r="4.673" fill="url(#icwRaic)"/><circle cx="19.244" cy="13.943" r="4.244" fill="url(#ilIdxfd)"/><path fill="#818cf8" d="M10.42 16.224a4.206 4.206 0 1 0 0-8.411a4.206 4.206 0 0 0 0 8.411m11.148.077a4.244 4.244 0 1 0 0-8.489a4.244 4.244 0 0 0 0 8.49"/><path fill="url(#il7lKad)" fill-rule="evenodd" d="M13 11.5a3 3 0 1 1-6 0a3 3 0 0 1 6 0m11 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0" clip-rule="evenodd"/><g filter="url(#iIi9Enk)"><path fill="#818cf8" fill-rule="evenodd" d="m12.703 28.688l.055-.218A.78.78 0 0 0 12 27.5l.33-.165a1.214 1.214 0 0 0 0-2.17L12 25h1.75a1.25 1.25 0 0 0 0-2.5H8v-3.06A1.44 1.44 0 0 0 6.56 18c-.84 0-1.505.718-1.517 1.559c-.015 1.058-.132 2.381-.575 3.05c1.537 3.041 4.282 5.287 8.235 6.08" clip-rule="evenodd"/></g><path fill="url(#ia2DcJc)" d="M10 21.5v-3.06A1.44 1.44 0 0 0 8.56 17c-.84 0-1.505.718-1.517 1.559C7.023 19.92 6.835 21.722 6 22c-3 1-4 5.5-1.5 7.5c2 1.6 4 1.5 5.5 1.5h2.764a1.236 1.236 0 0 0 .553-2.342L13 28.5h.72a1 1 0 0 0 .97-.758l.067-.272A.78.78 0 0 0 14 26.5l.33-.165a1.214 1.214 0 0 0 0-2.17L14 24h1.75a1.25 1.25 0 1 0 0-2.5z"/><path fill="url(#iB6QOxc)" d="M10 21.5v-3.06A1.44 1.44 0 0 0 8.56 17c-.84 0-1.505.718-1.517 1.559C7.023 19.92 6.835 21.722 6 22c-3 1-4 5.5-1.5 7.5c2 1.6 4 1.5 5.5 1.5h2.764a1.236 1.236 0 0 0 .553-2.342L13 28.5h.72a1 1 0 0 0 .97-.758l.067-.272A.78.78 0 0 0 14 26.5l.33-.165a1.214 1.214 0 0 0 0-2.17L14 24h1.75a1.25 1.25 0 1 0 0-2.5z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M12.5 4.5c-.333-.333-1.3-1-2.5-1s-2.167.667-2.5 1m11 4s1-1 3-1s3 1 3 1"/><g filter="url(#iblvsId)" opacity=".8"><path fill="#818cf8" d="M10 23h7v1h-7z"/></g><path fill="url(#iuj86cb)" d="M11 24h3a1 1 0 0 1 1 1z"/><path fill="url(#ipv51no)" d="M11 28.5h2a1 1 0 0 1 1 1z"/><path fill="url(#iKvhbHd)" d="M11 26.5h3a1 1 0 0 1 1 1z"/><defs><radialGradient id="iuezoob" cx="0" cy="0" r="1" gradientTransform="rotate(132.839 10.786 10.065)scale(37.5033)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="iE8QcEd" cx="0" cy="0" r="1" gradientTransform="rotate(131.878 10.74 10.193)scale(38.9487)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="ivEnSkc" cx="0" cy="0" r="1" gradientTransform="rotate(101.31 2.876 12.808)scale(17.8466 22.8581)" gradientUnits="userSpaceOnUse"><stop offset=".788" stop-color="#F59639" stop-opacity="0"/><stop offset=".973" stop-color="#FF7DCE"/></radialGradient><radialGradient id="iWiImqb" cx="0" cy="0" r="1" gradientTransform="matrix(-29 29 -29 -29 18 14)" gradientUnits="userSpaceOnUse"><stop offset=".315" stop-opacity="0"/><stop offset="1"/></radialGradient><radialGradient id="ibBjvec" cx="0" cy="0" r="1" gradientTransform="rotate(77.692 -2.555 18.434)scale(28.1469)" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#7D6133" stop-opacity="0"/><stop offset="1" stop-color="#715B32"/></radialGradient><radialGradient id="ipSnfmL" cx="0" cy="0" r="1" gradientTransform="matrix(7.5 10.99996 -7.97335 5.4364 16.5 16.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB849"/><stop offset="1" stop-color="#FFB847" stop-opacity="0"/></radialGradient><radialGradient id="ilqJk5c" cx="0" cy="0" r="1" gradientTransform="matrix(11.49998 2 -2 11.49998 20.5 18)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA64B"/><stop offset=".9" stop-color="#FFAE46" stop-opacity="0"/></radialGradient><radialGradient id="i6j9Pab" cx="0" cy="0" r="1" gradientTransform="rotate(43.971 -9.827 29.173)scale(59.0529)" gradientUnits="userSpaceOnUse"><stop offset=".185" stop-opacity="0"/><stop offset="1" stop-opacity=".4"/></radialGradient><radialGradient id="ia2DcJc" cx="0" cy="0" r="1" gradientTransform="matrix(-16.50002 -.50009 .46634 -15.38663 15.5 22)" gradientUnits="userSpaceOnUse"><stop offset=".066" stop-color="#FFEA67"/><stop offset=".593" stop-color="#FFC13F"/><stop offset=".904" stop-color="#DF9030"/></radialGradient><radialGradient id="icwRaic" cx="0" cy="0" r="1" gradientTransform="rotate(135 4.3 7.513)scale(10.2026 5.28051)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="ilIdxfd" cx="0" cy="0" r="1" gradientTransform="rotate(133.664 8.996 10.145)scale(9.48022 5.35173)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="iB6QOxc" cx="0" cy="0" r="1" gradientTransform="matrix(-11 1.49997 -1.53804 -11.27922 10.5 22.5)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#FFEA67" stop-opacity="0"/><stop offset=".851" stop-color="#F9708E"/></radialGradient><linearGradient id="il7lKad" x1="16.5" x2="15.5" y1="7" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#553B3E"/><stop offset="1" stop-color="#3D2432"/></linearGradient><linearGradient id="iuj86cb" x1="12.5" x2="14" y1="24" y2="25.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FA9428"/><stop offset="1" stop-color="#FA9428" stop-opacity="0"/></linearGradient><linearGradient id="ipv51no" x1="11.5" x2="13" y1="28.5" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#FA9428"/><stop offset="1" stop-color="#FA9428" stop-opacity="0"/></linearGradient><linearGradient id="iKvhbHd" x1="11.5" x2="13" y1="26.5" y2="28" gradientUnits="userSpaceOnUse"><stop stop-color="#FA9428"/><stop offset="1" stop-color="#FA9428" stop-opacity="0"/></linearGradient><filter id="iIi9Enk" width="14.533" height="14.688" x="2.468" y="16" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_31_62" stdDeviation="1"/></filter><filter id="iblvsId" width="10" height="4" x="8.5" y="21.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_31_62" stdDeviation=".75"/></filter></defs></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. ThinkingFaceIcon.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.