Home/Libraries/Freehand free icons (Iconify)/smiley-thumbs-up

Freehand free icons (Iconify)

SmileyThumbsUp

License: CC-BY-4.0

ICON SIZE

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 24 24"><path fill="#818cf8" d="M22.155 6.293a15.5 15.5 0 0 0-3-3.61a10.47 10.47 0 0 0-5.86-2.64a12.35 12.35 0 0 0-6.28 1.13c-1.67.76-3.14 1.9-4.29 3.33a12.3 12.3 0 0 0-2.34 4.83a.33.33 0 0 0 .25.4a.33.33 0 0 0 .38-.25a11.34 11.34 0 0 1 2.33-4.5a10.7 10.7 0 0 1 4-3a11.7 11.7 0 0 1 5.83-.92a9.53 9.53 0 0 1 5.26 2.45c1.073.975 2 2.1 2.75 3.34a8.84 8.84 0 0 1 1.36 4a12 12 0 0 1-.55 4.7a8.37 8.37 0 0 1-2.65 3.83a7.2 7.2 0 0 1-2.74 1.44a19 19 0 0 1-4.74.73a.3.3 0 0 0-.28.31a.29.29 0 0 0 .3.29a20.4 20.4 0 0 0 4.93-.63a8.1 8.1 0 0 0 3-1.49a9.25 9.25 0 0 0 3.06-4.15c.575-1.629.824-3.355.73-5.08a9.8 9.8 0 0 0-1.45-4.51"/><path fill="#818cf8" d="M15.935 15.903a3.48 3.48 0 0 0 2.08-3.55a1 1 0 0 0-.61-.76a3.3 3.3 0 0 0-1.39-.07c-1.22.07-3.05.38-4.54.54c-.4.05-.78.08-1.11.1a.3.3 0 0 0 0 .59l5.66-.18h.83a2.46 2.46 0 0 1-1.46 2.41a3.8 3.8 0 0 1-3.11.53a4 4 0 0 1-1.12-.71a3.4 3.4 0 0 1-.82-1a.34.34 0 0 0-.45-.17a.33.33 0 0 0-.17.44a4 4 0 0 0 .91 1.32c.379.381.814.701 1.29.95a4.7 4.7 0 0 0 4.01-.44m-7.6-4.92c.223.061.457.061.68 0a1.13 1.13 0 0 0 .46-1.83c-1-1.24-3 .82-1.74 1.72c.187.089.394.127.6.11m10.83-.64c.225.04.456.02.67-.06a1.13 1.13 0 0 0 .46-1.84c-1-1.23-3 .83-1.74 1.73c.184.112.395.17.61.17m-9.53 9.75a1.27 1.27 0 0 0-.45-.5a1.6 1.6 0 0 0 .21-1.08a2.5 2.5 0 0 0-.34-1a1.6 1.6 0 0 0-.52-.49a1 1 0 0 0 .08-.3a2.06 2.06 0 0 0-.6-1.81a2.92 2.92 0 0 0-1.73-.46a5 5 0 0 0-2.18.43a3.94 3.94 0 0 0-.71-2.53c-.9-1-2.54-.13-2.71 1.36a6 6 0 0 0 .23 1.81c.28 1 .23.95.48 1.33a3.5 3.5 0 0 0-.55.8c-.1.34-.28.74-.12 1s.3.23.47.06s.09-.44.14-.6a1.7 1.7 0 0 1 .43-.76c.16-.21.28-.22.47-.4c1.85-1.77 4.62-1.97 5.12-1.28c.85 1.16-1.16 1.29-2.9 2.37a.28.28 0 0 0-.18.38a.29.29 0 0 0 .38.18c.41-.06.77-.06 1.12-.11c1-.17 1.25-.66 2.16-.51a.87.87 0 0 1 .22 1.08a4.4 4.4 0 0 1-1.52.66q-.555.265-1.07.6a.29.29 0 0 0-.2.37a.29.29 0 0 0 .37.2a10 10 0 0 0 1.08-.07q.235-.032.46-.11a1.7 1.7 0 0 1 1.21-.2a.24.24 0 0 1 .16.11a.33.33 0 0 1 0 .24a1.43 1.43 0 0 1-.35.68q-.304.346-.68.61a4.85 4.85 0 0 1-2.25.83a4.1 4.1 0 0 1-2.35-.35a2.68 2.68 0 0 1-1.2-1.29a5.2 5.2 0 0 1-.47-1.86a.33.33 0 0 0-.35-.32a.34.34 0 0 0-.32.36a5.6 5.6 0 0 0 .65 2.54c.304.545.75.998 1.29 1.31a5.05 5.05 0 0 0 2.85.61a5.84 5.84 0 0 0 2.77-1c.41-.274.775-.612 1.08-1a2.45 2.45 0 0 0 .46-1a1.45 1.45 0 0 0-.14-.89m-7.81-3.72l-.09-1c0-.75-.13-1.73.37-2.19c.1 0 .45-.59.88.22c.238.443.384.93.43 1.43a.32.32 0 0 0 .13.26a7 7 0 0 0-1.72 1.28"/></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. SmileyThumbsUpIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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