Skip to content
</>
htmltool
.io
Animations
Patterns
Icons
Docs
Search
⌘K
Search htmltool.io
Search animations, patterns and icons
Sign in
Sign up
Patterns
Patterns
Seamless tiles you recolor with four CSS variables: ink, paper, accent and size.
Loading patterns…
Patterns · 243
Patterns
Seamless tiles you recolor with four CSS variables: ink, paper, accent and size.
Stripes
Lines
css
Crosshatch
Lines
css
Zig-zag
Lines
svg
Waves
Lines
svg
Double stripes
Lines
css
Triple pinstripe
Lines
css
Candy cane
Lines
css
Ticking
Lines
css
Barcode
Lines
css
Regimental
Lines
css
Awning
Lines
css
Fade steps
Lines
css
Racing stripes
Lines
css
Duotone bands
Lines
css
Soft stripes
Lines
css
Corduroy
Lines
css
Satin sheen
Lines
css
Neon tubes
Lines
css
Dashed hatch
Lines
svg
Basket hatch
Lines
svg
Engraved lines
Lines
svg
Running stitch
Lines
svg
Sketch hatch
Lines
svg
Phase waves
Lines
svg
Coil loops
Lines
svg
Double helix
Lines
svg
Scalloped rows
Lines
svg
Ocean curls
Lines
svg
Chevron
Lines
css
Sawtooth
Lines
svg
Zig-zag bands
Lines
svg
31 patterns
Any kind
31
CSS
17
SVG
14
All
Lines
31
Checks & Plaids
16
Textiles
19
Dots
19
Grids
12
Geometric
22
Stars & Moorish
14
Japanese
19
Generative
14
Nature
21
Playful
22
Architecture
22
Tech
12