Home/Libraries/OpenMoji (Iconify)/swipe-up

OpenMoji (Iconify)

SwipeUp

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><circle cx="14.229" cy="31.724" r="4" fill="#92d3f5"/><path fill="#fcea2b" d="m61.47 44.012l-.733-.932l.516-.615l-14.022-11.766l-11.571 13.79l-12.79-10.731l-.118.14a3 3 0 0 0-.648-.784a3 3 0 0 0-3.857 4.596c.27.227.572.386.885.503l-.119.14L34.596 51.43l-.894-.468l-3.597.181l-3.948 3.527l.218 2.913l3.806.52l7.279.948l3.78 3.172l-.114.146l.912.524l1.217 1.02l.182-.216l.319.183l.908-.09l4.434 1.022l6.526-1.97l4.739-4.238l2.59-6.736z"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"><path d="M57.855 39.586c5.98 5.018 6.76 13.934 1.742 19.914s-13.934 6.76-19.914 1.743M57.28 39.104l-7.896-6.626m-4.054 4.439a3.006 3.006 0 1 1 4.055-4.44m-8.071 8.916a3.006 3.006 0 1 1 4.054-4.44"/><path d="M41.228 41.316a3.006 3.006 0 1 1 4.222-4.281m-8.337 8.725a3.006 3.006 0 0 1 4.152-4.35m-12.05 16.733a3.006 3.006 0 0 1-.42-5.998M18.527 38.013a3.007 3.007 0 0 1 3.865-4.606m14.697 12.332L22.392 33.407m-3.865 4.606l18.286 15.344m-5.48-1.278l-2.538.066m2.923 6.115c2.489-.1 5.263.634 8.088 3.086m-10.591-3.203l2.572.116M17.09 30.817a3 3 0 1 0-2.602 3.884m-1.022-10.149V7.466m-5.173 3.871l5.201-5.201m5.202 5.201l-5.202-5.201"/></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. SwipeUpIcon.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-SA-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.