Home/Libraries/Freehand free icons (Iconify)/movies-hot-trending

Freehand free icons (Iconify)

MoviesHotTrending

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M22.51 5.155c-.299-.57-1.427-1.328-2.276-2.686a5.8 5.8 0 0 1-.759-1.997a.62.62 0 0 0-.833-.426a.6.6 0 0 0-.275.226A18.6 18.6 0 0 1 15.8 2.549c-.452.403-.81.9-1.049 1.458c-.152.342-.25.706-.29 1.078a6.2 6.2 0 0 0 .08 1.538v.34a1.2 1.2 0 0 1-.539-.51a2 2 0 0 1-.18-.45c-.09-.289-.14-.588-.22-.878a5 5 0 0 0-.14-.55a.66.66 0 0 0-.458-.369a.65.65 0 0 0-.63.2q-.248.342-.459.709a4.9 4.9 0 0 0-.48 1.318c-.089.45-.12.91-.089 1.368a6.43 6.43 0 0 0 1.857 4.254c.07.06 1.259 1.408 4.634 1.508a5.5 5.5 0 0 0 5.052-3.895a6.27 6.27 0 0 0-.38-4.513m-.468 4.274a4.27 4.27 0 0 1-1.998 2.716a2.5 2.5 0 0 0 .2-.51A2.346 2.346 0 0 0 19.046 9a.382.382 0 1 0-.37.67a1.48 1.48 0 0 1 .55 1.717a1.27 1.27 0 0 1-1.348.899a1.68 1.68 0 0 1-1.408-.74a1.32 1.32 0 0 1 0-1.527c.154-.218.365-.39.609-.5q.436-.19.898-.299a.34.34 0 1 0-.12-.669a4.7 4.7 0 0 0-1.298.3c-.322.122-.61.321-.838.579a2.34 2.34 0 0 0-.32 2.776q.09.137.2.26a3.76 3.76 0 0 1-1.768-1a5.42 5.42 0 0 1-1.428-3.704c-.01-.366.03-.733.12-1.088c0-.12.07-.24.11-.36v.07q.106.377.3.72c.162.262.368.495.609.688c.233.182.492.327.769.43c0 0 .739.22.998.28a.76.76 0 0 0 .76-.25a.86.86 0 0 0 .139-.58c0-.34-.41-1.078-.43-1.258a6 6 0 0 1-.08-.998c.006-.306.07-.608.19-.89c.182-.378.437-.717.75-.998c.588-.569 1.297-1.058 1.917-1.627q.255.654.649 1.238c.868 1.318 1.997 1.997 2.336 2.566a5.2 5.2 0 0 1 .5 3.725M8.85 13.803a.339.339 0 0 0-.58.108a.3.3 0 0 0-.019.131v5.672c0 .15-.12.43-.12.57a.65.65 0 0 0 .19.459a.64.64 0 0 0 .65.19a4.6 4.6 0 0 0 1.358-.53c.888-.49 1.727-1.218 2.486-1.718c.27-.18.699-.379.998-.619a2 2 0 0 0 .53-.509a.69.69 0 0 0 0-.779a7.7 7.7 0 0 0-1.089-.998q-.885-.655-1.837-1.209a15 15 0 0 0-1.997-.998a.38.38 0 0 0-.57.23m3.625 2.805c0 .05.39.27.62.48l-.14.07c-.32.18-.68.34-.909.489c-.65.41-1.368.999-2.087 1.458c-.21.13-.41.25-.61.35l-.089-1.169l-.33-4.054l.12.08q.937.43 1.798.998q.853.6 1.627 1.298"/><path d="M20.753 14.442a.39.39 0 0 0-.419-.36a.37.37 0 0 0-.35.41l.22 6.13v1.119c.018.228-.016.456-.1.669c-.06-.07-.28.06-.519.09c-1.168.13-3.645.18-6.35.21c-4.634.05-9.986 0-10.506-.14c-.09 0-.37-.25-.529-.24a1 1 0 0 0 0-.17v-.998c0-.66-.19-3.904-.18-6.72a25 25 0 0 1 .18-3.515c0-.24.21-.45.16-.53a20.5 20.5 0 0 1 3.315-.4c2.217-.149 4.763-.229 5.462-.239a.35.35 0 0 0 .34-.35a.35.35 0 0 0-.35-.339c-.799 0-3.994 0-6.41.11a12 12 0 0 0-2.946.36a1.24 1.24 0 0 0-.44.659a10.5 10.5 0 0 0-.31 1.927C.753 15.12.883 20.353.923 21.212v1.198c.014.25.078.495.19.719a.9.9 0 0 0 .42.4q.402.191.838.289c3.628.212 7.264.239 10.894.08c2.756-.08 5.273-.23 6.46-.39c.32-.03.63-.114.92-.25c.27-.242.44-.577.479-.938a9 9 0 0 0 0-1.737z"/></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. MoviesHotTrendingIcon.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.