The Custodians v0.6.1 — full system

A Foundry VTT game system: Basic Roleplaying d100 in a drab British agency that
deals with crossings, where reality keeps a record of what belongs where and can be
made to get it wrong.

Contents:
- rules.mjs as the single authority for every rule formula, with 40 rules and 132
  spot-checked values. Nothing may restate a formula it defines.
- 25 postings, each with a key characteristic, trained skills, talents and its own
  kit; a 175-item catalogue across four eras; 231 generated icons.
- Reaction Lanes initiative, re-rolled every round including the first.
- Coherence, and the Quiet Arts, which only ever arrive from a crossing gone wrong.
- Graded defences: only a critical stops a critical.
- Borrowed Authority — access as a record rather than a hacking roll.
- A case generator, and a rules journal generated from rules.mjs so the book cannot
  drift from the code.

Built compendia are committed so a remote Foundry needs only the files.
node_modules is not; `npm install` restores it for rebuilding content.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
slaguru666
2026-08-10 18:09:07 +01:00
co-authored by Claude Opus 5
commit d0144f744e
367 changed files with 20195 additions and 0 deletions
+9
View File
@@ -0,0 +1,9 @@
# Restorable with `npm install` — the pack builder needs classic-level.
node_modules/
# LevelDB runtime locks. The pack DATA is committed on purpose (see README):
# a remote Foundry needs the built compendia, and building them requires Node.
packs/*/LOCK
# macOS
.DS_Store
+10
View File
@@ -0,0 +1,10 @@
RingBRP system code and data: © 2026 Tim Evans.
Built on Basic Roleplaying: Universal Game Engine, © Chaosium Inc., used under the ORC License.
The setting content in the compendia and language file derives from study of Larry Niven's
Known Space fiction and the 1984 Chaosium Ringworld roleplaying game. Ringworld and Known Space
are the intellectual property of Larry Niven; the 1984 game material is © Chaosium Inc.
This system is a private study implementation and is not licensed for distribution as a
Ringworld product. The mechanics layer is deliberately architected to be separable from the
setting layer so that an original setting can replace it.
+169
View File
@@ -0,0 +1,169 @@
# THE CUSTODIANS
*A Basic Roleplaying game of crossings, as a Foundry VTT system.*
A drab British government agency deals with **crossings**. Reality keeps a record of
what belongs where, and it can be made to get it wrong. Agents are civil servants:
they carry warrant cards and cordon tape, they file in triplicate, and the thing that
makes them dangerous is that they know how the record works.
The tone is bureaucratic horror. Most cases close with an arrangement rather than a
fight, and the supernatural is a filing error somebody committed on purpose.
---
## Installing
**In Foundry:** *Game Systems → Install System → Manifest URL*
```
https://gitea.timevans.uk/slaguru666/RingBRP/raw/branch/main/system.json
```
**Or by hand:** clone this repository into your Foundry data directory as
`Data/systems/ringbrp`, then restart Foundry.
```bash
git clone https://gitea.timevans.uk/slaguru666/RingBRP.git ringbrp
```
Requires **Foundry v13+** (verified against v14.364). No modules are required. Dice So
Nice is supported but optional — the system registers four of its own dice textures.
### Deploying to a remote Foundry server
The built compendia in `packs/` **are committed on purpose**, so a remote server needs
nothing but the files:
```bash
cd /path/to/foundrydata/Data/systems
git clone https://gitea.timevans.uk/slaguru666/RingBRP.git ringbrp
# restart Foundry
```
`node_modules/` is *not* committed. You only need it if you intend to rebuild the
packs or regenerate art on that machine:
```bash
npm install # pulls classic-level, used to write the LevelDB packs
npm run build # rebuilds packs/ from tools/content.mjs
npm run check # the three guards; the build refuses to run if they fail
```
To update a deployed server: `git pull` and restart Foundry. If the pull touches
`packs/`, Foundry must be **stopped** first — LevelDB will not tolerate its files
changing underneath a running server.
---
## What is in the box
| | |
|---|---|
| **Roles** | 25 postings, each with a key characteristic, trained skills, talents and its own kit |
| **Catalogue** | 175 items — 118 gear, 30 weapons, 13 armour, 14 vehicles |
| **Eras** | modern, antique, future, anomalous — the agency is old and never abolishes anything |
| **Icons** | 231, all generated from `tools/icons.mjs`; no external art |
| **Compendia** | pregens, NPCs, skills, weapons, armour, gear, vehicles, powers, tables, rules, a starter case |
| **Rules journal** | 8 pages, generated from `rules.mjs` so the book cannot drift from the code |
---
## The rules, in brief
**d100 roll-under**, banding into critical / special / success / failure / fumble.
96–99 always fail, 00 always fumbles, and every skill has a 1% floor.
**Reaction Lanes** replace Strike Rank. Initiative is
`3 × max(⌈DEX/3⌉, ⌈readiness/10⌉)` less carried load, plus a d6, **re-rolled every
round** — including the first, so the opening round is ordered like every other.
**Coherence** runs 10 → 0 and measures how well-filed an agent is in reality. It bands
into Anchored / Loose / Adrift / Unmoored / Displaced, and spending it is how the
supernatural works.
**The Quiet Arts** are deliberate misfilings, not spells. They cost Coherence, and
they **only ever arrive from a crossing that goes wrong**.
**Defences are graded.** A defence stops a blow of its own quality or worse outright;
against something better it only reduces it by as many steps as it was outclassed by.
Only a critical stops a critical.
**Access is a record.** There is no hacking skill and nothing to break into — see
below.
---
## Borrowed Authority — the access subsystem
Deliberately not cyberpunk. Nobody jacks into anything.
What an agent has is a **named credential** belonging to somebody real, with a
**scope** of things that person could plausibly do, a **Trust** that erodes as it is
used, and **red flags** describing how the real owner behaves.
- **Inside its scope there is no roll.** A facilities contractor opening a plant room
is not intrusion, it is Tuesday. It costs 1 Trust and it works.
- **One tier beyond is a stretch** — roll, at −20 for each red flag you break. The
system is not testing whether you are clever. It is testing whether you are
behaving like the person whose name is on the record.
- **Two tiers beyond is impossible at any skill.** No percentage on any sheet gets a
contractor issuing accounts.
- A **fumble burns** the credential, and somebody real is going to be asked about it.
A credential is assembled, not found: up to **three dossier items, each a separate
scene using a different skill, at most one of them at a keyboard**. Items make the
credential better, never the roll easier.
**AI** is a posture on the target rather than an opponent — a *gatekeeper* raises what
counts as routine, an *analyst* writes a new red flag every time you stretch, an
*asset* stands in for a dossier item.
And you may spend **Coherence** to widen a scope, because reality can be made to
remember that the person always held that duty. It works. It always works. Push a
credential past what its Trust will carry and your file and theirs converge one step,
and nothing in this game spends anything to converge them back.
---
## Repository layout
```
ringbrp.mjs the system: sheets, engine, hooks (~4,900 lines)
rules.mjs THE SINGLE AUTHORITY for every rule formula
system.json Foundry manifest
template.json data model for every Actor and Item type
templates/ Handlebars sheets
styles/ one stylesheet
lang/en.json all user-facing text
icons/ dice/ fonts/ generated art
packs/ built LevelDB compendia (committed — see Deploying)
tools/
content.mjs the catalogue: skills, weapons, armour, gear, vehicles, NPCs
build-packs.mjs builds packs/ — runs the three guards first and refuses on failure
make-icons.mjs draws all 231 icons
make-dice-textures.mjs
rules-text.mjs generates the rules journal FROM rules.mjs
mission.mjs the case generator
mission-tables.mjs its content tables
check-rules.mjs guard: no rule may be defined twice
check-kits.mjs guard: every posting's kit must exist and be usable
check-lang.mjs guard: no localisation key may be both a value and a branch
docs/REVIEW_LOG.md the design and defect log, R-1 onward
```
### The one rule this codebase enforces on itself
**No rule formula may exist in more than one place.** Everything lives in `rules.mjs`,
and `tools/check-rules.mjs` fails the build if a formula is restated, if an alias
stops being identity-equal to what it aliases, if a constant is re-declared as a
literal, or if an exported rule has no spot-check. The packs used to be built under
one set of numbers and played under another; this makes that impossible to ship.
The build runs all three guards before it writes anything:
```
check-rules: 40 rules, 12 files scanned, 132 formulas verified
check-kits: 25 roles, 162 catalogue items, every kit key resolves
check-lang: 738 keys, no leaf/branch collisions
```
Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 785 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 970 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 826 B

+66
View File
@@ -0,0 +1,66 @@
# Porting to a remote Foundry server
## First install
Stop Foundry, then clone into the data directory:
```bash
cd /path/to/foundrydata/Data/systems
git clone https://gitea.timevans.uk/slaguru666/RingBRP.git ringbrp
```
Start Foundry. **The Custodians** appears under Game Systems. Create a world with it.
Nothing else is required: `packs/` holds the built compendia, and the system has no
runtime dependencies. `node_modules/` is deliberately absent and is only needed to
*rebuild* content.
## Updating a deployed server
```bash
# STOP Foundry first if the update touches packs/ — LevelDB will not tolerate its
# files changing underneath a running server.
cd /path/to/foundrydata/Data/systems/ringbrp
git pull
```
Then start Foundry. Existing worlds keep their actors and items; compendium content is
replaced by the pull.
## Rebuilding content on the server (optional)
Only if you intend to edit the catalogue there:
```bash
npm install # classic-level, for writing LevelDB
npm run check # the three guards
npm run build # rebuilds packs/
node tools/make-icons.mjs # redraws all icons
node tools/make-dice-textures.mjs # regenerates the Dice So Nice textures
```
`npm run build` runs the guards first and aborts if any fails, so a broken catalogue
cannot be written into the packs.
## Manifest URL
For Foundry's *Install System → Manifest URL*:
```
https://gitea.timevans.uk/slaguru666/RingBRP/raw/branch/main/system.json
```
If the repository is private, Foundry cannot fetch that URL — clone over SSH or an
access token instead, or make the repo public.
## Version bumps
`system.json` carries `version`. Foundry only offers an update when that number rises,
so bump it before pushing anything a remote server should pick up.
## Health check after deploying
Open any character sheet. If labels read as raw keys (`RINGBRP.Sheet.Style` rather
than "Marksmanship"), the localisation file failed to load — run
`node tools/check-lang.mjs`, which exists precisely because one bad key silently
un-localises the entire system with no error a user would connect to the cause.
+3616
View File
File diff suppressed because it is too large Load Diff
Binary file not shown.
+8
View File
File diff suppressed because one or more lines are too long
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(220 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(220 80% 64%)" stroke-width="4"/>
<path d="M14 30h40l10 14h50v66H14z" fill="hsl(220 90% 88%)" stroke="none"/>
<path d="M14 62h100 M28 78h60" fill="none" stroke="hsl(220 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 481 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(355 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(355 80% 64%)" stroke-width="4"/>
<path d="M22 34h84v34c0 26-20 46-42 52-22-6-42-26-42-52z" fill="hsl(355 90% 88%)" stroke="none"/>
<path d="M44 56h14M70 56h14" fill="none" stroke="hsl(355 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 501 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(330 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(330 80% 64%)" stroke-width="4"/>
<path d="M64 14a18 18 0 1 1 0 36 18 18 0 0 1 0-36z M40 56h48v40H40z" fill="hsl(330 90% 88%)" stroke="none"/>
<path d="M46 96l-6 24M82 96l6 24" fill="none" stroke="hsl(330 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 517 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(156 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(156 80% 64%)" stroke-width="4"/>
<path d="M18 92l40-40 18 18-40 40z M62 44l22-22 18 18-22 22z" fill="hsl(156 90% 88%)" stroke="none"/>
<path d="M96 16l16 16 M30 96l-12 12" fill="none" stroke="hsl(156 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 513 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(185 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(185 80% 64%)" stroke-width="4"/>
<path d="M64 16a48 48 0 1 1 0 96 48 48 0 0 1 0-96z" fill="hsl(185 90% 88%)" stroke="none"/>
<path d="M64 42a22 22 0 1 1 0 44 22 22 0 0 1 0-44z" fill="hsl(185 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 454 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(182 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(182 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(182 80% 64%)" stroke-width="4"/>
<path d="M40 60V28a8 8 0 0 1 16 0v26 M56 54V20a8 8 0 0 1 16 0v34 M72 56V28a8 8 0 0 1 16 0v34c0 30-12 46-32 46s-32-14-32-34v-8a8 8 0 0 1 16 0" fill="none" stroke="hsl(182 90% 88%)" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(182 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 661 B

+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(235 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none"
stroke="hsl(235 80% 64%)" stroke-width="4" stroke-dasharray="26 13" stroke-dashoffset="7"/>
<path d="M28 16h72v96H28z" fill="hsl(235 90% 88%)" stroke="none"/>
<path d="M40 36h48M40 52h48M40 68h30" fill="none" stroke="hsl(235 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M76 76l10 10 18-22" fill="hsl(235 80% 64%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 600 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(275 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(275 80% 64%)" stroke-width="4"/>
<path d="M14 30h40l10 14h50v66H14z" fill="hsl(275 90% 88%)" stroke="none"/>
<path d="M14 62h100 M28 78h60" fill="none" stroke="hsl(275 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 481 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(249 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(249 80% 64%)" stroke-width="4"/>
<path d="M14 30h40l10 14h50v66H14z" fill="hsl(249 90% 88%)" stroke="none"/>
<path d="M14 62h100 M28 78h60" fill="none" stroke="hsl(249 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 481 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(301 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(301 80% 64%)" stroke-width="4"/>
<path d="M14 30h40l10 14h50v66H14z" fill="hsl(301 90% 88%)" stroke="none"/>
<path d="M14 62h100 M28 78h60" fill="none" stroke="hsl(301 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 481 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(90 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(90 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(90 80% 64%)" stroke-width="4"/>
<path d="M26 40h76v66H26z M52 40V26h24v14" fill="hsl(90 90% 88%)" stroke="none"/>
<path d="M64 56v34 M47 73h34" fill="none" stroke="hsl(90 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(90 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 625 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(102 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(102 80% 64%)" stroke-width="4"/>
<path d="M40 60V28a8 8 0 0 1 16 0v26 M56 54V20a8 8 0 0 1 16 0v34 M72 56V28a8 8 0 0 1 16 0v34c0 30-12 46-32 46s-32-14-32-34v-8a8 8 0 0 1 16 0" fill="none" stroke="hsl(102 90% 88%)" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 517 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(16 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(16 80% 64%)" stroke-width="4"/>
<path d="M44 100l40-72 14 8-40 72z M84 18a12 12 0 1 1 18 10 12 12 0 0 1-18-10z" fill="hsl(16 90% 88%)" stroke="none"/>
<path d="M52 96l32-58" fill="none" stroke="hsl(16 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 513 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(120 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(120 80% 64%)" stroke-width="4"/>
<path d="M28 52h72v56H28z M44 52V26h8v26" fill="hsl(120 90% 88%)" stroke="none"/>
<path d="M44 66a10 10 0 1 1 0 20 10 10 0 0 1 0-20z" fill="hsl(120 70% 46%)" stroke="none"/>
<path d="M64 66h20M64 80h20" fill="none" stroke="hsl(120 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 576 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(70 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(70 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(70 80% 64%)" stroke-width="4"/>
<path d="M28 52h72v56H28z M44 52V26h8v26" fill="hsl(70 90% 88%)" stroke="none"/>
<path d="M44 66a10 10 0 1 1 0 20 10 10 0 0 1 0-20z" fill="hsl(70 70% 46%)" stroke="none"/>
<path d="M64 66h20M64 80h20" fill="none" stroke="hsl(70 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(70 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 713 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(182 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(182 80% 64%)" stroke-width="4"/>
<path d="M22 40h34v66H22z M72 40h34v66H72z" fill="hsl(182 90% 88%)" stroke="none"/>
<path d="M56 58h16v12H56z" fill="hsl(182 70% 46%)" stroke="none"/>
<path d="M28 50h22v10H28z M78 50h22v10H78z" fill="hsl(182 80% 64%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 504 B

+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(311 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none"
stroke="hsl(311 80% 64%)" stroke-width="4" stroke-dasharray="26 13" stroke-dashoffset="7"/>
<path d="M64 14a50 50 0 1 1 0 100 50 50 0 0 1 0-100z" fill="hsl(311 90% 88%)" stroke="none"/>
<path d="M64 38a26 26 0 1 1 0 52 26 26 0 0 1 0-52z" fill="hsl(311 70% 46%)" stroke="none"/>
<path d="M64 54a10 10 0 1 1 0 20 10 10 0 0 1 0-20z" fill="hsl(311 80% 64%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 600 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(192 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(192 80% 64%)" stroke-width="4"/>
<path d="M34 38h60v70H34z M50 38V22h28v16" fill="hsl(192 90% 88%)" stroke="none"/>
<path d="M34 66h60 M50 78h28" fill="none" stroke="hsl(192 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 487 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(14 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(14 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(14 80% 64%)" stroke-width="4"/>
<path d="M52 14h14v106H52z M66 20c22 0 34 14 34 26s-12 24-34 24z" fill="hsl(14 55% 82%)" stroke="none"/>
<path d="M72 30c12 2 18 10 18 16s-6 14-18 16z" fill="hsl(14 40% 52%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 507 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(116 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(116 80% 64%)" stroke-width="4"/>
<path d="M40 92l40-56 12 8-40 56z" fill="hsl(116 90% 88%)" stroke="none"/>
<path d="M76 28l18-8 6 16-18 8z" fill="hsl(116 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 418 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(190 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(190 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(190 80% 64%)" stroke-width="4"/>
<path d="M64 16a48 48 0 1 1 0 96 48 48 0 0 1 0-96z" fill="hsl(190 55% 82%)" stroke="none"/>
<path d="M64 34l12 30-12 30-12-30z" fill="hsl(190 40% 52%)" stroke="none"/>
<path d="M64 56a8 8 0 1 1 0 16 8 8 0 0 1 0-16z" fill="hsl(190 80% 64%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 574 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(185 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(185 80% 64%)" stroke-width="4"/>
<path d="M64 8a16 16 0 1 1 0 32 16 16 0 0 1 0-32z M40 44h48l10 20v56H30V64z" fill="hsl(185 90% 88%)" stroke="none"/>
<path d="M52 20h24v10H52z M44 72h40v12H44z" fill="hsl(185 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 471 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(220 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(220 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(220 80% 64%)" stroke-width="4"/>
<path d="M64 16c26 0 40 14 40 34 0 22-18 34-24 44-4 8-28 8-32 0-6-10-24-22-24-44 0-20 14-34 40-34z" fill="hsl(220 90% 88%)" stroke="none"/>
<path d="M44 46a12 12 0 1 1 0 20 12 12 0 0 1 0-20z M84 46a12 12 0 1 1 0 20 12 12 0 0 1 0-20z" fill="hsl(220 70% 46%)" stroke="none"/>
<path d="M54 84h20v14H54z" fill="hsl(220 80% 64%)" stroke="none"/>
<path d="M12 102h104" stroke="hsl(220 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 754 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(233 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(233 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(233 80% 64%)" stroke-width="4"/>
<path d="M40 20h48l10 18v56a10 10 0 0 1-10 10H40a10 10 0 0 1-10-10V38z" fill="hsl(233 55% 82%)" stroke="none"/>
<path d="M40 40h12v12H40zM60 40h12v12H60zM80 40h10v12H80zM50 56h12v12H50zM70 56h12v12H70zM40 72h12v12H40zM60 72h12v12H60zM80 72h10v12H80z" fill="hsl(233 40% 52%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 610 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(134 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(134 80% 64%)" stroke-width="4"/>
<path d="M18 44h92v56H18z M44 44l8-12h24l8 12" fill="hsl(134 90% 88%)" stroke="none"/>
<path d="M64 56a18 18 0 1 1 0 36 18 18 0 0 1 0-36z" fill="hsl(134 70% 46%)" stroke="none"/>
<path d="M96 52h10v8H96z" fill="hsl(134 80% 64%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 514 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(344 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(344 80% 64%)" stroke-width="4"/>
<path d="M12 60h84l20-8v12l-14 6v8H60l-8 14H32l8-14H12z" fill="hsl(344 90% 88%)" stroke="none"/>
<path d="M46 66h30v6H46z M84 52h10v8H84z" fill="hsl(344 70% 46%)" stroke="none"/>
<path d="M116 58h6v10h-6z" fill="hsl(344 80% 64%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 515 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(138 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(138 80% 64%)" stroke-width="4"/>
<path d="M24 20h38a14 14 0 0 1 14 14v74a14 14 0 0 0-14-12H24z M104 20H66a14 14 0 0 0-14 14v74a14 14 0 0 1 14-12h38z" fill="hsl(138 90% 88%)" stroke="none"/>
<path d="M32 40h30M32 56h30M66 40h30M66 56h30" fill="none" stroke="hsl(138 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 578 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(78 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(78 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(78 80% 64%)" stroke-width="4"/>
<path d="M42 22h44v18h10v66H32V40h10z" fill="hsl(78 90% 88%)" stroke="none"/>
<path d="M52 58h24v30H52z" fill="hsl(78 70% 46%)" stroke="none"/>
<path d="M56 64h16v6H56z" fill="hsl(78 80% 64%)" stroke="none"/>
<path d="M12 102h104" stroke="hsl(78 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 618 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(194 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(194 80% 64%)" stroke-width="4"/>
<path d="M70 8L28 72h28l-10 48 46-68H62z" fill="hsl(194 90% 88%)" stroke="none"/>
<path d="M64 26L44 62h16z" fill="hsl(194 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 419 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(98 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(98 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(98 80% 64%)" stroke-width="4"/>
<path d="M18 92l40-40 18 18-40 40z M62 44l22-22 18 18-22 22z" fill="hsl(98 55% 82%)" stroke="none"/>
<path d="M96 16l16 16 M30 96l-12 12" fill="none" stroke="hsl(98 40% 52%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 557 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(142 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(142 80% 64%)" stroke-width="4"/>
<path d="M70 8L28 72h28l-10 48 46-68H62z" fill="hsl(142 90% 88%)" stroke="none"/>
<path d="M64 26L44 62h16z" fill="hsl(142 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 419 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(128 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(128 80% 64%)" stroke-width="4"/>
<path d="M14 30h40l10 14h50v66H14z" fill="hsl(128 90% 88%)" stroke="none"/>
<path d="M14 62h100 M28 78h60" fill="none" stroke="hsl(128 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 481 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(130 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(130 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(130 80% 64%)" stroke-width="4"/>
<path d="M70 8L28 72h28l-10 48 46-68H62z" fill="hsl(130 90% 88%)" stroke="none"/>
<path d="M64 26L44 62h16z" fill="hsl(130 70% 46%)" stroke="none"/>
<path d="M12 102h104" stroke="hsl(130 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 563 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(172 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(172 80% 64%)" stroke-width="4"/>
<path d="M64 22a42 42 0 1 1 0 84 42 42 0 0 1 0-84z" fill="hsl(172 90% 88%)" stroke="none"/>
<path d="M64 50a14 14 0 1 1 0 28 14 14 0 0 1 0-28z" fill="hsl(172 70% 46%)" stroke="none"/>
<path d="M22 64h84" fill="none" stroke="hsl(172 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 577 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(176 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(176 80% 64%)" stroke-width="4"/>
<path d="M14 30h40l10 14h50v66H14z" fill="hsl(176 90% 88%)" stroke="none"/>
<path d="M14 62h100 M28 78h60" fill="none" stroke="hsl(176 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 481 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(106 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(106 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(106 80% 64%)" stroke-width="4"/>
<path d="M64 8a16 16 0 1 1 0 32 16 16 0 0 1 0-32z M40 44h48l10 20v56H30V64z" fill="hsl(106 90% 88%)" stroke="none"/>
<path d="M52 20h24v10H52z M44 72h40v12H44z" fill="hsl(106 70% 46%)" stroke="none"/>
<path d="M12 102h104" stroke="hsl(106 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 615 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(42 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(42 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(42 80% 64%)" stroke-width="4"/>
<path d="M14 58h100v12H14z M52 40h12v46H52z" fill="hsl(42 55% 82%)" stroke="none"/>
<path d="M20 46c18 8 18 28 0 36M108 46c-18 8-18 28 0 36" fill="none" stroke="hsl(42 40% 52%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 560 B

+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(267 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none"
stroke="hsl(267 80% 64%)" stroke-width="4" stroke-dasharray="26 13" stroke-dashoffset="7"/>
<path d="M20 40h88v48H20z" fill="hsl(267 90% 88%)" stroke="none"/>
<path d="M34 54h20v20H34z M74 54h20v20H74z" fill="hsl(267 70% 46%)" stroke="none"/>
<path d="M54 64h20v4H54z M44 88v14M84 88v14" fill="none" stroke="hsl(267 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 622 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(358 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(358 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(358 80% 64%)" stroke-width="4"/>
<path d="M44 100l40-72 14 8-40 72z M84 18a12 12 0 1 1 18 10 12 12 0 0 1-18-10z" fill="hsl(358 55% 82%)" stroke="none"/>
<path d="M52 96l32-58" fill="none" stroke="hsl(358 40% 52%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 566 B

+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(275 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none"
stroke="hsl(275 80% 64%)" stroke-width="4" stroke-dasharray="26 13" stroke-dashoffset="7"/>
<path d="M78 12l12 12-44 44-12-12z M40 60l12 12-8 12-16-4z M34 84l10 10-16 16-10-10z" fill="hsl(275 90% 88%)" stroke="none"/>
<path d="M74 22l6 6-38 38-6-6z" fill="hsl(275 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 521 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(32 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(32 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(32 80% 64%)" stroke-width="4"/>
<path d="M78 12l12 12-44 44-12-12z M40 60l12 12-8 12-16-4z M34 84l10 10-16 16-10-10z" fill="hsl(32 55% 82%)" stroke="none"/>
<path d="M74 22l6 6-38 38-6-6z" fill="hsl(32 40% 52%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 512 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(80 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(80 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(80 80% 64%)" stroke-width="4"/>
<path d="M34 34h60v60H34z" fill="hsl(80 90% 88%)" stroke="none"/>
<path d="M48 48h32v32H48z" fill="hsl(80 70% 46%)" stroke="none"/>
<path d="M34 46H20M34 64H20M34 82H20M94 46h14M94 64h14M94 82h14" fill="none" stroke="hsl(80 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(80 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 709 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(168 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(168 80% 64%)" stroke-width="4"/>
<path d="M64 20a44 44 0 1 1 0 88 44 44 0 0 1 0-88z" fill="hsl(168 90% 88%)" stroke="none"/>
<path d="M64 50a14 14 0 1 1 0 28 14 14 0 0 1 0-28z" fill="hsl(168 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 454 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(178 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(178 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(178 80% 64%)" stroke-width="4"/>
<path d="M24 34h80v52H24z M38 96h52v10H38z" fill="hsl(178 90% 88%)" stroke="none"/>
<path d="M34 44h60v34H34z" fill="hsl(178 70% 46%)" stroke="none"/>
<path d="M40 50h48M40 62h34M40 72h44" fill="none" stroke="hsl(178 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(178 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 706 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(210 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(210 80% 64%)" stroke-width="4"/>
<path d="M28 52h72v56H28z M44 52V26h8v26" fill="hsl(210 90% 88%)" stroke="none"/>
<path d="M44 66a10 10 0 1 1 0 20 10 10 0 0 1 0-20z" fill="hsl(210 70% 46%)" stroke="none"/>
<path d="M64 66h20M64 80h20" fill="none" stroke="hsl(210 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 576 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(305 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(305 80% 64%)" stroke-width="4"/>
<path d="M56 20a34 34 0 1 1 0 68 34 34 0 0 1 0-68z M80 82l28 28" fill="hsl(305 90% 88%)" stroke="none"/>
<path d="M56 34a20 20 0 1 1 0 40 20 20 0 0 1 0-40z" fill="hsl(305 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 467 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(275 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(275 80% 64%)" stroke-width="4"/>
<path d="M30 16h68v96H30z" fill="hsl(275 90% 88%)" stroke="none"/>
<path d="M84 60a5 5 0 1 1 0 10 5 5 0 0 1 0-10z" fill="hsl(275 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 425 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(180 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(180 80% 64%)" stroke-width="4"/>
<path d="M30 16h68v96H30z" fill="hsl(180 90% 88%)" stroke="none"/>
<path d="M84 60a5 5 0 1 1 0 10 5 5 0 0 1 0-10z" fill="hsl(180 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 425 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(146 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(146 80% 64%)" stroke-width="4"/>
<path d="M26 40h76v66H26z M52 40V26h24v14" fill="hsl(146 90% 88%)" stroke="none"/>
<path d="M64 56v34 M47 73h34" fill="none" stroke="hsl(146 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 487 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(28 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(28 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(28 80% 64%)" stroke-width="4"/>
<path d="M64 8l10 10v58H54V18z M40 76h48v10H40z M58 86h12v34H58z" fill="hsl(28 55% 82%)" stroke="none"/>
<path d="M62 20h4v52h-4z M60 108h8v8h-8z" fill="hsl(28 40% 52%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 502 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(166 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(166 80% 64%)" stroke-width="4"/>
<path d="M46 20c30-8 46 12 44 34-2 24-22 24-24 40s-16 20-26 12c-12-10-6-24 2-30 10-8-16-46 4-56z" fill="none" stroke="hsl(166 90% 88%)" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 473 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(350 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(350 80% 64%)" stroke-width="4"/>
<path d="M40 92l40-56 12 8-40 56z" fill="hsl(350 90% 88%)" stroke="none"/>
<path d="M76 28l18-8 6 16-18 8z" fill="hsl(350 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 418 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(225 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(225 80% 64%)" stroke-width="4"/>
<path d="M64 8a16 16 0 1 1 0 32 16 16 0 0 1 0-32z M40 44h48l10 20v56H30V64z" fill="hsl(225 90% 88%)" stroke="none"/>
<path d="M52 20h24v10H52z M44 72h40v12H44z" fill="hsl(225 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 471 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(206 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(206 80% 64%)" stroke-width="4"/>
<path d="M64 22a42 42 0 1 1 0 84 42 42 0 0 1 0-84z" fill="hsl(206 90% 88%)" stroke="none"/>
<path d="M64 50a14 14 0 1 1 0 28 14 14 0 0 1 0-28z" fill="hsl(206 70% 46%)" stroke="none"/>
<path d="M22 64h84" fill="none" stroke="hsl(206 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 577 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(138 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(138 80% 64%)" stroke-width="4"/>
<path d="M52 14h24v34l24 50a12 12 0 0 1-10 18H38a12 12 0 0 1-10-18l24-50z" fill="hsl(138 90% 88%)" stroke="none"/>
<path d="M40 78h48 M50 20h28" fill="none" stroke="hsl(138 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 519 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(224 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(224 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(224 80% 64%)" stroke-width="4"/>
<path d="M20 20h88v88H20z" fill="hsl(224 90% 88%)" stroke="none"/>
<path d="M20 48h88M20 76h88M48 20v88M76 20v88" fill="none" stroke="hsl(224 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(224 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 632 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(174 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(174 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(174 80% 64%)" stroke-width="4"/>
<path d="M34 34h60v60H34z" fill="hsl(174 90% 88%)" stroke="none"/>
<path d="M48 48h32v32H48z" fill="hsl(174 70% 46%)" stroke="none"/>
<path d="M34 46H20M34 64H20M34 82H20M94 46h14M94 64h14M94 82h14" fill="none" stroke="hsl(174 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(174 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 716 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(164 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(164 80% 64%)" stroke-width="4"/>
<path d="M18 92l40-40 18 18-40 40z M62 44l22-22 18 18-22 22z" fill="hsl(164 90% 88%)" stroke="none"/>
<path d="M96 16l16 16 M30 96l-12 12" fill="none" stroke="hsl(164 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 513 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(352 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(352 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(352 80% 64%)" stroke-width="4"/>
<path d="M18 64h44l40-16v10L70 74v8H56l-10 16H22l10-16H18z" fill="hsl(352 55% 82%)" stroke="none"/>
<path d="M56 54l10-8 6 8-8 8z M26 72h16v8H26z" fill="hsl(352 40% 52%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 506 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(186 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(186 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(186 80% 64%)" stroke-width="4"/>
<path d="M52 52h24v24H52z" fill="hsl(186 90% 88%)" stroke="none"/>
<path d="M20 28a14 14 0 1 1 0 4zM94 28a14 14 0 1 1 0 4zM20 96a14 14 0 1 1 0 4zM94 96a14 14 0 1 1 0 4z" fill="hsl(186 70% 46%)" stroke="none"/>
<path d="M34 40l18 12M94 40L76 52M34 88l18-12M94 88L76 76" fill="none" stroke="hsl(186 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(186 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 786 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(90 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(90 80% 64%)" stroke-width="4"/>
<path d="M64 16c26 0 40 14 40 34 0 22-18 34-24 44-4 8-28 8-32 0-6-10-24-22-24-44 0-20 14-34 40-34z" fill="hsl(90 90% 88%)" stroke="none"/>
<path d="M44 46a12 12 0 1 1 0 20 12 12 0 0 1 0-20z M84 46a12 12 0 1 1 0 20 12 12 0 0 1 0-20z" fill="hsl(90 70% 46%)" stroke="none"/>
<path d="M54 84h20v14H54z" fill="hsl(90 80% 64%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 605 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(328 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(328 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(328 80% 64%)" stroke-width="4"/>
<path d="M14 58h72v14H14z M86 50h26v30H86z" fill="hsl(328 90% 88%)" stroke="none"/>
<path d="M24 62h48v6H24z M92 58h14v14H92z" fill="hsl(328 70% 46%)" stroke="none"/>
<path d="M112 54h10v22h-10z" fill="none" stroke="hsl(328 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(328 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 713 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(52 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(52 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(52 80% 64%)" stroke-width="4"/>
<path d="M14 58h72v14H14z M86 50h26v30H86z" fill="hsl(52 90% 88%)" stroke="none"/>
<path d="M24 62h48v6H24z M92 58h14v14H92z" fill="hsl(52 70% 46%)" stroke="none"/>
<path d="M112 54h10v22h-10z" fill="none" stroke="hsl(52 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(52 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 706 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(178 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(178 80% 64%)" stroke-width="4"/>
<path d="M26 46h58v50H26z M84 58h20v26H84z" fill="hsl(178 90% 88%)" stroke="none"/>
<path d="M36 56h38v14H36z" fill="hsl(178 70% 46%)" stroke="none"/>
<path d="M40 80h30" fill="none" stroke="hsl(178 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 544 B

+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(255 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none"
stroke="hsl(255 80% 64%)" stroke-width="4" stroke-dasharray="26 13" stroke-dashoffset="7"/>
<path d="M64 14a50 50 0 1 1 0 100 50 50 0 0 1 0-100z" fill="hsl(255 90% 88%)" stroke="none"/>
<path d="M64 38a26 26 0 1 1 0 52 26 26 0 0 1 0-52z" fill="hsl(255 70% 46%)" stroke="none"/>
<path d="M64 54a10 10 0 1 1 0 20 10 10 0 0 1 0-20z" fill="hsl(255 80% 64%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 600 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(48 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(48 80% 64%)" stroke-width="4"/>
<path d="M30 18c14 22 14 62 6 90M56 12c10 26 10 68 2 96M82 18c8 24 6 64-2 88" fill="none" stroke="hsl(48 90% 88%)" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 450 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(214 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(214 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(214 80% 64%)" stroke-width="4"/>
<path d="M32 20c40 0 24 44 64 44M32 64c40 0 24 44 64 44" fill="none" stroke="hsl(214 90% 88%)" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(214 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 576 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(110 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(110 80% 64%)" stroke-width="4"/>
<path d="M34 38h60v70H34z M50 38V22h28v16" fill="hsl(110 90% 88%)" stroke="none"/>
<path d="M34 66h60 M50 78h28" fill="none" stroke="hsl(110 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 487 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(350 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(350 80% 64%)" stroke-width="4"/>
<path d="M22 34h84v34c0 26-20 46-42 52-22-6-42-26-42-52z" fill="hsl(350 90% 88%)" stroke="none"/>
<path d="M44 56h14M70 56h14" fill="none" stroke="hsl(350 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 501 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(90 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(90 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(90 80% 64%)" stroke-width="4"/>
<path d="M52 12h24v92H52z M44 104h40v14H44z" fill="hsl(90 55% 82%)" stroke="none"/>
<path d="M58 24h12v70H58z M52 12l-8-6h40l-8 6z" fill="hsl(90 40% 52%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 487 B

+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(319 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none"
stroke="hsl(319 80% 64%)" stroke-width="4" stroke-dasharray="26 13" stroke-dashoffset="7"/>
<path d="M10 64c14-26 28-26 42 0s28 26 42 0 22-14 24-6" fill="none" stroke="hsl(319 90% 88%)" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 484 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(158 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(158 80% 64%)" stroke-width="4"/>
<path d="M28 52h72v56H28z M44 52V26h8v26" fill="hsl(158 90% 88%)" stroke="none"/>
<path d="M44 66a10 10 0 1 1 0 20 10 10 0 0 1 0-20z" fill="hsl(158 70% 46%)" stroke="none"/>
<path d="M64 66h20M64 80h20" fill="none" stroke="hsl(158 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 576 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(171 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(171 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(171 80% 64%)" stroke-width="4"/>
<path d="M64 8a16 16 0 1 1 0 32 16 16 0 0 1 0-32z M40 44h48l10 20v56H30V64z" fill="hsl(171 90% 88%)" stroke="none"/>
<path d="M52 20h24v10H52z M44 72h40v12H44z" fill="hsl(171 70% 46%)" stroke="none"/>
<path d="M12 102h104" stroke="hsl(171 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 615 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(138 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(138 80% 64%)" stroke-width="4"/>
<path d="M52 52h24v24H52z" fill="hsl(138 90% 88%)" stroke="none"/>
<path d="M20 28a14 14 0 1 1 0 4zM94 28a14 14 0 1 1 0 4zM20 96a14 14 0 1 1 0 4zM94 96a14 14 0 1 1 0 4z" fill="hsl(138 70% 46%)" stroke="none"/>
<path d="M34 40l18 12M94 40L76 52M34 88l18-12M94 88L76 76" fill="none" stroke="hsl(138 80% 64%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 642 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(217 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(217 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(217 80% 64%)" stroke-width="4"/>
<path d="M42 22h44l12 16v62H30V38z" fill="hsl(217 55% 82%)" stroke="none"/>
<path d="M64 22v78 M30 54h68" fill="none" stroke="hsl(217 40% 52%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 529 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(226 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(226 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(226 80% 64%)" stroke-width="4"/>
<path d="M26 40h76v66H26z M52 40V26h24v14" fill="hsl(226 90% 88%)" stroke="none"/>
<path d="M64 56v34 M47 73h34" fill="none" stroke="hsl(226 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(226 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 631 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(249 62% 34%)"/>
<path d="M96 0H128v32z" fill="hsl(249 80% 64%)" opacity="0.55"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(249 80% 64%)" stroke-width="4"/>
<path d="M40 20h48l10 18v56a10 10 0 0 1-10 10H40a10 10 0 0 1-10-10V38z" fill="hsl(249 90% 88%)" stroke="none"/>
<path d="M64 20v84 M38 46h20M74 46h20" fill="none" stroke="hsl(249 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 102h104" stroke="hsl(249 80% 64%)" stroke-width="2" opacity="0.7"/>
</svg>

After

Width:  |  Height:  |  Size: 669 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(215 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(215 80% 64%)" stroke-width="4"/>
<path d="M40 20h48l10 18v56a10 10 0 0 1-10 10H40a10 10 0 0 1-10-10V38z" fill="hsl(215 90% 88%)" stroke="none"/>
<path d="M64 20v84 M38 46h20M74 46h20" fill="none" stroke="hsl(215 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 525 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(202 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(202 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(202 80% 64%)" stroke-width="4"/>
<path d="M36 44a22 22 0 1 1 0 40 22 22 0 0 1 0-40z M92 44a22 22 0 1 1 0 40 22 22 0 0 1 0-40z" fill="hsl(202 55% 82%)" stroke="none"/>
<path d="M58 62h12" fill="none" stroke="hsl(202 40% 52%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 577 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(112 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(112 80% 64%)" stroke-width="4"/>
<path d="M52 12h24v92H52z M44 104h40v14H44z" fill="hsl(112 90% 88%)" stroke="none"/>
<path d="M58 24h12v70H58z M52 12l-8-6h40l-8 6z" fill="hsl(112 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 443 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(195 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(195 80% 64%)" stroke-width="4"/>
<path d="M42 22h44l12 16v62H30V38z" fill="hsl(195 90% 88%)" stroke="none"/>
<path d="M64 22v78 M30 54h68" fill="none" stroke="hsl(195 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 480 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(108 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(108 80% 64%)" stroke-width="4"/>
<path d="M52 14h24v34l24 50a12 12 0 0 1-10 18H38a12 12 0 0 1-10-18l24-50z" fill="hsl(108 90% 88%)" stroke="none"/>
<path d="M40 78h48 M50 20h28" fill="none" stroke="hsl(108 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 519 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(202 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(202 80% 64%)" stroke-width="4"/>
<path d="M24 20h38a14 14 0 0 1 14 14v74a14 14 0 0 0-14-12H24z M104 20H66a14 14 0 0 0-14 14v74a14 14 0 0 1 14-12h38z" fill="hsl(202 90% 88%)" stroke="none"/>
<path d="M32 40h30M32 56h30M66 40h30M66 56h30" fill="none" stroke="hsl(202 70% 46%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 578 B

+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(295 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none"
stroke="hsl(295 80% 64%)" stroke-width="4" stroke-dasharray="26 13" stroke-dashoffset="7"/>
<path d="M34 46a20 20 0 1 1 0 36 20 20 0 0 1 0-36z M54 60h56v10H88v14H78V70h-8v18H60V70z" fill="hsl(295 90% 88%)" stroke="none"/>
<path d="M34 58a8 8 0 1 1 0 12 8 8 0 0 1 0-12z" fill="hsl(295 70% 46%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 541 B

+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(92 38% 30%)"/>
<path d="M0 0h30L0 30z" fill="hsl(92 44% 22%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none" stroke="hsl(92 80% 64%)" stroke-width="4"/>
<path d="M52 14h24v34l24 50a12 12 0 0 1-10 18H38a12 12 0 0 1-10-18l24-50z" fill="hsl(92 55% 82%)" stroke="none"/>
<path d="M40 78h48 M50 20h28" fill="none" stroke="hsl(92 40% 52%)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 563 B

+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<rect width="128" height="128" rx="20" fill="hsl(261 62% 34%)"/>
<rect x="5" y="5" width="118" height="118" rx="16" fill="none"
stroke="hsl(261 80% 64%)" stroke-width="4" stroke-dasharray="26 13" stroke-dashoffset="7"/>
<path d="M18 58h48v12H18z M66 46l30 18-30 18z" fill="hsl(261 90% 88%)" stroke="none"/>
<path d="M26 62h30v4H26z" fill="hsl(261 70% 46%)" stroke="none"/>
<path d="M96 56h16v16H96z" fill="hsl(261 80% 64%)" stroke="none"/>
</svg>

After

Width:  |  Height:  |  Size: 542 B

Some files were not shown because too many files have changed in this diff Show More