Hidden

Icons

Editor

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

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

Browse and search through all 536 available icons. Use the search functionality to quickly find the icons you need.

47 editor icons found

Bold

Brush

Color Fill

Color Swatch

Colors

Compass

Contrast

Crop

Drop

Dropper

Editor Tools

Eraser

Hand

Heading

Italic

Line Height

Line Space

Move

Opacity

Palette

Pencil

Pencil Line

Perspective

Reflect Horizontal

Reflect Vertical

Roller Brush

Ruler

Ruler Measure Horizontal

Ruler Measure Horizontal

Scissor

Scissor Cut

Strikethrough

Text

Text Align Center

Text Align Justify

Text Align Left

Text Align Right

Underline

Vector Arc

Vector Bezier

Vector Circle

Vector Spline

Vector Square

Vector Squircle

Vector Triangle

Zoom In

Zoom Out

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!