Capsule Horizontal Pixel Art Icon
A horizontal capsule shape for pill buttons, tag chips, toggle switches and rounded UI element primitives.
Tags
capsulehorizontal
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Capsule Horizontal icon
A rectangle with fully rounded left and right ends oriented horizontally, commonly called a pill or capsule shape. It represents pill-shaped buttons, tag chips, status badges, and toggle-switch tracks in a design system or UI kit. Use it in a shape library, a component-type selector, or a design tool's primitives panel to denote this specific rounded rectangle variant. For the same shape oriented vertically, capsule-vertical is the paired counterpart.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/capsule-horizontal.svg" width="24" height="24" alt="Capsule Horizontal" />
<!-- React -->
import { CapsuleHorizontal } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="capsule-horizontal.svg" width="48" height="48" style="image-rendering: pixelated" />