---
title: "Regular expression animated icon"
description: "Regular expression animated icon (Developer & version control). The pattern matches and repeats: the dot (any character) hops, and as it lands the star (repeat) clicks round one step like a ratchet counting the match. Light: one hop, one 60-degree click with a small overshoot. Strong: the star winds back as the dot rises, then two hops in decaying height, each landing clicking the star round another step, settling on the second. The star always ends on its drawn angle."
canonical: https://generativeicons.com/icons/regular-expression/
---

# Regular expression animated icon

The pattern matches and repeats: the dot (any character) hops, and as it lands the star (repeat) clicks round one step like a ratchet counting the match. Light: one hop, one 60-degree click with a small overshoot. Strong: the star winds back as the dot rises, then two hops in decaying height, each landing clicking the star round another step, settling on the second. The star always ends on its drawn angle.

- Id: `regular-expression`
- Category: Developer & version control
- Search terms: regex, regexp, pattern, pattern matching, match pattern, wildcard, dot star, grep, glob, string match, text pattern, any character
- One action, back to rest
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.com/assets/regular-expression.lottie (dotLottie, 3228 bytes, sha256 0e74047ca50483a606d203bff68234edec44f988f4b0538f6fb5fe67046b5586)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add regular-expression
```

## React

```tsx
// npm install @lottiefiles/generative-icons-react
'use client';
import { AnimatedIcon } from '@lottiefiles/generative-icons-react';
import icon, { src } from './generative-icons/regular-expression.mjs';

export function RegularExpressionIcon() {
  return <AnimatedIcon icon={icon} src={src} size={32}
    color="#ffffff" variant="outline" weight={2}
    motion="light" theme="dark" />;
}
```

## JavaScript

```js
import { createIcon } from '@lottiefiles/generative-icons-runtime';
import icon, { src } from './generative-icons/regular-expression.mjs';

const handle = await createIcon(canvas, {
  icon, src,
  color: '#ffffff', style: 'outline', weight: 2,
  motion: 'light', theme: 'dark'
});
button.addEventListener('click', () => handle.play());
// On removal: handle.destroy();
```

More: https://generativeicons.com/icons/regular-expression/ · https://generativeicons.com/api/icons/regular-expression