Skip to content

Search htmltool.io

Search animations, patterns and icons

.dp-hexagons

Hexagons

A seamless SVG tile from the geometric set. Recolor it below, then copy the snippet.
Controls
#f59f00
#
#fff9db
#
28px
1.00

Details

Kind
SVG tile
Class
.dp-hexagons
Properties
  • --dp-ink
  • --dp-paper
  • --dp-size
  • --dp-opacity
Tile
24.24871130596428 × 42 px

Use it

hexagons.html
<link rel="stylesheet" href="https://cdn.htmltool.io/patterns/1.0.0/css/patterns/hexagons.min.css">

<section class="dp-hexagons">…</section>

Want the tile inline, with no request? Copy it as a data URI at its default colors.

Press C while the code is focused to copy.

Rounded squares
Geometricsvg
Nested squares
Geometricsvg
Bauhaus blocks
Geometricsvg
Twisted squares
Geometricsvg
Harlequin
Geometriccss
Triangles
Geometriccss
Isometric cubes
Geometricsvg
Overlapping rings
Geometricsvg
Lozenges
Geometricsvg
Pinwheel quilt
Geometricsvg