Home/Libraries/Freehand free icons (Iconify)/escalator-ascend-person

Freehand free icons (Iconify)

EscalatorAscendPerson

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="M23.992 5.011a1.3 1.3 0 0 0-.37-.829a1.7 1.7 0 0 0-.709-.37a8 8 0 0 0-1.448-.09c-.75 0-1.948-.059-2.907 0a7 7 0 0 0-1.328.11a2.8 2.8 0 0 0-1.08.65c-.828.75-1.917 2.078-2.756 2.837c-.999.999-1.998 1.928-2.997 2.937a39 39 0 0 0-1.877 2.127c-.6.74-1.07 1.398-1.689 2.118q-.528.62-1.138 1.158c0-.08-.28 0-.49 0H3.365a7.4 7.4 0 0 0-1.218.08a3.8 3.8 0 0 0-1.129.26a1.15 1.15 0 0 0-.51.42a2.7 2.7 0 0 0-.459 1.178a10 10 0 0 0-.03 1.598a9.1 9.1 0 0 0 .26 2.797c.137.482.447.898.869 1.169c.216.112.449.19.69.23q.455.075.918.08h3.926a3.8 3.8 0 0 0 .999-.15a2.3 2.3 0 0 0 .699-.39q.405-.337.759-.73l2.127-2.147c1.2-1.398 1.998-2.607 2.897-3.745c.23-.29.07-.09 1.608-1.898c.63-.75 1.199-1.518 1.938-2.368q.469-.568.999-1.078c.201-.205.438-.37.7-.49a2.2 2.2 0 0 1 .728-.16q.632.013 1.259.1c.443.07.892.086 1.338.05a1 1 0 0 0 .74-.43c.267-.45.43-.955.479-1.478q.06-1.058 0-2.117q.068-.713.04-1.429m-.9 3.447a2.6 2.6 0 0 1-.329 1.128c-.08.12-.27.09-.45.09c-.329 0-.658 0-.868-.06c-.55 0-.93-.1-1.339-.08c-.343.021-.68.099-.999.23c-.341.17-.652.396-.918.67q-.535.544-1 1.148c-.728.869-1.288 1.658-1.907 2.417c-.27.33-1.418 1.548-1.668 1.848c-.93 1.119-1.718 2.307-2.937 3.676L8.52 21.623q-.317.333-.67.629a1.6 1.6 0 0 1-.45.24a3 3 0 0 1-.748.1H5.353l-2.547-.1a5.4 5.4 0 0 1-.789-.08a1 1 0 0 1-.37-.13a1.3 1.3 0 0 1-.509-.94a12.5 12.5 0 0 1-.06-2.157q-.051-.72 0-1.438c.036-.273.143-.531.31-.75a.42.42 0 0 1 .26-.12c.2-.049.429-.049.619-.089c.999-.15 2.607.05 3.366 0a1.3 1.3 0 0 0 .66-.22q.741-.61 1.358-1.348c.629-.72 1.208-1.508 1.718-2.138c.509-.629 1.188-1.378 1.818-2.077c.998-1 1.997-1.998 2.996-2.907c.71-.67 1.608-1.758 2.377-2.527a3 3 0 0 1 .9-.75q.766-.095 1.538-.08h2.457q.544-.03 1.089 0a.9.9 0 0 1 .449.17c.08.07.07.23.08.39V6.46q.06 1.003 0 2.008z"/><path d="M6.282 6.61c.11.05.22.08.33.12a5 5 0 0 0-1.239 2.107a9.5 9.5 0 0 0-.17 3.616a.3.3 0 0 0 .527.186a.32.32 0 0 0 .083-.216a10 10 0 0 1 .42-2.737q.156-.514.389-.999a4 4 0 0 1 .859-1.228a1.39 1.39 0 0 1 1.528-.34a1.41 1.41 0 0 1 .949 1.329a.35.35 0 1 0 .69 0a2.22 2.22 0 0 0-1-2.098c.445-.287.82-.669 1.099-1.119c.42-.647.593-1.423.49-2.187a2.23 2.23 0 0 0-1.469-1.728a.34.34 0 0 0-.45.17a.35.35 0 0 0 .17.459a1.48 1.48 0 0 1 .85 1.239a2.35 2.35 0 0 1-.47 1.538a2.7 2.7 0 0 1-1.428.999a2.3 2.3 0 0 1-1.638-.14a1.51 1.51 0 0 1-.88-1.469a3.77 3.77 0 0 1 .64-1.997c.212-.332.508-.6.859-.78a1.09 1.09 0 0 1 .999 0a.29.29 0 0 0 .41-.1a.29.29 0 0 0-.07-.409a1.67 1.67 0 0 0-1.3-.26a2.8 2.8 0 0 0-1.577 1a4.34 4.34 0 0 0-1 3.086a2.47 2.47 0 0 0 1.4 1.958m16.031 9.639a1.25 1.25 0 0 0-.4-.6a1.2 1.2 0 0 0-.589-.22a7 7 0 0 0-.81 0h-1.378l-.919-.05a.31.31 0 0 0-.36.24a.31.31 0 0 0 .24.35c.4.11.78.21 1.18.3s.798.16 1.188.22h.28a31 31 0 0 0-2.058 1.747c-.34.31-.68.63-.999 1c-.32.369-.63.668-.929.998c-.709.81-1.358 1.638-2.078 2.437a.304.304 0 0 0 .42.44a33 33 0 0 0 2.777-2.427c.53-.51.999-1.05 1.508-1.589c.64-.699 1.269-1.398 1.928-2.077v.13q.106.494.15.998c0 .54.06 1.08.14 1.609a.34.34 0 0 0 .679 0c0-.63.11-1.239.14-1.868a8 8 0 0 0 0-.86q-.001-.397-.11-.778"/></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. EscalatorAscendPersonIcon.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.