55 new icons just landed, every one from your searches. See what's new →
Pixelarticons

CSS Pixel Art Icon

A plain CSS marker for stylesheet files, style panels, and theme settings.

Development Pro 4 variants

Tags

cssstylesheetfile

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 4600 pixel art icons: every style, full SVG source, one-time license.

Whole team? Team Unlimited covers everyone.

Get Pro

About the CSS icon

The unbranded counterpart to the css3 shield, for interfaces that want a file or feature marker rather than a logo. Use it on a stylesheet in a file tree, a 'custom CSS' field in a settings panel, a theme editor tab, or a build output listing.

Usage

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

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

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

Related icons