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

OpenMoji (Iconify)

SwipeRight

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="33" cy="12" r="4" fill="#92d3f5"/><g fill="#fcea2b"><path d="M39.955 36.82a2.38 2.38 0 0 1 2.377 2.377v.632h-4.76v-.626a2.385 2.385 0 0 1 2.383-2.384Zm5.855.2a2.38 2.38 0 0 1 2.377 2.378v.632h-4.761v-.626a2.385 2.385 0 0 1 2.383-2.383Zm8.222 3.613l-4.067.062v-1.403c0-1.316.807-1.966 2.123-1.966l.157-.022c.938.067 1.787.563 1.787 1.877z"/><path d="m29.152 56.928l1.567 2.285c.137.2.309.373.507.513l4.546 3.207c.257.182.553.301.864.35l4.718.558c.344.053 2.37-.149 2.697-.27l3.188-1.377c.258-.096 1.871-1.178 2.07-1.368l1.966-2.042c.115-.11 1.06-1.495 1.146-1.628l.915-1.917c.19-.29.39-1.049.414-1.396l.29-1.513c.003-.049.173-1.5.173-1.55l.102-8.955a2.04 2.04 0 0 0-2.006-2.036l-14.076-.24a2.04 2.04 0 0 1-2.006-2.038l-.028-16.983l-.064-.144c.112-.314.037-.398.048-.75c.04-1.294-.65-2.28-2.06-2.363c-.826-.049-2.198.771-2.235 1.804c-.013.352-.094.67.018.984l-.036 1.604l-.045 19.034l-.99-1.27a2 2 0 0 0-.114-.134L28.778 37.2a2.04 2.04 0 0 0-1.092-.612l-2.246-.454a2.04 2.04 0 0 0-1.257.146l-.721.332a2.042 2.042 0 0 0-.83 3.01l3.402 4.956q.186.271.277.586l.694 2.386q.05.174.07.354l.435 4.1q.01.105.033.21l.373 1.753q.038.182.11.355l.923 2.232q.081.197.203.375Z"/></g><g stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M40.568 11.595s7.21 0 14.42 4.807"/><path fill="none" d="m54.624 10l1.307 7.239m-7.239 1.307l7.239-1.307m-.911 33.308c0 7.806-6.328 14.135-14.135 14.135S26.75 58.353 26.75 50.547m28.271-.751V39.488m-6.006-.252a3.006 3.006 0 1 1 6.007.252m-12.018-.452a3.006 3.006 0 0 1 6.008.252"/><path fill="none" d="M43.008 38.921a3.006 3.006 0 0 1 5.993.482m-12.041-.777a3.007 3.007 0 0 1 6 .384m-20.564 1.526a3.006 3.006 0 0 1 4.325-4.178m4.225-16.95a3.006 3.006 0 1 1 6.013 0m0 19.186V19.408m-6.013 0V43.28m-2.543-5.02l-1.682-1.902m-2.806 6.17c1.677 1.842 2.897 4.439 2.835 8.18m-4.354-10.173l1.565 2.045m11.566-28.962a3 3 0 1 0-4.648.503"/></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. SwipeRightIcon.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.