Pixelarticons

Card Vertical Pixel Art Icon

A vertically oriented payment card for portrait-mode card displays, card-preview UIs, and mobile wallet layouts.

office Pro 4 variants

Tags

cardpaymentcreditdebitbankvertical

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.

About the Card Vertical icon

A card drawn in portrait (tall) orientation rather than the standard landscape layout. It suits mobile wallet apps that present cards upright, onboarding screens that preview a physical card design in its natural vertical hold, or any UI where a tall card thumbnail fits the grid better than a wide one. When the interface is desktop-first or when horizontal space is plentiful, the standard landscape card icon aligns better with user expectations.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/card-vertical.svg" width="24" height="24" alt="Card Vertical" />

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

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

Related icons