Pixelarticons

Regex Pixel Art Icon

A regex icon for regular-expression search fields, pattern-match toggles, text-filter modes, and validation rules.

development 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 Regex icon

Punctuation characters (often a dot, asterisk, or brackets) representing a regular expression pattern. Text editors, search fields, and form validators use it to toggle regex mode, enabling pattern-based matching instead of literal string search. It is a recognizable signal to developers that a field accepts regular expression syntax. For plain text search without pattern matching, a magnifier icon is more appropriate; regex is best reserved for contexts where the user specifically needs to know pattern matching is available or active.

Usage

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

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

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

Related icons