Pixelarticons

Vercel Pixel Art Icon

Vercel's brand icon for deployment badges, 'Deploy to Vercel' buttons and front-end hosting platform pages.

brands Pro 2 variants

Style variants

base

Outline · rounded 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 Vercel icon

The Vercel triangle logo, the mark of the platform-as-a-service optimized for Next.js and modern front-end frameworks. Use it on a 'Deploy to Vercel' one-click button, a hosting-provider comparison table next to Netlify and Cloudflare Pages, or a tech-stack badge row. Frontend developers associate the clean black triangle with serverless functions, edge deployments, and instant preview URLs. For a generic deploy or cloud action, a cloud-upload icon avoids the brand specificity.

Usage

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

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

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

Related icons