Home/Libraries/Freehand free icons (Iconify)/reorder-up

Freehand free icons (Iconify)

ReorderUp

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="M1.83 6.992c.202.204.458.346.739.41c.326.078.662.112.998.1q.671.012 1.339-.05c.64 0 1.278-.13 1.918-.17q.6.02 1.198-.05c.296-.042.566-.192.76-.42c.26-.34.426-.743.479-1.169q.08-.766.06-1.538a6.1 6.1 0 0 0-.43-2.996A2.4 2.4 0 0 0 7.023.049L5.795 0a8 8 0 0 0-1.199.16C3.737.34 2.908.63 2.03.75a.32.32 0 0 0-.34.249a7.5 7.5 0 0 0-.13 1.248v1.808c0 .36-.14 1.209-.11 1.868c-.003.39.131.769.38 1.069m.419-5.554c.849-.09 1.658-.32 2.497-.45Q5.276.884 5.815.87l.999.09a1.53 1.53 0 0 1 1.208.69c.256.785.318 1.621.18 2.436q.01.692-.08 1.379c0 .22-.08.599-.22.599H6.784l-3.197.33q-.34.03-.679 0a.7.7 0 0 1-.42-.15c-.13-.11-.13-.38-.14-.67V3.986c0-.589-.11-1.188-.13-1.778a8 8 0 0 1 .03-.799zM1.88 15.372a.9.9 0 0 0 .539.26q.615.037 1.228 0c.74.06 1.469.15 2.208.16a7.5 7.5 0 0 0 1.558-.14q.465-.075.909-.23c.265-.088.505-.239.699-.44c.18-.197.295-.444.33-.709q.03-.559 0-1.118c.12-1.126.12-2.26 0-3.386A2.4 2.4 0 0 0 8.5 8.27A1.74 1.74 0 0 0 7.504 8q-.885.042-1.758.18c-.49 0-.999.08-1.488.14c-.75.08-1.489.19-2.218.3a.3.3 0 0 0-.27.37a.2.2 0 0 0 0 .12v.09q-.105.469-.15.948c-.08.72-.09 1.448-.16 2.148a8.6 8.6 0 0 0-.06 2.107c.063.363.23.7.48.97m.419-3.046v-2.158q.027-.437.1-.869a.5.5 0 0 0 0-.11q.916-.09 1.848-.15c.619-.04 1.038-.05 1.518-.05c.31 0 .919-.09 1.458-.08c.22-.039.446-.01.65.08a1.86 1.86 0 0 1 .459 1.349a26 26 0 0 1-.16 2.737v1.079a.75.75 0 0 1-.35.19c-.21.06-.439.1-.629.14a7 7 0 0 1-1.328.149c-.72 0-1.429 0-2.148-.07c-.26 0-1.378.09-1.418-.18a15 15 0 0 1 0-2.057M9.37 16.98a1.13 1.13 0 0 0-.599-.6a2.9 2.9 0 0 0-.999-.139q-.62.006-1.238.08c-.47 0-.999.09-1.428.15c-1.1.15-2.198.35-3.287.5a.3.3 0 0 0-.27.339a.5.5 0 0 0 .06.15c-.14.839-.299 1.608-.389 2.407q-.104.865-.07 1.738c-.001.397.05.794.15 1.178c.093.345.31.644.61.84c.16.086.337.134.519.14h.769l2.347.1c.835.132 1.683.17 2.527.109a2.1 2.1 0 0 0 1.229-.63c.124-.154.219-.33.28-.519q.139-.49.16-.998q.09-.892.06-1.788c0-.6-.07-1.189-.14-1.758a4.4 4.4 0 0 0-.29-1.299m-.778 4.695c0 .17 0 .37-.07.56a.56.56 0 0 1-.1.289c-.23.197-.526.3-.83.29q-.976.014-1.947-.09H3.188l-.77.08a.68.68 0 0 1-.259-.44a5 5 0 0 1-.13-.8a9.6 9.6 0 0 1 0-1.587c.06-.8.18-1.578.29-2.417c.799-.07 1.608-.17 2.417-.24a24 24 0 0 1 1.868-.11q.58-.03 1.159 0c.212.005.422.05.619.13c.1 0 .09.19.12.32q.062.366.08.739c0 .549.07 1.108.07 1.678q.014.805-.06 1.608zm14.202-6.692a9.1 9.1 0 0 1-1.558 4.225a8.7 8.7 0 0 1-3.426 2.886a8.3 8.3 0 0 1-2.797.71a27.6 27.6 0 0 1-4.175-.07a.31.31 0 0 1-.29-.31a.3.3 0 0 1 .32-.29c1.354.046 2.71-.007 4.055-.16a7.4 7.4 0 0 0 2.467-.749a7.9 7.9 0 0 0 2.927-2.687a8.54 8.54 0 0 0 1.328-3.725A8.19 8.19 0 0 0 18.94 7.6a6.7 6.7 0 0 0-2.477-1.338a21.3 21.3 0 0 0-4.385-.74a.36.36 0 0 1-.3-.24a1 1 0 0 0 0 .17l.46.48l1.648 2.118a.304.304 0 0 1-.43.43l-1.997-1.759a5 5 0 0 1-.58-.56a1.07 1.07 0 0 1-.239-.558a2.17 2.17 0 0 1 .29-1.17c.258-.409.567-.785.919-1.118l1.048-.999a.35.35 0 0 1 .49 0a.34.34 0 0 1 0 .48l-.859 1.138a10 10 0 0 0-.55.88a1 1 0 0 0-.06.13a.33.33 0 0 1 .24-.07c1.538.05 3.068.253 4.565.609c1.04.27 2.013.752 2.857 1.418a9.13 9.13 0 0 1 3.216 8.08"/></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. ReorderUpIcon.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.