Home/Libraries/OpenMoji (Iconify)/playground-slide

OpenMoji (Iconify)

PlaygroundSlide

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"><path fill="#fff" d="M17.419 28.499L9.931 52.603l9.884-.064l5.371-18.18l-3.44-7.328z"/><path fill="#d22f27" d="m29.243 22.941l1.764-6.88l.015-.07a4.59 4.59 0 0 1 2.379-3.14c1.985-.88 4.13.52 4.804 3.14l1.819 7.09l13.874 22.58a8.12 8.12 0 0 0 6.759 4.24h2.364a1.92 1.92 0 0 1 1.607 2.12l-.076 4.787c0 1.105-.659 2.483-1.763 2.483h-2.824l-.08-4.795h-.516a10.72 10.72 0 0 1-9.13-5.097L36.446 27.031H27.16l1.124-4.373z"/><path fill="#d0cfce" d="m42.095 48.973l-3.158-3.735l-10-16.274v-1.933h7.51s9.492 13.544 12.46 18.358c1.919 3.111 2.973 5.03 4.743 6.25a30 30 0 0 1 2.823 2.858h3.413v4.79H47.479l2.447-2.984v-4.402a2 2 0 0 0-2-2z"/><path fill="#ea5a47" d="M21.746 27.03h-8.252l2.811-10.97l.015-.07a4.59 4.59 0 0 1 2.38-3.14c1.985-.88 4.13.52 4.804 3.14l1.818 7.09l13.875 22.58a8.12 8.12 0 0 0 6.759 4.24H49c.512 0 .926.415.926.927v6.55a.926.926 0 0 1-.926.926l-.983.933H41.46z"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M24.861 37.751L18.52 58.303m-2.49-28.06l-8.658 28.06M22.138 33.84h-6.712m8.169 6.436H13.441m8.169 6.435H11.455m8.17 6.436H9.47m38.649-7.185L36.447 27.031h-8.332m25.088 31.272h6.682v-3.806h-.516c-1.937 0-3.839-.525-5.502-1.519"/><path d="m29.243 22.941l1.764-6.88l.015-.07a4.59 4.59 0 0 1 2.379-3.14c1.985-.88 4.13.52 4.804 3.14l1.819 7.09l13.874 22.58a8.12 8.12 0 0 0 6.759 4.24h1.97a2 2 0 0 1 2 2v4.402a2 2 0 0 1-2 2h-2.742"/><path d="M21.746 27.03h-8.252l2.811-10.97l.015-.07a4.59 4.59 0 0 1 2.38-3.14c1.985-.88 4.13.52 4.804 3.14l1.818 7.09l13.875 22.58a8.12 8.12 0 0 0 6.759 4.24h1.97a2 2 0 0 1 2 2v4.403a2 2 0 0 1-2 2h-6.904z"/></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. PlaygroundSlideIcon.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.