Skip to content

Search htmltool.io

Search animations, patterns and icons

.dp-plus-minus

Plus & minus

A seamless SVG tile from the playful set. Recolor it below, then copy the snippet.
Controls
#1971c2
#
#e7f5ff
#
#f76707
#
48px
1.00

Details

Kind
SVG tile
Class
.dp-plus-minus
Properties
  • --dp-ink
  • --dp-paper
  • --dp-accent
  • --dp-size
  • --dp-opacity
Tile
48 × 48 px

Use it

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

<section class="dp-plus-minus">…</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.

Plus signs
Playfulsvg
Stars
Playfulsvg
Hugs & kisses
Playfulsvg
Arrows
Playfulsvg
Bow ties
Playfulsvg
Checkmarks
Playfulsvg
Confetti
Playfulsvg
Memphis
Playfulsvg
Sprinkles
Playfulsvg
Hearts
Playfulsvg