Hidden

Icons

Arrows

Use these arrow icons in your projects to enhance visual appeal and user experience.

47 arrows icons found

Align Bottom

Align Left

Align Right

Align Top

Backward Down

Backward Up

Center Horizontal

Center Vertical

Chevron Down

Chevron Down Left

Chevron Down Right

Chevron Left

Chevron Right

Chevron Up

Chevron Up Left

Chevron Up Right

Chevrons Down

Chevrons Down Left

Chevrons Down Right

Chevrons Left

Chevrons Right

Chevrons Up

Chevrons Up Left

Chevrons Up Right

Corner Down Left

Corner Down Right

Corner Left Down

Corner Left Up

Corner Right Down

Corner Right Up

Corner Up Left

Corner Up Right

Enlarge

Forward Down

Forward Up

Infinite

Reduce

Reload

Rotate

Selector Horizontal

Selector Vertical

Swap Horizontal

Swap Vertical

Transfer Horizontal

Transfer Vertical

Trend Down

Trend Up

Quick Start

You can use it as a React Component by installing it via NPM:

pnpm

pnpm add @inpulse-ui/icons

bun

bun add @inpulse-ui/icons

yarn

yarn add @inpulse-ui/icons

npm

npm install @inpulse-ui/icons

Just copy the React name of the icon by clicking on its title, above. Then, import the icon into your React project like so:

import { Infinite } from '@inpulse-ui/icons';

<Infinite className="w-6 h-6" />

Or use it as SVG in Figma. Just copy the SVG code by clicking the icon you intend to use, above. Then, paste it onto the Figma canvas to use it in your designs.

For extra details, please check the Getting Started guide.

Notes

Inpulse UI Icons is a curated list of icons from explicit Open Source libraries like Iconoir and Tabler, as well as some specially designed by us - exclusively available on this project. Absolutely all icons were reviewed to keep the consistency of the collection and optimized for the smallest possible file size. Feel free to explore and use them in your projects!