From 0c925e7421cb640df68a10b3bd0191892aa6f06e Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 4 Nov 2026 08:55:12 +0000
Subject: [PATCH] Add the icons of w2wiki's page history and formatting toolbar

history (the page action which lists the versions of a page; restore is
the clock with an arrow, for undoing), and the buttons of the editor's
formatting toolbar: format-text-heading, format-list-unordered,
format-list-ordered, format-text-blockquote, format-horizontal-rule,
insert-table and help. Drawn like the others (lines of 1.25 inside
2..14, round caps, no colors; the rule's second tone is opacity), and
listed in preview.html (node preview.js). The bulleted list has an
indented third item, so that it differs from list, which the apps use
for a list of all pages.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AFJFMQhkaze5WhCnZxGD64
---
 icons/format-horizontal-rule.svg | 6 ++++++
 icons/format-list-ordered.svg    | 7 +++++++
 icons/format-list-unordered.svg  | 8 ++++++++
 icons/format-text-blockquote.svg | 6 ++++++
 icons/format-text-heading.svg    | 5 +++++
 icons/help.svg                   | 7 +++++++
 icons/history.svg                | 6 ++++++
 icons/insert-table.svg           | 6 ++++++
 preview.html                     | 8 ++++----
 9 files changed, 55 insertions(+), 4 deletions(-)
 create mode 100644 icons/format-horizontal-rule.svg
 create mode 100644 icons/format-list-ordered.svg
 create mode 100644 icons/format-list-unordered.svg
 create mode 100644 icons/format-text-blockquote.svg
 create mode 100644 icons/format-text-heading.svg
 create mode 100644 icons/help.svg
 create mode 100644 icons/history.svg
 create mode 100644 icons/insert-table.svg

diff --git a/icons/format-horizontal-rule.svg b/icons/format-horizontal-rule.svg
new file mode 100644
index 0000000..b21348e
--- /dev/null
+++ b/icons/format-horizontal-rule.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+ <g id="i" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M2.5 8h11"/>
+  <path d="M4.5 4.5h7M4.5 11.5h7" opacity="0.5"/>
+ </g>
+</svg>
diff --git a/icons/format-list-ordered.svg b/icons/format-list-ordered.svg
new file mode 100644
index 0000000..1d76dc4
--- /dev/null
+++ b/icons/format-list-ordered.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+ <g id="i" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M2.6 3.3 3.8 2.5v4"/>
+  <path d="M2.4 10a1.2 1.2 0 0 1 2.4 0c0 1-2.4 2-2.4 3.5h2.5"/>
+  <path d="M7 4.5h6.5M7 11.5h6.5"/>
+ </g>
+</svg>
diff --git a/icons/format-list-unordered.svg b/icons/format-list-unordered.svg
new file mode 100644
index 0000000..b35a742
--- /dev/null
+++ b/icons/format-list-unordered.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+ <g id="i" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M6 4h7.5M6 8h7.5M8.5 12h5"/>
+  <circle cx="3" cy="4" r="0.9" fill="currentColor" stroke="none"/>
+  <circle cx="3" cy="8" r="0.9" fill="currentColor" stroke="none"/>
+  <circle cx="5.5" cy="12" r="0.9" fill="currentColor" stroke="none"/>
+ </g>
+</svg>
diff --git a/icons/format-text-blockquote.svg b/icons/format-text-blockquote.svg
new file mode 100644
index 0000000..7dbd3f9
--- /dev/null
+++ b/icons/format-text-blockquote.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+ <g id="i" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3.5 3v10"/>
+  <path d="M6.5 5h7M6.5 8h7M6.5 11h4.5"/>
+ </g>
+</svg>
diff --git a/icons/format-text-heading.svg b/icons/format-text-heading.svg
new file mode 100644
index 0000000..a3c7e1b
--- /dev/null
+++ b/icons/format-text-heading.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+ <g id="i" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M4 3v10M12 3v10M4 8h8"/>
+ </g>
+</svg>
diff --git a/icons/help.svg b/icons/help.svg
new file mode 100644
index 0000000..9b1a91e
--- /dev/null
+++ b/icons/help.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+ <g id="i" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="8" cy="8" r="5.5"/>
+  <path d="M6.3 6.4a1.8 1.8 0 1 1 2.6 1.6c-.6.3-.9.7-.9 1.3v.3"/>
+  <circle cx="8" cy="11.2" r="0.8" fill="currentColor" stroke="none"/>
+ </g>
+</svg>
diff --git a/icons/history.svg b/icons/history.svg
new file mode 100644
index 0000000..7ebdf0b
--- /dev/null
+++ b/icons/history.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+ <g id="i" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="8" cy="8" r="5.5"/>
+  <path d="M8 4.8V8l2.2 1.4"/>
+ </g>
+</svg>
diff --git a/icons/insert-table.svg b/icons/insert-table.svg
new file mode 100644
index 0000000..fd2c583
--- /dev/null
+++ b/icons/insert-table.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+ <g id="i" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M2.5 3.5h11v9h-11z"/>
+  <path d="M2.5 6.5h11M2.5 9.5h11M6.2 3.5v9M9.8 3.5v9"/>
+ </g>
+</svg>
diff --git a/preview.html b/preview.html
index dd74aa4..8b32523 100644
--- a/preview.html
+++ b/preview.html
@@ -8,9 +8,9 @@
 <link rel="stylesheet" href="preview.css">
 </head>
 <body>
-<section class="light"><h2>Light</h2><div><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/add.svg#i"/></svg><figcaption>add</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/back.svg#i"/></svg><figcaption>back</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/chart.svg#i"/></svg><figcaption>chart</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/check.svg#i"/></svg><figcaption>check</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/close.svg#i"/></svg><figcaption>close</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/delete.svg#i"/></svg><figcaption>delete</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/edit.svg#i"/></svg><figcaption>edit</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-bold.svg#i"/></svg><figcaption>format-text-bold</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-code.svg#i"/></svg><figcaption>format-text-code</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-italic.svg#i"/></svg><figcaption>format-text-italic</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/home.svg#i"/></svg><figcaption>home</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/internet.svg#i"/></svg><figcaption>internet</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/link.svg#i"/></svg><figcaption>link</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/list.svg#i"/></svg><figcaption>list</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/media.svg#i"/></svg><figcaption>media</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/menu.svg#i"/></svg><figcaption>menu</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/merge.svg#i"/></svg><figcaption>merge</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/new.svg#i"/></svg><figcaption>new</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/note.svg#i"/></svg><figcaption>note</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/refresh.svg#i"/></svg><figcaption>refresh</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/rename.svg#i"/></svg><figcaption>rename</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/repeat.svg#i"/></svg><figcaption>repeat</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/restore.svg#i"/></svg><figcaption>restore</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/tag.svg#i"/></svg><figcaption>tag</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-auto.svg#i"/></svg><figcaption>theme-auto</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-dark.svg#i"/></svg><figcaption>theme-dark</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-light.svg#i"/></svg><figcaption>theme-light</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/today.svg#i"/></svg><figcaption>today</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/upload.svg#i"/></svg><figcaption>upload</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/warning.svg#i"/></svg><figcaption>warning</figcaption></figure></div></section>
-<section class="dark"><h2>Dark</h2><div><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/add.svg#i"/></svg><figcaption>add</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/back.svg#i"/></svg><figcaption>back</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/chart.svg#i"/></svg><figcaption>chart</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/check.svg#i"/></svg><figcaption>check</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/close.svg#i"/></svg><figcaption>close</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/delete.svg#i"/></svg><figcaption>delete</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/edit.svg#i"/></svg><figcaption>edit</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-bold.svg#i"/></svg><figcaption>format-text-bold</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-code.svg#i"/></svg><figcaption>format-text-code</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-italic.svg#i"/></svg><figcaption>format-text-italic</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/home.svg#i"/></svg><figcaption>home</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/internet.svg#i"/></svg><figcaption>internet</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/link.svg#i"/></svg><figcaption>link</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/list.svg#i"/></svg><figcaption>list</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/media.svg#i"/></svg><figcaption>media</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/menu.svg#i"/></svg><figcaption>menu</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/merge.svg#i"/></svg><figcaption>merge</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/new.svg#i"/></svg><figcaption>new</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/note.svg#i"/></svg><figcaption>note</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/refresh.svg#i"/></svg><figcaption>refresh</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/rename.svg#i"/></svg><figcaption>rename</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/repeat.svg#i"/></svg><figcaption>repeat</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/restore.svg#i"/></svg><figcaption>restore</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/tag.svg#i"/></svg><figcaption>tag</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-auto.svg#i"/></svg><figcaption>theme-auto</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-dark.svg#i"/></svg><figcaption>theme-dark</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-light.svg#i"/></svg><figcaption>theme-light</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/today.svg#i"/></svg><figcaption>today</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/upload.svg#i"/></svg><figcaption>upload</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/warning.svg#i"/></svg><figcaption>warning</figcaption></figure></div></section>
-<section class="light small"><h2>Small (24px)</h2><div><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/add.svg#i"/></svg><figcaption>add</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/back.svg#i"/></svg><figcaption>back</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/chart.svg#i"/></svg><figcaption>chart</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/check.svg#i"/></svg><figcaption>check</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/close.svg#i"/></svg><figcaption>close</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/delete.svg#i"/></svg><figcaption>delete</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/edit.svg#i"/></svg><figcaption>edit</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-bold.svg#i"/></svg><figcaption>format-text-bold</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-code.svg#i"/></svg><figcaption>format-text-code</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-italic.svg#i"/></svg><figcaption>format-text-italic</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/home.svg#i"/></svg><figcaption>home</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/internet.svg#i"/></svg><figcaption>internet</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/link.svg#i"/></svg><figcaption>link</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/list.svg#i"/></svg><figcaption>list</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/media.svg#i"/></svg><figcaption>media</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/menu.svg#i"/></svg><figcaption>menu</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/merge.svg#i"/></svg><figcaption>merge</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/new.svg#i"/></svg><figcaption>new</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/note.svg#i"/></svg><figcaption>note</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/refresh.svg#i"/></svg><figcaption>refresh</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/rename.svg#i"/></svg><figcaption>rename</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/repeat.svg#i"/></svg><figcaption>repeat</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/restore.svg#i"/></svg><figcaption>restore</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/tag.svg#i"/></svg><figcaption>tag</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-auto.svg#i"/></svg><figcaption>theme-auto</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-dark.svg#i"/></svg><figcaption>theme-dark</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-light.svg#i"/></svg><figcaption>theme-light</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/today.svg#i"/></svg><figcaption>today</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/upload.svg#i"/></svg><figcaption>upload</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/warning.svg#i"/></svg><figcaption>warning</figcaption></figure></div></section>
-<section class="dark small"><h2>Small (24px)</h2><div><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/add.svg#i"/></svg><figcaption>add</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/back.svg#i"/></svg><figcaption>back</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/chart.svg#i"/></svg><figcaption>chart</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/check.svg#i"/></svg><figcaption>check</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/close.svg#i"/></svg><figcaption>close</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/delete.svg#i"/></svg><figcaption>delete</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/edit.svg#i"/></svg><figcaption>edit</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-bold.svg#i"/></svg><figcaption>format-text-bold</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-code.svg#i"/></svg><figcaption>format-text-code</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-italic.svg#i"/></svg><figcaption>format-text-italic</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/home.svg#i"/></svg><figcaption>home</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/internet.svg#i"/></svg><figcaption>internet</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/link.svg#i"/></svg><figcaption>link</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/list.svg#i"/></svg><figcaption>list</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/media.svg#i"/></svg><figcaption>media</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/menu.svg#i"/></svg><figcaption>menu</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/merge.svg#i"/></svg><figcaption>merge</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/new.svg#i"/></svg><figcaption>new</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/note.svg#i"/></svg><figcaption>note</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/refresh.svg#i"/></svg><figcaption>refresh</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/rename.svg#i"/></svg><figcaption>rename</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/repeat.svg#i"/></svg><figcaption>repeat</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/restore.svg#i"/></svg><figcaption>restore</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/tag.svg#i"/></svg><figcaption>tag</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-auto.svg#i"/></svg><figcaption>theme-auto</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-dark.svg#i"/></svg><figcaption>theme-dark</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-light.svg#i"/></svg><figcaption>theme-light</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/today.svg#i"/></svg><figcaption>today</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/upload.svg#i"/></svg><figcaption>upload</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/warning.svg#i"/></svg><figcaption>warning</figcaption></figure></div></section>
+<section class="light"><h2>Light</h2><div><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/add.svg#i"/></svg><figcaption>add</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/back.svg#i"/></svg><figcaption>back</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/chart.svg#i"/></svg><figcaption>chart</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/check.svg#i"/></svg><figcaption>check</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/close.svg#i"/></svg><figcaption>close</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/delete.svg#i"/></svg><figcaption>delete</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/edit.svg#i"/></svg><figcaption>edit</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-horizontal-rule.svg#i"/></svg><figcaption>format-horizontal-rule</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-list-ordered.svg#i"/></svg><figcaption>format-list-ordered</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-list-unordered.svg#i"/></svg><figcaption>format-list-unordered</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-blockquote.svg#i"/></svg><figcaption>format-text-blockquote</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-bold.svg#i"/></svg><figcaption>format-text-bold</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-code.svg#i"/></svg><figcaption>format-text-code</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-heading.svg#i"/></svg><figcaption>format-text-heading</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-italic.svg#i"/></svg><figcaption>format-text-italic</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/help.svg#i"/></svg><figcaption>help</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/history.svg#i"/></svg><figcaption>history</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/home.svg#i"/></svg><figcaption>home</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/insert-table.svg#i"/></svg><figcaption>insert-table</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/internet.svg#i"/></svg><figcaption>internet</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/link.svg#i"/></svg><figcaption>link</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/list.svg#i"/></svg><figcaption>list</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/media.svg#i"/></svg><figcaption>media</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/menu.svg#i"/></svg><figcaption>menu</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/merge.svg#i"/></svg><figcaption>merge</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/new.svg#i"/></svg><figcaption>new</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/note.svg#i"/></svg><figcaption>note</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/refresh.svg#i"/></svg><figcaption>refresh</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/rename.svg#i"/></svg><figcaption>rename</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/repeat.svg#i"/></svg><figcaption>repeat</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/restore.svg#i"/></svg><figcaption>restore</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/tag.svg#i"/></svg><figcaption>tag</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-auto.svg#i"/></svg><figcaption>theme-auto</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-dark.svg#i"/></svg><figcaption>theme-dark</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-light.svg#i"/></svg><figcaption>theme-light</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/today.svg#i"/></svg><figcaption>today</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/upload.svg#i"/></svg><figcaption>upload</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/warning.svg#i"/></svg><figcaption>warning</figcaption></figure></div></section>
+<section class="dark"><h2>Dark</h2><div><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/add.svg#i"/></svg><figcaption>add</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/back.svg#i"/></svg><figcaption>back</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/chart.svg#i"/></svg><figcaption>chart</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/check.svg#i"/></svg><figcaption>check</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/close.svg#i"/></svg><figcaption>close</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/delete.svg#i"/></svg><figcaption>delete</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/edit.svg#i"/></svg><figcaption>edit</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-horizontal-rule.svg#i"/></svg><figcaption>format-horizontal-rule</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-list-ordered.svg#i"/></svg><figcaption>format-list-ordered</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-list-unordered.svg#i"/></svg><figcaption>format-list-unordered</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-blockquote.svg#i"/></svg><figcaption>format-text-blockquote</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-bold.svg#i"/></svg><figcaption>format-text-bold</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-code.svg#i"/></svg><figcaption>format-text-code</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-heading.svg#i"/></svg><figcaption>format-text-heading</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-italic.svg#i"/></svg><figcaption>format-text-italic</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/help.svg#i"/></svg><figcaption>help</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/history.svg#i"/></svg><figcaption>history</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/home.svg#i"/></svg><figcaption>home</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/insert-table.svg#i"/></svg><figcaption>insert-table</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/internet.svg#i"/></svg><figcaption>internet</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/link.svg#i"/></svg><figcaption>link</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/list.svg#i"/></svg><figcaption>list</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/media.svg#i"/></svg><figcaption>media</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/menu.svg#i"/></svg><figcaption>menu</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/merge.svg#i"/></svg><figcaption>merge</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/new.svg#i"/></svg><figcaption>new</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/note.svg#i"/></svg><figcaption>note</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/refresh.svg#i"/></svg><figcaption>refresh</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/rename.svg#i"/></svg><figcaption>rename</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/repeat.svg#i"/></svg><figcaption>repeat</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/restore.svg#i"/></svg><figcaption>restore</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/tag.svg#i"/></svg><figcaption>tag</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-auto.svg#i"/></svg><figcaption>theme-auto</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-dark.svg#i"/></svg><figcaption>theme-dark</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-light.svg#i"/></svg><figcaption>theme-light</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/today.svg#i"/></svg><figcaption>today</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/upload.svg#i"/></svg><figcaption>upload</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/warning.svg#i"/></svg><figcaption>warning</figcaption></figure></div></section>
+<section class="light small"><h2>Small (24px)</h2><div><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/add.svg#i"/></svg><figcaption>add</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/back.svg#i"/></svg><figcaption>back</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/chart.svg#i"/></svg><figcaption>chart</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/check.svg#i"/></svg><figcaption>check</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/close.svg#i"/></svg><figcaption>close</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/delete.svg#i"/></svg><figcaption>delete</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/edit.svg#i"/></svg><figcaption>edit</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-horizontal-rule.svg#i"/></svg><figcaption>format-horizontal-rule</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-list-ordered.svg#i"/></svg><figcaption>format-list-ordered</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-list-unordered.svg#i"/></svg><figcaption>format-list-unordered</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-blockquote.svg#i"/></svg><figcaption>format-text-blockquote</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-bold.svg#i"/></svg><figcaption>format-text-bold</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-code.svg#i"/></svg><figcaption>format-text-code</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-heading.svg#i"/></svg><figcaption>format-text-heading</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-italic.svg#i"/></svg><figcaption>format-text-italic</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/help.svg#i"/></svg><figcaption>help</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/history.svg#i"/></svg><figcaption>history</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/home.svg#i"/></svg><figcaption>home</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/insert-table.svg#i"/></svg><figcaption>insert-table</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/internet.svg#i"/></svg><figcaption>internet</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/link.svg#i"/></svg><figcaption>link</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/list.svg#i"/></svg><figcaption>list</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/media.svg#i"/></svg><figcaption>media</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/menu.svg#i"/></svg><figcaption>menu</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/merge.svg#i"/></svg><figcaption>merge</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/new.svg#i"/></svg><figcaption>new</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/note.svg#i"/></svg><figcaption>note</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/refresh.svg#i"/></svg><figcaption>refresh</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/rename.svg#i"/></svg><figcaption>rename</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/repeat.svg#i"/></svg><figcaption>repeat</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/restore.svg#i"/></svg><figcaption>restore</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/tag.svg#i"/></svg><figcaption>tag</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-auto.svg#i"/></svg><figcaption>theme-auto</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-dark.svg#i"/></svg><figcaption>theme-dark</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-light.svg#i"/></svg><figcaption>theme-light</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/today.svg#i"/></svg><figcaption>today</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/upload.svg#i"/></svg><figcaption>upload</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/warning.svg#i"/></svg><figcaption>warning</figcaption></figure></div></section>
+<section class="dark small"><h2>Small (24px)</h2><div><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/add.svg#i"/></svg><figcaption>add</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/back.svg#i"/></svg><figcaption>back</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/chart.svg#i"/></svg><figcaption>chart</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/check.svg#i"/></svg><figcaption>check</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/close.svg#i"/></svg><figcaption>close</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/delete.svg#i"/></svg><figcaption>delete</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/edit.svg#i"/></svg><figcaption>edit</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-horizontal-rule.svg#i"/></svg><figcaption>format-horizontal-rule</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-list-ordered.svg#i"/></svg><figcaption>format-list-ordered</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-list-unordered.svg#i"/></svg><figcaption>format-list-unordered</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-blockquote.svg#i"/></svg><figcaption>format-text-blockquote</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-bold.svg#i"/></svg><figcaption>format-text-bold</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-code.svg#i"/></svg><figcaption>format-text-code</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-heading.svg#i"/></svg><figcaption>format-text-heading</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/format-text-italic.svg#i"/></svg><figcaption>format-text-italic</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/help.svg#i"/></svg><figcaption>help</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/history.svg#i"/></svg><figcaption>history</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/home.svg#i"/></svg><figcaption>home</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/insert-table.svg#i"/></svg><figcaption>insert-table</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/internet.svg#i"/></svg><figcaption>internet</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/link.svg#i"/></svg><figcaption>link</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/list.svg#i"/></svg><figcaption>list</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/media.svg#i"/></svg><figcaption>media</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/menu.svg#i"/></svg><figcaption>menu</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/merge.svg#i"/></svg><figcaption>merge</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/new.svg#i"/></svg><figcaption>new</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/note.svg#i"/></svg><figcaption>note</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/refresh.svg#i"/></svg><figcaption>refresh</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/rename.svg#i"/></svg><figcaption>rename</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/repeat.svg#i"/></svg><figcaption>repeat</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/restore.svg#i"/></svg><figcaption>restore</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/tag.svg#i"/></svg><figcaption>tag</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-auto.svg#i"/></svg><figcaption>theme-auto</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-dark.svg#i"/></svg><figcaption>theme-dark</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/theme-light.svg#i"/></svg><figcaption>theme-light</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/today.svg#i"/></svg><figcaption>today</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/upload.svg#i"/></svg><figcaption>upload</figcaption></figure><figure><svg class="icon" viewBox="0 0 16 16"><use href="icons/warning.svg#i"/></svg><figcaption>warning</figcaption></figure></div></section>
 </body>
 </html>