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

Freehand free icons (Iconify)

FlipUp

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="M21.586 12.649a.28.28 0 0 0-.28.29c0 1.208.05 2.707 0 4.136q-.024 1.36-.22 2.708q-.044.698-.209 1.379a1.4 1.4 0 0 1-.4.6a4.6 4.6 0 0 1-1.788.529c-1.613.223-3.238.35-4.866.38c-2.128.06-4.407 0-6.315 0A25 25 0 0 1 3.4 22.3a2.7 2.7 0 0 1-1.299-.8a3.05 3.05 0 0 1-.7-1.389q-.208-1.276-.249-2.568c-.09-1.998 0-3.936 0-3.936a.33.33 0 0 0-.65 0s-.11 1.998-.08 3.996q-.002 1.315.16 2.618c.13.663.426 1.281.86 1.799a3.57 3.57 0 0 0 1.698 1.13a23.3 23.3 0 0 0 4.327.52c1.938.1 4.246.14 6.405.06a39 39 0 0 0 4.286-.37a6.45 6.45 0 0 0 2.908-.93c.31-.264.538-.61.66-.999a9.5 9.5 0 0 0 .19-1.528q.114-1.407.07-2.818c0-1.449-.1-2.938-.15-4.157a.28.28 0 0 0-.25-.28"/><path fill="#818cf8" d="M23.665 10.69c-.56.05-1.11.08-1.669.11q.142-.442.22-.9q.066-.497.05-.998c0-.51-.1-1-.15-1.53a.32.32 0 0 0-.31-.339a.31.31 0 0 0-.33.31c-.09.5-.18.999-.24 1.479a6 6 0 0 0-.07.62v1.448c-.709 0-1.428.06-2.137.07h-4.597v-.58a7.44 7.44 0 0 0-1.638-3.747h.15c.37.13.759.27 1.139.44q1.159.52 2.258 1.16a.3.3 0 0 0 .4-.08a.29.29 0 0 0-.08-.4a16.6 16.6 0 0 0-2.668-1.84a5.9 5.9 0 0 0-2.139-.678a.62.62 0 0 0-.57.44l-.11.409l-.289.79q-.204.451-.49.858c-.3.43-.649.84-.999 1.28a.33.33 0 1 0 .51.41c.43-.48.89-.9 1.289-1.39q.28-.335.51-.71l.29-.559a6.9 6.9 0 0 1 1.338 3.637v.45h-1.798c-3.368-.07-6.725-.14-10.052-.15c.05-.28.1-.55.13-.83q.04-.263.05-.529q.015-.264 0-.53c0-.43-.12-.819-.16-1.248a.29.29 0 0 0-.474-.243a.28.28 0 0 0-.096.193q-.178.6-.29 1.219q-.021.27 0 .54a3.4 3.4 0 0 0 0 .549q.033.422.11.84h-.42a.32.32 0 0 0-.329.369a.34.34 0 0 0 .32.33c.38 0 7.444.43 8.403.48q2.295.12 4.606.149v.33a11.6 11.6 0 0 1-.4 1.838a9.5 9.5 0 0 1-2.218 3.847a.28.28 0 0 0 0 .4a.28.28 0 0 0 .4 0a9.6 9.6 0 0 0 2.808-3.917c.249-.643.42-1.314.51-1.998v-.46a67 67 0 0 0 9.312-.69a.3.3 0 0 0 .25-.32a.28.28 0 0 0-.33-.329M19.218.908c.55.113 1.078.308 1.57.58q.264.138.469.36a2 2 0 0 1 .34.459c.253.483.403 1.014.439 1.559a.29.29 0 0 0 .58 0a4.3 4.3 0 0 0-.06-1.999a2.2 2.2 0 0 0-.52-.83a2.4 2.4 0 0 0-.81-.509a5.8 5.8 0 0 0-1.918-.3a.34.34 0 0 0-.32.31a.34.34 0 0 0 .23.37m-6.344.39c.43.08.839.18 1.268.25q.274.045.55.06q.27.021.54 0c.44 0 .849-.09 1.289-.12a.28.28 0 0 0 .31-.26a.29.29 0 0 0-.25-.31c-.43-.13-.84-.26-1.27-.35a5.3 5.3 0 0 0-1.109-.06c-.44 0-.859.08-1.299.13a.32.32 0 0 0-.34.31a.33.33 0 0 0 .31.35m-5.495.03c.35.05.68.13 1 .17h.439q.225.015.45 0c.36-.06.679-.17.999-.25a.29.29 0 1 0 0-.58c-.27-.07-.62-.17-.98-.22q-.225-.015-.45 0a3 3 0 0 0-.439 0c-.36 0-.69.14-.999.21a.34.34 0 0 0-.4.38a.33.33 0 0 0 .38.29M1.153 4.495a.31.31 0 0 0 .36-.28a5.1 5.1 0 0 1 .65-1.678c.106-.192.248-.362.419-.5q.257-.195.56-.31a7.2 7.2 0 0 1 1.798-.43a.29.29 0 0 0 .28-.26a.29.29 0 0 0-.29-.279a6.6 6.6 0 0 0-2.098 0a2.27 2.27 0 0 0-1.569 1.28a5.2 5.2 0 0 0-.39 2.097a.32.32 0 0 0 .28.36"/></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. FlipUpIcon.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.