Hidden

Icons

Layout

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

23 layout icons found

Background

Columns

Distribute Horizontal

Distribute Vertical

Divider Horizontal

Divider Vertical

Frame

FrameSelection

Grid

Intersect

Layers

Layout

Position Bottom

Position Bottom Left

Position Bottom Right

Position Left

Position Right

Position Top

Position Top Left

Position Top Right

Rows

Table

Window

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!