Browser Swipe Icon
Browser window with left and right arrows inside, for swipe gestures, carousels and horizontal page navigation. Available in 4 styles (outline, solid, duotone and filled) as a React component you install with the shadcn CLI.
Preview
- 16px
- 20px
- 24px
- 32px
Install and code
Browser Swipe icon in shadcn/ui components
Button
Icon button
Button group
Dropdown menu
Input group
Sidebar
Browser Swipe icon FAQ
What does this icon show?
Browser window with left and right arrows inside, for swipe gestures, carousels and horizontal page navigation. Typical uses: carousel settings label, horizontal swipe hint in onboarding and switch between browser pages or tabs.
When should I use it instead of a similar icon?
Use it for:
- Coach marks on mobile web pages that teach a sideways swipe to the next page or step
- A gestures setting that turns swipe back and forward on or off in a reader or web app
- Tab switchers in browser-style apps that slide between open pages side to side
For a view source toggle on a web page preview or embed, use the Code icon. For a carousel block in a page builder's insert list, use the Slider Horizontal icon. For flipping 2 values, like the from and to currencies in a converter, use the Arrow Right Left icon.
Which styles does it come in?
4 styles: Outline, Solid, Duotone and Filled. Every style is drawn on the same 24 by 24 grid and installs as its own file, so you can switch styles without touching the layout.
How do I install it with the shadcn CLI?
Copy the install command from the panel above, in the style you want, and run it in your project. The shadcn CLI adds the icon as a React component that you import and render like any other. It draws in the current text color, so your text color and size classes style it. Icon installs need a ReUI Ultimate license.
What icons go well with it?
Icons from the same family and the Layout set: Burger Menu, Category, Circles Four, Circles Nine, Dots Circle and Dots Circle Vertical.
When was it added?
It joined the ReUI icon library on August 6, 2026.
Icons related to Browser Swipe
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Ultimate license.
When to use
- Coach marks on mobile web pages that teach a sideways swipe to the next page or step
- A gestures setting that turns swipe back and forward on or off in a reader or web app
- Tab switchers in browser-style apps that slide between open pages side to side
When not to use
- A view source toggle on a web page preview or embed: use the Code icon
- A carousel block in a page builder's insert list: use the Slider Horizontal icon
- Flipping 2 values, like the from and to currencies in a converter: use the Arrow Right Left icon
Agent notes
- Name an icon-only button with its label, "Swipe navigation", as the aria-label
Markdown
https://reui.io/icons/preview/browser-swipe.mdMCP
get_icon("browser-swipe")Install
npx shadcn@latest add @reui/icons/default/duotone/browser-swipeStart building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.