Home/Libraries/Freehand free icons (Iconify)/ui-page-scroll

Freehand free icons (Iconify)

UiPageScroll

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="M17.502 8.004q.403-.643.9-1.22l.6-.779c.58-.71.41-.69.63-.19s.4.85.629 1.27q.215.436.49.84a.31.31 0 0 0 .43.11a.31.31 0 0 0 .12-.43a6 6 0 0 1-.3-.8c-.16-.45-.29-.9-.41-1.33a1.47 1.47 0 0 0-.95-1a1.1 1.1 0 0 0-1 .42l-.41.55l-.5.85l-.73 1.42a.29.29 0 0 0 .5.29m2.6 10.417l.5-.85l.71-1.47a.27.27 0 0 0-.035-.304a.3.3 0 0 0-.085-.066a.28.28 0 0 0-.38.12c-.13.22-.27.43-.42.64s-.31.39-.47.58l-.64.73c-.58.7-.41.68-.64.18s-.39-.84-.62-1.27q-.217-.435-.49-.84a.31.31 0 0 0-.43-.11a.31.31 0 0 0-.16.313a.3.3 0 0 0 .041.117q.204.402.34.83c.16.44.28.89.41 1.32a1.51 1.51 0 0 0 .95 1.05a1.11 1.11 0 0 0 1-.43z"/><path d="M22.91 2.476a2.6 2.6 0 0 0-1.83-1c-.91-.04-1.824 0-2.728.12c-2.8.11-5.569-.42-8.348-.59h-2.16a31 31 0 0 0-3.299.23c-.8.087-1.572.35-2.259.77a5.1 5.1 0 0 0-1.75 3.44c-.53 2.858-.06 6.657-.13 8.337a47 47 0 0 0-.4 5.598a3.64 3.64 0 0 0 .82 2.53a4 4 0 0 0 1.93.8c.95.13 1.91.196 2.87.2c1.199.08 2.408.09 3.598.08c2.79 0 5.569-.21 8.358-.19a.27.27 0 0 0 .205-.466a.3.3 0 0 0-.195-.084c-2.79-.07-5.579.07-8.368.06c-1.18 0-2.36 0-3.549-.14a25 25 0 0 1-2.78-.24a3.24 3.24 0 0 1-1.509-.64a2.78 2.78 0 0 1-.51-1.95c.048-1.844.208-3.683.48-5.508c.08-1.65-.31-5.399.19-8.198a4.13 4.13 0 0 1 1.34-2.76a4.65 4.65 0 0 1 1.82-.569a31 31 0 0 1 3.178-.22c2.79-.13 5.569.38 8.368.49h2.15a16 16 0 0 1 2.599-.16a1.76 1.76 0 0 1 1.18.59c.582.759.907 1.683.93 2.64a27.4 27.4 0 0 1-.44 4.578c-.09.8-.13 1.6-.16 2.4c-.08 1.849 0 3.698-.12 5.548v2c0 .393-.085.782-.25 1.139a1.33 1.33 0 0 1-.76.49a10.4 10.4 0 0 1-1.67.32a.314.314 0 0 0-.142.56a.3.3 0 0 0 .232.06a8 8 0 0 0 2.08-.44a1.68 1.68 0 0 0 .85-.67c.149-.329.24-.68.27-1.04c.1-.78 0-1.7.07-2.34c.11-1.849.11-3.698.2-5.548c0-.78.1-1.56.2-2.34c.304-1.558.482-3.14.529-4.728a5.34 5.34 0 0 0-1.09-3.159"/><path d="M15.722 14.533c0-1.32.11-2.65.14-4c.03-1.349 0-2.648.08-3.998c0-1.14.1-2.27.21-3.39a.28.28 0 0 0-.446-.256a.27.27 0 0 0-.104.187a59 59 0 0 0-.67 5.688c-.06.76-.11 1.52-.14 2.28c0 1.15-.06 2.29-.09 3.419c0 1.63-.15 3.339-.17 4.998c0 .74 0 1.47.08 2.18a.31.31 0 0 0 .33.3a.298.298 0 0 0 .29-.34v-2.11c.15-1.63.4-3.329.49-4.958m-2.249-4.529q.057-.885 0-1.77a8.6 8.6 0 0 0-.32-2.729a1.56 1.56 0 0 0-1.53-1h-.95l-1.279.1c-1 .1-2.11.3-3.17.39q-.662.075-1.329.06a.36.36 0 0 0-.32.39a.38.38 0 0 0 .3.42h1.39c1.06 0 2.12-.18 3.179-.23h2.15c.39 0 .61.15.72.4c.148.72.188 1.458.12 2.19v1.14q.015.229 0 .459c0 .05-.06.12 0 .15a.84.84 0 0 1-.42.1a7 7 0 0 1-1.12 0c-1.21 0-2.41.23-3.6.3a8 8 0 0 1-1.479 0a7.4 7.4 0 0 1-1.22-.14a.87.87 0 0 1-.59-.23a3 3 0 0 1-.22-1.59c0-1.13.26-2.389.31-2.939a.34.34 0 0 0-.23-.4c-.15 0-.29.1-.32.3q-.33 1.742-.45 3.51a3.3 3.3 0 0 0 .32 1.739c.178.26.428.462.72.58a6.7 6.7 0 0 0 1.55.34a9.5 9.5 0 0 0 1.59.12c1.19 0 2.379-.21 3.579-.17q.719.07 1.44 0c.3-.052.577-.191.799-.4a1.85 1.85 0 0 0 .38-1.09m-.91 4.579a.31.31 0 0 0-.24-.37a3.4 3.4 0 0 0-.65-.12c-.48-.06-1-.06-1.42-.11s-1.059-.11-1.589-.12q-.795-.045-1.59 0a23 23 0 0 0-3.138.51a.316.316 0 0 0 .07.63h6.198c.42 0 .94-.08 1.42-.08q.28-.024.56 0a.31.31 0 0 0 .362-.193a.3.3 0 0 0 .017-.147m-5.788 4.109l1.07-.07c.7 0 1.4-.1 2.119-.09c.36 0 .77-.05 1.16 0q.218-.006.43.05a.32.32 0 0 0 .18-.61a3 3 0 0 0-.54-.13c-.39-.06-.81-.07-1.17-.11a14 14 0 0 0-1.59-.14c-.534-.01-1.07.02-1.6.09c-1.05.165-2.086.412-3.098.74a.3.3 0 0 0-.21.34a.29.29 0 0 0 .33.21c.63-.09 1.24-.15 1.85-.19c.359-.07.709-.07 1.069-.09"/></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. UiPageScrollIcon.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.