Home/Libraries/Freehand free icons (Iconify)/image-file-favorite-heart

Freehand free icons (Iconify)

ImageFileFavoriteHeart

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" fill-rule="evenodd" d="M23.148 14.097a3.12 3.12 0 0 0-3.667-.11c-.512.271-.96.65-1.312 1.112a3.7 3.7 0 0 0-.511-.591a2.37 2.37 0 0 0-2.134-.842a4.5 4.5 0 0 0-2.064.731c-1.623 1.143-1.172 3.527.18 5.19a15.4 15.4 0 0 0 4.148 3.126a.27.27 0 0 0 .405-.072a.27.27 0 0 0-.134-.389a16.2 16.2 0 0 1-3.827-3.126a3.8 3.8 0 0 1-.822-3.136a2.19 2.19 0 0 1 1.914-1.252a1.5 1.5 0 0 1 1.623.541c.61.591.49.772.781 1.082a.58.58 0 0 0 .942-.1c.08-.12.15-.32.21-.4a3.45 3.45 0 0 1 1.784-1.253a1.733 1.733 0 0 1 2.414 2.054c-.49 2.094-2.304 3.827-4.087 5.01a.31.31 0 0 0 .33.52a12.6 12.6 0 0 0 3.627-3.316c1.072-1.623 1.613-3.527.2-4.779" clip-rule="evenodd"/><path fill="#818cf8" d="M7.199 3.287c-1.904.37-2.485 1.452-2.215 2.755c.521 2.935 5.6 1.743 4.459-1.383a2.004 2.004 0 0 0-2.245-1.372M5.866 5.82c-.521-1.852 2.174-2.643 2.615-.85c.44 1.793-2.224 2.214-2.615.851M18.33 1.864a.3.3 0 0 0-.421 0c-.14.15 0 .16 0 .741s-.521 9.899.41 9.929a.33.33 0 0 0 .35-.33c.101-1.123.221-2.395.271-3.657c.07-2.886-.32-6.452-.61-6.683"/><path fill="#818cf8" d="M1.778 15.55c-.59-.16-.41-.14-.44-.592c-.03-.45-.361-11.19.03-12.423c1.001-.26 7.744-.4 9.016-.38c6.603.07 6.793.32 6.803-.21a.35.35 0 0 0-.33-.361C.547.892.416 1.223.195 2.395C-.185 4.45.025 15.24.526 15.991c.862 1.192 9.017.871 10.46.811a.311.311 0 0 0 0-.611c-.642-.03-6.913-.02-9.208-.641"/><path fill="#818cf8" d="M17.468 9.478c-1.293-2.003-3.186-3.236-5.43-2.003c-2.004 1.182-3.006 3.726-3.858 5.84c0 .11 0 .14-.2-.22a4.4 4.4 0 0 0-2.004-1.723c-2.244-.842-3.316-.34-4.398.882c-.28.35-.15 1.182.15.871c1.132-1.242 1.613-1.422 3.878-.671a4.18 4.18 0 0 1 2.304 1.783c0 .13-.22.812-.36 1.283c-.071.28.59.57.7 0c1.002-3.006 3.507-8.226 6.312-7.414a5.7 5.7 0 0 1 2.084 1.412q.3.33.651.601c.27.241.361-.4.17-.64"/></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. ImageFileFavoriteHeartIcon.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.