Home/Libraries/Freehand free icons (Iconify)/messages-people-woman-heart

Freehand free icons (Iconify)

MessagesPeopleWomanHeart

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="M13.595 19.123a2.06 2.06 0 0 1-.849-.83a3.8 3.8 0 0 1-.6-1.148c-.36-1.41.16-3.347-.519-5.106A5.23 5.23 0 0 0 9.13 9.332a4 4 0 0 0-3.137-.34a4.73 4.73 0 0 0-2.508 1.848c-.3.452-.545.939-.729 1.449a7.4 7.4 0 0 0-.41 1.559c-.14 1.129.08 2.308-.11 3.347a2.37 2.37 0 0 1-.999 1.598a2.6 2.6 0 0 1-.39.24a2 2 0 0 1-.409.13a.33.33 0 0 0-.25.19a.34.34 0 0 0 0 .31q.282.416.66.749c.189.174.42.298.67.36a.29.29 0 0 0 .339-.24a.3.3 0 0 0-.24-.35a1.15 1.15 0 0 1-.45-.33l-.17-.16h.08q.27-.114.52-.27a3.1 3.1 0 0 0 1.439-1.998a8.3 8.3 0 0 0 .16-1.528c.079.61.28 1.197.59 1.728c.39.677.938 1.25 1.598 1.669a7.34 7.34 0 0 0-3.337 2.128a5.3 5.3 0 0 0-.6.849a9 9 0 0 0-.63 1.349a.31.31 0 0 0 .18.36a.3.3 0 0 0 .39-.17q.244-.52.56-1c.196-.31.431-.596.7-.849a6.9 6.9 0 0 1 3.166-1.648a5.83 5.83 0 0 1 3.477.14a4.3 4.3 0 0 1 1.818 1.289c.52.596.94 1.27 1.25 1.998a.34.34 0 1 0 .629-.24a7.8 7.8 0 0 0-1.21-2.318a5.4 5.4 0 0 0-2.097-1.728c-.16-.06-.32-.1-.49-.15q.429-.232.79-.56a5.7 5.7 0 0 0 1.169-1.688c0-.06.05-.13.08-.19q.03.26.11.51c.227.603.566 1.16.998 1.638q.302.373.7.64q-.045.078-.1.15a.65.65 0 0 1-.32.269a.34.34 0 0 0 .23.64c.211-.071.4-.195.55-.36a2.5 2.5 0 0 0 .46-.72a.34.34 0 0 0 0-.31a.31.31 0 0 0-.26-.2m-3.207-2.468a4.8 4.8 0 0 1-1.079 1.329a3.3 3.3 0 0 1-.86.48a3.5 3.5 0 0 1-.998.2a2.6 2.6 0 0 1-.73-.07a3.9 3.9 0 0 1-2.228-1.499a3.8 3.8 0 0 1-.709-1.669c.65.05 1.299.1 1.998.12h1.29c.429 0 .858 0 1.288-.08c.86-.07 1.709-.17 2.558-.27a3.7 3.7 0 0 1-.53 1.46m-1.13-2.258a3 3 0 0 0 0-.53q-.075-.505-.21-.998a.3.3 0 1 0-.6.04a9 9 0 0 0-.05.998q.016.228.06.45H6.992q-.649 0-1.289.06c-.829.06-1.648.16-2.477.25c0-.24 0-.48.08-.71c.09-.449.227-.888.41-1.308c.181-.41.41-.8.679-1.16a3.7 3.7 0 0 1 1.918-1.398a3 3 0 0 1 2.278.24a4.24 4.24 0 0 1 2.078 2.098a5.9 5.9 0 0 1 .42 1.998z"/><path fill="#818cf8" d="M23.816 5.295c0-.859 0-2.947-.05-3.846a1.3 1.3 0 0 0-.3-.8A5.6 5.6 0 0 0 21.468.2C20.26.08 18.611 0 17.442 0c-.46 0-4.366 0-6.654.18c-.643 0-1.279.133-1.868.39a.65.65 0 0 0-.19.32q-.141.647-.15 1.308c-.1 1.798-.06 4.796-.06 5.455a.35.35 0 0 0 .69 0c0-.54 0-2.418.1-4.056c0-.86.09-1.639.159-2.128c0-.11 0-.23.06-.29s.24 0 .36 0q1.294-.159 2.597-.18h4.946c.999 0 2.268.11 3.377.22c.72.07 1.349.15 1.748.23h.06c.08.869.05 2.897 0 3.726c0 .5.08 2.278.08 3.817q.025 1.001-.08 1.998q.009.135 0 .27a5 5 0 0 0-.69 0H20.83c-1-.06-2.188-.15-2.708-.12a.85.85 0 0 0-.6.22c-.249.28-.489.949-.928 1.678q-.302.492-.69.92a2.2 2.2 0 0 1-1.638.719c-.08-.56 0-2.088 0-2.758a1.7 1.7 0 0 0-.07-.42a.36.36 0 0 0-.25-.19a.3.3 0 0 0-.35.25s0 3.398.07 3.537a.44.44 0 0 0 .32.26c.33.066.67.066 1 0a3.06 3.06 0 0 0 1.438-.819q.461-.457.819-1c.38-.589.61-1.138.83-1.438h.05c.499 0 1.598.12 2.597.21q.84.06 1.678 0a1.68 1.68 0 0 0 1-.34a3.24 3.24 0 0 0 .39-1.578c.129-1.649.02-4.396.03-5.096"/><path fill="#818cf8" d="M14.325 8.992c.19.17.51.55.819.79c.202.178.452.292.72.329c.356.013.708-.092.998-.3c.464-.354.887-.76 1.26-1.209a11.4 11.4 0 0 0 1.648-1.998a4.1 4.1 0 0 0 .59-1.778a2.11 2.11 0 0 0-.75-1.829a1.94 1.94 0 0 0-1.998-.29a2.5 2.5 0 0 0-.8.49a7 7 0 0 0-.659.69a3.3 3.3 0 0 0-.36-.55a2.3 2.3 0 0 0-.62-.55a1.68 1.68 0 0 0-1.568 0a2.9 2.9 0 0 0-1.468 1.649a3 3 0 0 0 .19 2.248a8.9 8.9 0 0 0 1.998 2.308m-1.28-4.396c.12-.424.377-.796.73-1.06a1 1 0 0 1 1.1-.179q.26.141.459.36q.32.374.55.809a.3.3 0 0 0 .409.13a.33.33 0 0 0 .17-.1q.39-.44.839-.82c.174-.146.374-.257.59-.33a1.13 1.13 0 0 1 1.129.22a1.21 1.21 0 0 1 .38 1.08a3.3 3.3 0 0 1-.53 1.349c-.461.647-.99 1.243-1.579 1.778c-.19.2-.47.52-.78.8c-.309.279-.349.359-.529.359l-.869-.82a8 8 0 0 1-1.798-1.998a2.1 2.1 0 0 1-.27-1.548z"/></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. MessagesPeopleWomanHeartIcon.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.