.dp-punch-card
Punch card
A seamless SVG tile from the tech set. Recolor it below, then copy the snippet.
Details
- Category
- Tech / Data
- Kind
- SVG tile
- Class
- .dp-punch-card
- Properties
- --dp-ink
- --dp-paper
- --dp-accent
- --dp-size
- --dp-opacity
- Tile
- 120 × 120 px
Use it
punch-card.html
<link rel="stylesheet" href="https://cdn.htmltool.io/patterns/1.0.0/css/patterns/punch-card.min.css">
<section class="dp-punch-card">…</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.