268 new icons just landed, and every Heroicons and Feather icon is covered. See what's new →
Pixelarticons

Path Pixel Art Icon

A curved vector path with anchor points at both ends, for path tools, vector editing and SVG workflows.

Design Pro 4 variants

Tags

pathcurvevector

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

This is a Pro icon.

Get it with all 5504 pixel art icons: every style, full SVG source, one-time license.

Whole team? Team Unlimited covers everyone.

Get Pro

About the Path icon

A curve that runs from one square anchor point to another. Use it for a path or vector tool in a design app, a 'Convert to path' command, or an animation path setting. The anchor squares make it read as editable geometry, not a road. For drawing new paths, pen-tool is the matching tool icon.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/path.svg" width="24" height="24" alt="Path" />

<!-- React -->
import { Path } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="path.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons

By Gerrit Gerrit Halfmann