aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorcodecalm <codecalm@gmail.com>2020-03-05 23:48:52 +0100
committercodecalm <codecalm@gmail.com>2020-03-05 23:48:52 +0100
commitc437e7a3973c2d00aee21b901c6743b9a052635c (patch)
tree3fde06bcd02de279dec84fc8238782402f9b0056
parentmessages (diff)
downloadtabler-icons-c437e7a3973c2d00aee21b901c6743b9a052635c.tar.xz
news, refresh, sticker, archive, stroke icons
-rw-r--r--_icons/archive.svg7
-rw-r--r--_icons/inbox.svg6
-rw-r--r--_icons/message-circle.svg8
-rw-r--r--_icons/news.svg8
-rw-r--r--_icons/paint.svg7
-rw-r--r--_icons/refresh.svg6
-rw-r--r--_icons/sticker.svg6
-rw-r--r--gulpfile.js44
-rw-r--r--icons-stroke.svg19
-rw-r--r--icons.svg544
-rw-r--r--readme.md6
11 files changed, 391 insertions, 270 deletions
diff --git a/_icons/archive.svg b/_icons/archive.svg
new file mode 100644
index 00000000..0957ea89
--- /dev/null
+++ b/_icons/archive.svg
@@ -0,0 +1,7 @@
+---
+---
+<svg>
+ <rect x="3" y="4" width="18" height="4" rx="2" />
+ <path d="M5 8v10a2 2 0 002 2h10a2 2 0 002 -2v-10" />
+ <line x1="10" y1="12" x2="14" y2="12" />
+</svg>
diff --git a/_icons/inbox.svg b/_icons/inbox.svg
new file mode 100644
index 00000000..e6f3700f
--- /dev/null
+++ b/_icons/inbox.svg
@@ -0,0 +1,6 @@
+---
+---
+<svg>
+ <rect x="4" y="4" width="16" height="16" rx="2" />
+ <path d="M4 13h3l3 3h4l3 -3h3" />
+</svg>
diff --git a/_icons/message-circle.svg b/_icons/message-circle.svg
index 61b4c7a4..11990734 100644
--- a/_icons/message-circle.svg
+++ b/_icons/message-circle.svg
@@ -1,8 +1,8 @@
---
---
<svg>
- <path d="M4 21l1.6 -6a8 8 0 113.4 3.9l-5 2.1" />
- <line x1="13" y1="12" x2="13" y2="12.01" />
- <line x1="9" y1="12" x2="9" y2="12.01" />
- <line x1="17" y1="12" x2="17" y2="12.01" />
+ <path d="M3 20l1.3 -3.9a9 8 0 113.4 2.9l-4.7 1" />
+ <line x1="12" y1="12" x2="12" y2="12.01" />
+ <line x1="8" y1="12" x2="8" y2="12.01" />
+ <line x1="16" y1="12" x2="16" y2="12.01" />
</svg>
diff --git a/_icons/news.svg b/_icons/news.svg
new file mode 100644
index 00000000..e7006f7f
--- /dev/null
+++ b/_icons/news.svg
@@ -0,0 +1,8 @@
+---
+---
+<svg>
+ <path d="M16 6h3a 1 1 0 011 1v11a2 2 0 01-4 0v-13a1 1 0 00-1 -1h-10a1 1 0 00-1 1v12a3 3 0 003 3h11" />
+ <line x1="8" y1="8" x2="12" y2="8" />
+ <line x1="8" y1="12" x2="12" y2="12" />
+ <line x1="8" y1="16" x2="12" y2="16" />
+</svg>
diff --git a/_icons/paint.svg b/_icons/paint.svg
new file mode 100644
index 00000000..a0862604
--- /dev/null
+++ b/_icons/paint.svg
@@ -0,0 +1,7 @@
+---
+---
+<svg>
+ <rect x="5" y="3" width="14" height="6" rx="2" />
+ <path d="M19 6h1a2 2 0 012 2a5 5 0 01-5 5l-5 0v2" />
+ <rect x="10" y="15" width="4" height="6" rx="1" />
+</svg>
diff --git a/_icons/refresh.svg b/_icons/refresh.svg
new file mode 100644
index 00000000..ad5962f7
--- /dev/null
+++ b/_icons/refresh.svg
@@ -0,0 +1,6 @@
+---
+---
+<svg>
+ <path d="M20 11a8.1 8.1 0 00-15.5 -2m-.5 -5v5h5" />
+ <path d="M4 13a8.1 8.1 0 0015.5 2m.5 5v-5h-5" />
+</svg>
diff --git a/_icons/sticker.svg b/_icons/sticker.svg
new file mode 100644
index 00000000..295e558e
--- /dev/null
+++ b/_icons/sticker.svg
@@ -0,0 +1,6 @@
+---
+---
+<svg>
+ <path d="M20 12l-2 .5a6 6 0 01-6.5 -6.5l.5 -2l8 8" />
+ <path d="M20 12a8 8 0 11-8 -8" />
+</svg>
diff --git a/gulpfile.js b/gulpfile.js
index a0d8a9f0..a60efe63 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -51,7 +51,47 @@ gulp.task('icons-sprite', function (cb) {
});
});
-gulp.task('optimize', function(cb){
+gulp.task('icons-stroke', function (cb) {
+
+ const icon = "disabled",
+ strokes = ['.5', '1', '1.5', '2', '2.75'],
+ svgFileContent = fs.readFileSync(`_site/icons/tabler-${icon}.svg`).toString(),
+ padding = 32,
+ paddingOuter = 32,
+ iconSize = 128,
+ width = (strokes.length * (iconSize + padding) - padding) + paddingOuter * 2,
+ height = iconSize + paddingOuter * 2;
+
+ let svgContentSymbols = '',
+ svgContentIcons = '',
+ x = paddingOuter;
+
+ console.log('width', width);
+
+ strokes.forEach(function (stroke) {
+ console.log('stroke', stroke);
+
+ let svgFileContentStroked = svgFileContent
+ .replace('<svg xmlns="http://www.w3.org/2000/svg"', `<symbol id="icon-${stroke}"`)
+ .replace(' width="24" height="24"', '')
+ .replace(' stroke-width="2"', ` stroke-width="${stroke}"`)
+ .replace('</svg>', '</symbol>')
+ .replace(/\n\s+/g, '');
+
+ svgContentSymbols += `\t${svgFileContentStroked}\n`;
+ svgContentIcons += `\t<use xlink:href="#icon-${stroke}" x="${x}" y="${paddingOuter}" width="${iconSize}" height="${iconSize}" />\n`;
+
+ x += padding + iconSize;
+ });
+
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: #354052"><rect x="0" y="0" width="${width}" height="${height}" fill="#fafbfc"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`;
+
+ fs.writeFileSync('icons-stroke.svg', svgContent);
+
+ cb();
+});
+
+gulp.task('optimize', function (cb) {
glob("_icons/*.svg", {}, function (er, files) {
files.forEach(function (file, i) {
@@ -66,7 +106,7 @@ gulp.task('optimize', function(cb){
.replace(/polyline points="([0-9.]+)\s([0-9.]+)\s([0-9.]+)\s([0-9.]+)"/g, 'line x1="$1" y1="$2" x2="$3" y2="$4"')
.replace(/\s+"/g, '"')
.replace(/\n\n+/g, "\n");
-
+
console.log('file', file);
fs.writeFileSync(file, svgFileContent);
diff --git a/icons-stroke.svg b/icons-stroke.svg
new file mode 100644
index 00000000..7db1ef83
--- /dev/null
+++ b/icons-stroke.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 832 192" width="832" height="192" style="color: #354052"><rect x="0" y="0" width="832" height="192" fill="#fafbfc"></rect>
+ <symbol id="icon-.5" class="icon tabler-icon tabler-icon-disabled" viewBox="0 0 24 24" stroke-width=".5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 106 7.5" />
+</symbol>
+ <symbol id="icon-1" class="icon tabler-icon tabler-icon-disabled" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 106 7.5" />
+</symbol>
+ <symbol id="icon-1.5" class="icon tabler-icon tabler-icon-disabled" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 106 7.5" />
+</symbol>
+ <symbol id="icon-2" class="icon tabler-icon tabler-icon-disabled" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 106 7.5" />
+</symbol>
+ <symbol id="icon-2.75" class="icon tabler-icon tabler-icon-disabled" viewBox="0 0 24 24" stroke-width="2.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 106 7.5" />
+</symbol>
+
+ <use xlink:href="#icon-.5" x="32" y="32" width="128" height="128" />
+ <use xlink:href="#icon-1" x="192" y="32" width="128" height="128" />
+ <use xlink:href="#icon-1.5" x="352" y="32" width="128" height="128" />
+ <use xlink:href="#icon-2" x="512" y="32" width="128" height="128" />
+ <use xlink:href="#icon-2.75" x="672" y="32" width="128" height="128" />
+
+</svg> \ No newline at end of file
diff --git a/icons.svg b/icons.svg
index e94d3576..dc98bbf7 100644
--- a/icons.svg
+++ b/icons.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 882 936" width="882" height="936" style="color: #354052"><rect x="0" y="0" width="882" height="936" fill="#fafbfc"></rect>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 882 990" width="882" height="990" style="color: #354052"><rect x="0" y="0" width="882" height="990" fill="#fafbfc"></rect>
<symbol id="tabler-activity" class="icon tabler-icon tabler-icon-activity" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="21 12 17 12 14 20 10 4 7 12 3 12" />
</symbol>
<symbol id="tabler-ajdustments" class="icon tabler-icon tabler-icon-ajdustments" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" />
@@ -15,6 +15,8 @@
</symbol>
<symbol id="tabler-align-right" class="icon tabler-icon tabler-icon-align-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6" /><line x1="10" y1="12" x2="20" y2="12" /><line x1="6" y1="18" x2="20" y2="18" />
</symbol>
+ <symbol id="tabler-archive" class="icon tabler-icon tabler-icon-archive" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="4" rx="2" /><path d="M5 8v10a2 2 0 002 2h10a2 2 0 002 -2v-10" /><line x1="10" y1="12" x2="14" y2="12" />
+</symbol>
<symbol id="tabler-arrow-down-circle" class="icon tabler-icon tabler-icon-arrow-down-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="12" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="16" />
</symbol>
<symbol id="tabler-arrow-down-left-circle" class="icon tabler-icon tabler-icon-arrow-down-left-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 9 15 9 9" />
@@ -321,6 +323,8 @@
</symbol>
<symbol id="tabler-ice-cream" class="icon tabler-icon tabler-icon-ice-cream" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="20" x2="8" y2="16" /><line x1="5" y1="13" x2="11" y2="19" /><path d="M11 19l7 -7a4 4 0 00-6 -6l-7 7" />
</symbol>
+ <symbol id="tabler-inbox" class="icon tabler-icon tabler-icon-inbox" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M4 13h3l3 3h4l3 -3h3" />
+</symbol>
<symbol id="tabler-info-circle" class="icon tabler-icon tabler-icon-info-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12.01" y2="8" /><polyline points="11 12 12 12 12 16 13 16" />
</symbol>
<symbol id="tabler-info-square" class="icon tabler-icon tabler-icon-info-square" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="8" x2="12.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="2" /><polyline points="11 12 12 12 12 16 13 16" />
@@ -383,7 +387,7 @@
</symbol>
<symbol id="tabler-message-2" class="icon tabler-icon tabler-icon-message-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20l-3 -3h-2a3 3 0 01-3 -3v-6a3 3 0 013 -3h10a3 3 0 013 3v6a3 3 0 01-3 3h-2l-3 3" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" />
</symbol>
- <symbol id="tabler-message-circle" class="icon tabler-icon tabler-icon-message-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M4 21l1.6 -6a8 8 0 113.4 3.9l-5 2.1" /><line x1="13" y1="12" x2="13" y2="12.01" /><line x1="9" y1="12" x2="9" y2="12.01" /><line x1="17" y1="12" x2="17" y2="12.01" />
+ <symbol id="tabler-message-circle" class="icon tabler-icon tabler-icon-message-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 20l1.3 -3.9a9 8 0 113.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" />
</symbol>
<symbol id="tabler-message-dots" class="icon tabler-icon tabler-icon-message-dots" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M4 21v-13a3 3 0 013 -3h10a3 3 0 013 3v6a3 3 0 01-3 3h-9l-4 4" /><line x1="12" y1="11" x2="12" y2="11.01" /><line x1="8" y1="11" x2="8" y2="11.01" /><line x1="16" y1="11" x2="16" y2="11.01" />
</symbol>
@@ -413,8 +417,12 @@
</symbol>
<symbol id="tabler-music" class="icon tabler-icon tabler-icon-music" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="17" r="3" /><circle cx="16" cy="17" r="3" /><polyline points="9 17 9 4 19 4 19 17" /><line x1="9" y1="8" x2="19" y2="8" />
</symbol>
+ <symbol id="tabler-news" class="icon tabler-icon tabler-icon-news" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M16 6h3a 1 1 0 011 1v11a2 2 0 01-4 0v-13a1 1 0 00-1 -1h-10a1 1 0 00-1 1v12a3 3 0 003 3h11" /><line x1="8" y1="8" x2="12" y2="8" /><line x1="8" y1="12" x2="12" y2="12" /><line x1="8" y1="16" x2="12" y2="16" />
+</symbol>
<symbol id="tabler-notification" class="icon tabler-icon tabler-icon-notification" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M9 7 h-3a2 2 0 00-2 2v9a2 2 0 00 2 2h9a2 2 0 00 2 -2v-3" /><circle cx="16" cy="8" r="3" />
</symbol>
+ <symbol id="tabler-paint" class="icon tabler-icon tabler-icon-paint" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="3" width="14" height="6" rx="2" /><path d="M19 6h1a2 2 0 012 2a5 5 0 01-5 5l-5 0v2" /><rect x="10" y="15" width="4" height="6" rx="1" />
+</symbol>
<symbol id="tabler-paperclip" class="icon tabler-icon tabler-icon-paperclip" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7l-6.5 6.5a1.5 1.5 0 003 3l6.5 -6.5a3 3 0 00-6 -6l-6.5 6.5a4.5 4.5 0 009 9 l6.5 -6.5" />
</symbol>
<symbol id="tabler-parking" class="icon tabler-icon tabler-icon-parking" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 16v-8h4a2 2 0 010 4h-4" />
@@ -435,6 +443,8 @@
</symbol>
<symbol id="tabler-qrcode" class="icon tabler-icon tabler-icon-qrcode" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="6" height="6" rx="1" /><line x1="7" y1="17" x2="7" y2="17.01" /><rect x="14" y="4" width="6" height="6" rx="1" /><line x1="7" y1="7" x2="7" y2="7.01" /><rect x="4" y="14" width="6" height="6" rx="1" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="14" y1="14" x2="17" y2="14" /><line x1="20" y1="14" x2="20" y2="14.01" /><line x1="14" y1="14" x2="14" y2="17" /><line x1="14" y1="20" x2="17" y2="20" /><line x1="17" y1="17" x2="20" y2="17" /><line x1="20" y1="17" x2="20" y2="20" />
</symbol>
+ <symbol id="tabler-refresh" class="icon tabler-icon tabler-icon-refresh" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11a8.1 8.1 0 00-15.5 -2m-.5 -5v5h5" /><path d="M4 13a8.1 8.1 0 0015.5 2m.5 5v-5h-5" />
+</symbol>
<symbol id="tabler-route" class="icon tabler-icon tabler-icon-route" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="19" r="2" /><circle cx="18" cy="5" r="2" /><path d="M12 19h4.5a3.5 3.5 0 000 -7h-8a3.5 3.5 0 010 -7h3.5" />
</symbol>
<symbol id="tabler-router" class="icon tabler-icon tabler-icon-router" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="13" width="18" height="8" rx="2" /><line x1="17" y1="17" x2="17" y2="17.01" /><line x1="13" y1="17" x2="13" y2="17.01" /><line x1="15" y1="13" x2="15" y2="11" /><path d="M11.75 8.75a4 4 0 016.5 0" /><path d="M8.5 6.5a8 8 0 0113 0" />
@@ -475,6 +485,8 @@
</symbol>
<symbol id="tabler-star" class="icon tabler-icon tabler-icon-star" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 17.75l-6.172 3.245 1.179-6.873-4.993-4.867 6.9-1.002L12 2l3.086 6.253 6.9 1.002-4.993 4.867 1.179 6.873z" />
</symbol>
+ <symbol id="tabler-sticker" class="icon tabler-icon tabler-icon-sticker" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12l-2 .5a6 6 0 01-6.5 -6.5l.5 -2l8 8" /><path d="M20 12a8 8 0 11-8 -8" />
+</symbol>
<symbol id="tabler-sun" class="icon tabler-icon tabler-icon-sun" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4" /><path d="M3 12h1M12 3v1M20 12h1M12 20v1M5.6 5.6l.7 .7M18.4 5.6l-.7 .7M17.7 17.7l.7 .7M6.3 17.7l-.7 .7" />
</symbol>
<symbol id="tabler-swich-horizontal" class="icon tabler-icon tabler-icon-swich-horizontal" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 20 7 16 11" /><line x1="10" y1="7" x2="20" y2="7" /><polyline points="8 13 4 17 8 21" /><line x1="4" y1="17" x2="13" y2="17" />
@@ -546,266 +558,272 @@
<use xlink:href="#tabler-align-justified" x="294" y="24" width="24" height="24" />
<use xlink:href="#tabler-align-left" x="348" y="24" width="24" height="24" />
<use xlink:href="#tabler-align-right" x="402" y="24" width="24" height="24" />
- <use xlink:href="#tabler-arrow-down-circle" x="456" y="24" width="24" height="24" />
- <use xlink:href="#tabler-arrow-down-left-circle" x="510" y="24" width="24" height="24" />
- <use xlink:href="#tabler-arrow-down-left" x="564" y="24" width="24" height="24" />
- <use xlink:href="#tabler-arrow-down-right-circle" x="618" y="24" width="24" height="24" />
- <use xlink:href="#tabler-arrow-down-right" x="672" y="24" width="24" height="24" />
- <use xlink:href="#tabler-arrow-down" x="726" y="24" width="24" height="24" />
- <use xlink:href="#tabler-arrow-left-circle" x="780" y="24" width="24" height="24" />
- <use xlink:href="#tabler-arrow-left" x="834" y="24" width="24" height="24" />
- <use xlink:href="#tabler-arrow-narrow-down" x="24" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-narrow-left" x="78" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-narrow-right" x="132" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-narrow-up" x="186" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-right-circle" x="240" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-right" x="294" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-up-circle" x="348" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-up-left-circle" x="402" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-up-left" x="456" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-up-right-circle" x="510" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-up-right" x="564" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrow-up" x="618" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrows-diagonal-2" x="672" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrows-diagonal" x="726" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrows-maximize" x="780" y="78" width="24" height="24" />
- <use xlink:href="#tabler-arrows-minimize" x="834" y="78" width="24" height="24" />
- <use xlink:href="#tabler-at" x="24" y="132" width="24" height="24" />
- <use xlink:href="#tabler-ban" x="78" y="132" width="24" height="24" />
- <use xlink:href="#tabler-battery-1" x="132" y="132" width="24" height="24" />
- <use xlink:href="#tabler-battery-2" x="186" y="132" width="24" height="24" />
- <use xlink:href="#tabler-battery-3" x="240" y="132" width="24" height="24" />
- <use xlink:href="#tabler-battery-4" x="294" y="132" width="24" height="24" />
- <use xlink:href="#tabler-battery-charging" x="348" y="132" width="24" height="24" />
- <use xlink:href="#tabler-battery" x="402" y="132" width="24" height="24" />
- <use xlink:href="#tabler-bell" x="456" y="132" width="24" height="24" />
- <use xlink:href="#tabler-bike" x="510" y="132" width="24" height="24" />
- <use xlink:href="#tabler-bluetooth" x="564" y="132" width="24" height="24" />
- <use xlink:href="#tabler-bolt" x="618" y="132" width="24" height="24" />
- <use xlink:href="#tabler-book" x="672" y="132" width="24" height="24" />
- <use xlink:href="#tabler-bookmark" x="726" y="132" width="24" height="24" />
- <use xlink:href="#tabler-border-all" x="780" y="132" width="24" height="24" />
- <use xlink:href="#tabler-border-bottom" x="834" y="132" width="24" height="24" />
- <use xlink:href="#tabler-border-horizontal" x="24" y="186" width="24" height="24" />
- <use xlink:href="#tabler-border-inner" x="78" y="186" width="24" height="24" />
- <use xlink:href="#tabler-border-left" x="132" y="186" width="24" height="24" />
- <use xlink:href="#tabler-border-none" x="186" y="186" width="24" height="24" />
- <use xlink:href="#tabler-border-outer" x="240" y="186" width="24" height="24" />
- <use xlink:href="#tabler-border-right" x="294" y="186" width="24" height="24" />
- <use xlink:href="#tabler-border-top" x="348" y="186" width="24" height="24" />
- <use xlink:href="#tabler-border-vertical" x="402" y="186" width="24" height="24" />
- <use xlink:href="#tabler-box" x="456" y="186" width="24" height="24" />
- <use xlink:href="#tabler-briefcase" x="510" y="186" width="24" height="24" />
- <use xlink:href="#tabler-bulb-off" x="564" y="186" width="24" height="24" />
- <use xlink:href="#tabler-bulb" x="618" y="186" width="24" height="24" />
- <use xlink:href="#tabler-calendar" x="672" y="186" width="24" height="24" />
- <use xlink:href="#tabler-call-incoming" x="726" y="186" width="24" height="24" />
- <use xlink:href="#tabler-call-outgoing" x="780" y="186" width="24" height="24" />
- <use xlink:href="#tabler-call-pause" x="834" y="186" width="24" height="24" />
- <use xlink:href="#tabler-call" x="24" y="240" width="24" height="24" />
- <use xlink:href="#tabler-camera" x="78" y="240" width="24" height="24" />
- <use xlink:href="#tabler-cash" x="132" y="240" width="24" height="24" />
- <use xlink:href="#tabler-cast" x="186" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chart-area-line" x="240" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chart-area" x="294" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chart-bar" x="348" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chart-candle" x="402" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chart-donut" x="456" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chart-line" x="510" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chart-pie" x="564" y="240" width="24" height="24" />
- <use xlink:href="#tabler-check" x="618" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chevron-down" x="672" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chevron-left" x="726" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chevron-right" x="780" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chevron-up" x="834" y="240" width="24" height="24" />
- <use xlink:href="#tabler-chevrons-down" x="24" y="294" width="24" height="24" />
- <use xlink:href="#tabler-chevrons-left" x="78" y="294" width="24" height="24" />
- <use xlink:href="#tabler-chevrons-right" x="132" y="294" width="24" height="24" />
- <use xlink:href="#tabler-chevrons-up" x="186" y="294" width="24" height="24" />
- <use xlink:href="#tabler-circle-check" x="240" y="294" width="24" height="24" />
- <use xlink:href="#tabler-circle-minus" x="294" y="294" width="24" height="24" />
- <use xlink:href="#tabler-circle-plus" x="348" y="294" width="24" height="24" />
- <use xlink:href="#tabler-circle-x" x="402" y="294" width="24" height="24" />
- <use xlink:href="#tabler-circle" x="456" y="294" width="24" height="24" />
- <use xlink:href="#tabler-clipboard-check" x="510" y="294" width="24" height="24" />
- <use xlink:href="#tabler-clipboard-list" x="564" y="294" width="24" height="24" />
- <use xlink:href="#tabler-clipboard-x" x="618" y="294" width="24" height="24" />
- <use xlink:href="#tabler-clipboard" x="672" y="294" width="24" height="24" />
- <use xlink:href="#tabler-clock" x="726" y="294" width="24" height="24" />
- <use xlink:href="#tabler-cloud-download" x="780" y="294" width="24" height="24" />
- <use xlink:href="#tabler-cloud-rain" x="834" y="294" width="24" height="24" />
- <use xlink:href="#tabler-cloud-snow" x="24" y="348" width="24" height="24" />
- <use xlink:href="#tabler-cloud-storm" x="78" y="348" width="24" height="24" />
- <use xlink:href="#tabler-cloud-upload" x="132" y="348" width="24" height="24" />
- <use xlink:href="#tabler-cloud" x="186" y="348" width="24" height="24" />
- <use xlink:href="#tabler-code" x="240" y="348" width="24" height="24" />
- <use xlink:href="#tabler-command" x="294" y="348" width="24" height="24" />
- <use xlink:href="#tabler-compass" x="348" y="348" width="24" height="24" />
- <use xlink:href="#tabler-copy" x="402" y="348" width="24" height="24" />
- <use xlink:href="#tabler-corner-down-left" x="456" y="348" width="24" height="24" />
- <use xlink:href="#tabler-corner-down-right" x="510" y="348" width="24" height="24" />
- <use xlink:href="#tabler-corner-left-down" x="564" y="348" width="24" height="24" />
- <use xlink:href="#tabler-corner-left-up" x="618" y="348" width="24" height="24" />
- <use xlink:href="#tabler-corner-right-down" x="672" y="348" width="24" height="24" />
- <use xlink:href="#tabler-corner-right-up" x="726" y="348" width="24" height="24" />
- <use xlink:href="#tabler-corner-up-left" x="780" y="348" width="24" height="24" />
- <use xlink:href="#tabler-corner-up-right" x="834" y="348" width="24" height="24" />
- <use xlink:href="#tabler-credit-card" x="24" y="402" width="24" height="24" />
- <use xlink:href="#tabler-cut" x="78" y="402" width="24" height="24" />
- <use xlink:href="#tabler-database" x="132" y="402" width="24" height="24" />
- <use xlink:href="#tabler-device-desktop" x="186" y="402" width="24" height="24" />
- <use xlink:href="#tabler-device-mobile" x="240" y="402" width="24" height="24" />
- <use xlink:href="#tabler-device-tablet" x="294" y="402" width="24" height="24" />
- <use xlink:href="#tabler-directions" x="348" y="402" width="24" height="24" />
- <use xlink:href="#tabler-disabled" x="402" y="402" width="24" height="24" />
- <use xlink:href="#tabler-disc" x="456" y="402" width="24" height="24" />
- <use xlink:href="#tabler-dots-circle-horizontal" x="510" y="402" width="24" height="24" />
- <use xlink:href="#tabler-dots-diagonal-2" x="564" y="402" width="24" height="24" />
- <use xlink:href="#tabler-dots-diagonal" x="618" y="402" width="24" height="24" />
- <use xlink:href="#tabler-dots-vertical" x="672" y="402" width="24" height="24" />
- <use xlink:href="#tabler-dots" x="726" y="402" width="24" height="24" />
- <use xlink:href="#tabler-download" x="780" y="402" width="24" height="24" />
- <use xlink:href="#tabler-droplet" x="834" y="402" width="24" height="24" />
- <use xlink:href="#tabler-edit" x="24" y="456" width="24" height="24" />
- <use xlink:href="#tabler-external-link" x="78" y="456" width="24" height="24" />
- <use xlink:href="#tabler-eye" x="132" y="456" width="24" height="24" />
- <use xlink:href="#tabler-file-check" x="186" y="456" width="24" height="24" />
- <use xlink:href="#tabler-file-download" x="240" y="456" width="24" height="24" />
- <use xlink:href="#tabler-file-minus" x="294" y="456" width="24" height="24" />
- <use xlink:href="#tabler-file-music" x="348" y="456" width="24" height="24" />
- <use xlink:href="#tabler-file-plus" x="402" y="456" width="24" height="24" />
- <use xlink:href="#tabler-file-text" x="456" y="456" width="24" height="24" />
- <use xlink:href="#tabler-file-x" x="510" y="456" width="24" height="24" />
- <use xlink:href="#tabler-file" x="564" y="456" width="24" height="24" />
- <use xlink:href="#tabler-filter" x="618" y="456" width="24" height="24" />
- <use xlink:href="#tabler-flag" x="672" y="456" width="24" height="24" />
- <use xlink:href="#tabler-flip-horizontal" x="726" y="456" width="24" height="24" />
- <use xlink:href="#tabler-flip-vertical" x="780" y="456" width="24" height="24" />
- <use xlink:href="#tabler-floppy-disc" x="834" y="456" width="24" height="24" />
- <use xlink:href="#tabler-folder-minus" x="24" y="510" width="24" height="24" />
- <use xlink:href="#tabler-folder-plus" x="78" y="510" width="24" height="24" />
- <use xlink:href="#tabler-folder-x" x="132" y="510" width="24" height="24" />
- <use xlink:href="#tabler-folder" x="186" y="510" width="24" height="24" />
- <use xlink:href="#tabler-folders" x="240" y="510" width="24" height="24" />
- <use xlink:href="#tabler-frame" x="294" y="510" width="24" height="24" />
- <use xlink:href="#tabler-friends" x="348" y="510" width="24" height="24" />
- <use xlink:href="#tabler-gauge" x="402" y="510" width="24" height="24" />
- <use xlink:href="#tabler-glass-full" x="456" y="510" width="24" height="24" />
- <use xlink:href="#tabler-glass" x="510" y="510" width="24" height="24" />
- <use xlink:href="#tabler-grid-2" x="564" y="510" width="24" height="24" />
- <use xlink:href="#tabler-grid" x="618" y="510" width="24" height="24" />
- <use xlink:href="#tabler-hash" x="672" y="510" width="24" height="24" />
- <use xlink:href="#tabler-headphones" x="726" y="510" width="24" height="24" />
- <use xlink:href="#tabler-heart" x="780" y="510" width="24" height="24" />
- <use xlink:href="#tabler-home" x="834" y="510" width="24" height="24" />
- <use xlink:href="#tabler-ice-cream" x="24" y="564" width="24" height="24" />
- <use xlink:href="#tabler-info-circle" x="78" y="564" width="24" height="24" />
- <use xlink:href="#tabler-info-square" x="132" y="564" width="24" height="24" />
- <use xlink:href="#tabler-key" x="186" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layers-difference" x="240" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layers-intersect" x="294" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layers-subtract" x="348" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layers-union" x="402" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layout-align-bottom" x="456" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layout-align-center" x="510" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layout-align-left" x="564" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layout-align-middle" x="618" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layout-align-right" x="672" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layout-align-top" x="726" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layout-distribute-horizontal" x="780" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layout-distribute-vertical" x="834" y="564" width="24" height="24" />
- <use xlink:href="#tabler-layout" x="24" y="618" width="24" height="24" />
- <use xlink:href="#tabler-lego" x="78" y="618" width="24" height="24" />
- <use xlink:href="#tabler-link" x="132" y="618" width="24" height="24" />
- <use xlink:href="#tabler-location" x="186" y="618" width="24" height="24" />
- <use xlink:href="#tabler-lock-open" x="240" y="618" width="24" height="24" />
- <use xlink:href="#tabler-lock" x="294" y="618" width="24" height="24" />
- <use xlink:href="#tabler-magnet" x="348" y="618" width="24" height="24" />
- <use xlink:href="#tabler-mail-opened" x="402" y="618" width="24" height="24" />
- <use xlink:href="#tabler-mail" x="456" y="618" width="24" height="24" />
- <use xlink:href="#tabler-man" x="510" y="618" width="24" height="24" />
- <use xlink:href="#tabler-map-2" x="564" y="618" width="24" height="24" />
- <use xlink:href="#tabler-map-pin" x="618" y="618" width="24" height="24" />
- <use xlink:href="#tabler-map" x="672" y="618" width="24" height="24" />
- <use xlink:href="#tabler-maximize" x="726" y="618" width="24" height="24" />
- <use xlink:href="#tabler-menu" x="780" y="618" width="24" height="24" />
- <use xlink:href="#tabler-message-2" x="834" y="618" width="24" height="24" />
- <use xlink:href="#tabler-message-circle" x="24" y="672" width="24" height="24" />
- <use xlink:href="#tabler-message-dots" x="78" y="672" width="24" height="24" />
- <use xlink:href="#tabler-message" x="132" y="672" width="24" height="24" />
- <use xlink:href="#tabler-microphone" x="186" y="672" width="24" height="24" />
- <use xlink:href="#tabler-minimize" x="240" y="672" width="24" height="24" />
- <use xlink:href="#tabler-minus" x="294" y="672" width="24" height="24" />
- <use xlink:href="#tabler-mood-confuzed" x="348" y="672" width="24" height="24" />
- <use xlink:href="#tabler-mood-happy" x="402" y="672" width="24" height="24" />
- <use xlink:href="#tabler-mood-neutral" x="456" y="672" width="24" height="24" />
- <use xlink:href="#tabler-mood-sad" x="510" y="672" width="24" height="24" />
- <use xlink:href="#tabler-mood-smile" x="564" y="672" width="24" height="24" />
- <use xlink:href="#tabler-moon" x="618" y="672" width="24" height="24" />
- <use xlink:href="#tabler-mouse" x="672" y="672" width="24" height="24" />
- <use xlink:href="#tabler-movie" x="726" y="672" width="24" height="24" />
- <use xlink:href="#tabler-music" x="780" y="672" width="24" height="24" />
- <use xlink:href="#tabler-notification" x="834" y="672" width="24" height="24" />
- <use xlink:href="#tabler-paperclip" x="24" y="726" width="24" height="24" />
- <use xlink:href="#tabler-parking" x="78" y="726" width="24" height="24" />
- <use xlink:href="#tabler-photo" x="132" y="726" width="24" height="24" />
- <use xlink:href="#tabler-plus" x="186" y="726" width="24" height="24" />
- <use xlink:href="#tabler-point" x="240" y="726" width="24" height="24" />
- <use xlink:href="#tabler-power" x="294" y="726" width="24" height="24" />
- <use xlink:href="#tabler-printer" x="348" y="726" width="24" height="24" />
- <use xlink:href="#tabler-prompt" x="402" y="726" width="24" height="24" />
- <use xlink:href="#tabler-puzzle" x="456" y="726" width="24" height="24" />
- <use xlink:href="#tabler-qrcode" x="510" y="726" width="24" height="24" />
- <use xlink:href="#tabler-route" x="564" y="726" width="24" height="24" />
- <use xlink:href="#tabler-router" x="618" y="726" width="24" height="24" />
- <use xlink:href="#tabler-rss" x="672" y="726" width="24" height="24" />
- <use xlink:href="#tabler-search" x="726" y="726" width="24" height="24" />
- <use xlink:href="#tabler-selector" x="780" y="726" width="24" height="24" />
- <use xlink:href="#tabler-send" x="834" y="726" width="24" height="24" />
- <use xlink:href="#tabler-server" x="24" y="780" width="24" height="24" />
- <use xlink:href="#tabler-settings" x="78" y="780" width="24" height="24" />
- <use xlink:href="#tabler-share" x="132" y="780" width="24" height="24" />
- <use xlink:href="#tabler-shield-check" x="186" y="780" width="24" height="24" />
- <use xlink:href="#tabler-shield" x="240" y="780" width="24" height="24" />
- <use xlink:href="#tabler-shopping-cart" x="294" y="780" width="24" height="24" />
- <use xlink:href="#tabler-sort-ascending" x="348" y="780" width="24" height="24" />
- <use xlink:href="#tabler-sort-descending" x="402" y="780" width="24" height="24" />
- <use xlink:href="#tabler-square-check" x="456" y="780" width="24" height="24" />
- <use xlink:href="#tabler-square-minus" x="510" y="780" width="24" height="24" />
- <use xlink:href="#tabler-square-plus" x="564" y="780" width="24" height="24" />
- <use xlink:href="#tabler-square-x" x="618" y="780" width="24" height="24" />
- <use xlink:href="#tabler-square" x="672" y="780" width="24" height="24" />
- <use xlink:href="#tabler-star" x="726" y="780" width="24" height="24" />
- <use xlink:href="#tabler-sun" x="780" y="780" width="24" height="24" />
- <use xlink:href="#tabler-swich-horizontal" x="834" y="780" width="24" height="24" />
- <use xlink:href="#tabler-switch-vertical" x="24" y="834" width="24" height="24" />
- <use xlink:href="#tabler-switch" x="78" y="834" width="24" height="24" />
- <use xlink:href="#tabler-tag" x="132" y="834" width="24" height="24" />
- <use xlink:href="#tabler-target" x="186" y="834" width="24" height="24" />
- <use xlink:href="#tabler-thumbs-down" x="240" y="834" width="24" height="24" />
- <use xlink:href="#tabler-thumbs-up" x="294" y="834" width="24" height="24" />
- <use xlink:href="#tabler-ticket" x="348" y="834" width="24" height="24" />
- <use xlink:href="#tabler-trash" x="402" y="834" width="24" height="24" />
- <use xlink:href="#tabler-trending-down" x="456" y="834" width="24" height="24" />
- <use xlink:href="#tabler-trending-up" x="510" y="834" width="24" height="24" />
- <use xlink:href="#tabler-triangle" x="564" y="834" width="24" height="24" />
- <use xlink:href="#tabler-trophy" x="618" y="834" width="24" height="24" />
- <use xlink:href="#tabler-unlink" x="672" y="834" width="24" height="24" />
- <use xlink:href="#tabler-upload" x="726" y="834" width="24" height="24" />
- <use xlink:href="#tabler-user-check" x="780" y="834" width="24" height="24" />
- <use xlink:href="#tabler-user-minus" x="834" y="834" width="24" height="24" />
- <use xlink:href="#tabler-user-plus" x="24" y="888" width="24" height="24" />
- <use xlink:href="#tabler-user-x" x="78" y="888" width="24" height="24" />
- <use xlink:href="#tabler-user" x="132" y="888" width="24" height="24" />
- <use xlink:href="#tabler-viewfinder" x="186" y="888" width="24" height="24" />
- <use xlink:href="#tabler-volume-2" x="240" y="888" width="24" height="24" />
- <use xlink:href="#tabler-volume-3" x="294" y="888" width="24" height="24" />
- <use xlink:href="#tabler-volume" x="348" y="888" width="24" height="24" />
- <use xlink:href="#tabler-wifi" x="402" y="888" width="24" height="24" />
- <use xlink:href="#tabler-woman" x="456" y="888" width="24" height="24" />
- <use xlink:href="#tabler-world" x="510" y="888" width="24" height="24" />
- <use xlink:href="#tabler-x" x="564" y="888" width="24" height="24" />
- <use xlink:href="#tabler-zoom-in" x="618" y="888" width="24" height="24" />
- <use xlink:href="#tabler-zoom-out" x="672" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-archive" x="456" y="24" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-circle" x="510" y="24" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-left-circle" x="564" y="24" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-left" x="618" y="24" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-right-circle" x="672" y="24" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-right" x="726" y="24" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down" x="780" y="24" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-left-circle" x="834" y="24" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-left" x="24" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-narrow-down" x="78" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-narrow-left" x="132" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-narrow-right" x="186" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-narrow-up" x="240" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-right-circle" x="294" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-right" x="348" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-circle" x="402" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-left-circle" x="456" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-left" x="510" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-right-circle" x="564" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-right" x="618" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up" x="672" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrows-diagonal-2" x="726" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrows-diagonal" x="780" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrows-maximize" x="834" y="78" width="24" height="24" />
+ <use xlink:href="#tabler-arrows-minimize" x="24" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-at" x="78" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-ban" x="132" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-battery-1" x="186" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-battery-2" x="240" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-battery-3" x="294" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-battery-4" x="348" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-battery-charging" x="402" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-battery" x="456" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-bell" x="510" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-bike" x="564" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-bluetooth" x="618" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-bolt" x="672" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-book" x="726" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-bookmark" x="780" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-border-all" x="834" y="132" width="24" height="24" />
+ <use xlink:href="#tabler-border-bottom" x="24" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-border-horizontal" x="78" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-border-inner" x="132" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-border-left" x="186" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-border-none" x="240" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-border-outer" x="294" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-border-right" x="348" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-border-top" x="402" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-border-vertical" x="456" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-box" x="510" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-briefcase" x="564" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-bulb-off" x="618" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-bulb" x="672" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-calendar" x="726" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-call-incoming" x="780" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-call-outgoing" x="834" y="186" width="24" height="24" />
+ <use xlink:href="#tabler-call-pause" x="24" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-call" x="78" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-camera" x="132" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-cash" x="186" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-cast" x="240" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chart-area-line" x="294" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chart-area" x="348" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chart-bar" x="402" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chart-candle" x="456" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chart-donut" x="510" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chart-line" x="564" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chart-pie" x="618" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-check" x="672" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chevron-down" x="726" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chevron-left" x="780" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chevron-right" x="834" y="240" width="24" height="24" />
+ <use xlink:href="#tabler-chevron-up" x="24" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-chevrons-down" x="78" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-chevrons-left" x="132" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-chevrons-right" x="186" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-chevrons-up" x="240" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-circle-check" x="294" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-circle-minus" x="348" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-circle-plus" x="402" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-circle-x" x="456" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-circle" x="510" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-clipboard-check" x="564" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-clipboard-list" x="618" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-clipboard-x" x="672" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-clipboard" x="726" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-clock" x="780" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-cloud-download" x="834" y="294" width="24" height="24" />
+ <use xlink:href="#tabler-cloud-rain" x="24" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-cloud-snow" x="78" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-cloud-storm" x="132" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-cloud-upload" x="186" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-cloud" x="240" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-code" x="294" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-command" x="348" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-compass" x="402" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-copy" x="456" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-corner-down-left" x="510" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-corner-down-right" x="564" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-corner-left-down" x="618" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-corner-left-up" x="672" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-corner-right-down" x="726" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-corner-right-up" x="780" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-corner-up-left" x="834" y="348" width="24" height="24" />
+ <use xlink:href="#tabler-corner-up-right" x="24" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-credit-card" x="78" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-cut" x="132" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-database" x="186" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-device-desktop" x="240" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-device-mobile" x="294" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-device-tablet" x="348" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-directions" x="402" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-disabled" x="456" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-disc" x="510" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-dots-circle-horizontal" x="564" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-dots-diagonal-2" x="618" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-dots-diagonal" x="672" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-dots-vertical" x="726" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-dots" x="780" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-download" x="834" y="402" width="24" height="24" />
+ <use xlink:href="#tabler-droplet" x="24" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-edit" x="78" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-external-link" x="132" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-eye" x="186" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-file-check" x="240" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-file-download" x="294" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-file-minus" x="348" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-file-music" x="402" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-file-plus" x="456" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-file-text" x="510" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-file-x" x="564" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-file" x="618" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-filter" x="672" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-flag" x="726" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-flip-horizontal" x="780" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-flip-vertical" x="834" y="456" width="24" height="24" />
+ <use xlink:href="#tabler-floppy-disc" x="24" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-folder-minus" x="78" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-folder-plus" x="132" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-folder-x" x="186" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-folder" x="240" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-folders" x="294" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-frame" x="348" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-friends" x="402" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-gauge" x="456" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-glass-full" x="510" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-glass" x="564" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-grid-2" x="618" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-grid" x="672" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-hash" x="726" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-headphones" x="780" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-heart" x="834" y="510" width="24" height="24" />
+ <use xlink:href="#tabler-home" x="24" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-ice-cream" x="78" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-inbox" x="132" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-info-circle" x="186" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-info-square" x="240" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-key" x="294" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layers-difference" x="348" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layers-intersect" x="402" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layers-subtract" x="456" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layers-union" x="510" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layout-align-bottom" x="564" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layout-align-center" x="618" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layout-align-left" x="672" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layout-align-middle" x="726" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layout-align-right" x="780" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layout-align-top" x="834" y="564" width="24" height="24" />
+ <use xlink:href="#tabler-layout-distribute-horizontal" x="24" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-layout-distribute-vertical" x="78" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-layout" x="132" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-lego" x="186" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-link" x="240" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-location" x="294" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-lock-open" x="348" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-lock" x="402" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-magnet" x="456" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-mail-opened" x="510" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-mail" x="564" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-man" x="618" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-map-2" x="672" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-map-pin" x="726" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-map" x="780" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-maximize" x="834" y="618" width="24" height="24" />
+ <use xlink:href="#tabler-menu" x="24" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-message-2" x="78" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-message-circle" x="132" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-message-dots" x="186" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-message" x="240" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-microphone" x="294" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-minimize" x="348" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-minus" x="402" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-mood-confuzed" x="456" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-mood-happy" x="510" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-mood-neutral" x="564" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-mood-sad" x="618" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-mood-smile" x="672" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-moon" x="726" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-mouse" x="780" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-movie" x="834" y="672" width="24" height="24" />
+ <use xlink:href="#tabler-music" x="24" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-news" x="78" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-notification" x="132" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-paint" x="186" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-paperclip" x="240" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-parking" x="294" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-photo" x="348" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-plus" x="402" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-point" x="456" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-power" x="510" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-printer" x="564" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-prompt" x="618" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-puzzle" x="672" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-qrcode" x="726" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-refresh" x="780" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-route" x="834" y="726" width="24" height="24" />
+ <use xlink:href="#tabler-router" x="24" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-rss" x="78" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-search" x="132" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-selector" x="186" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-send" x="240" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-server" x="294" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-settings" x="348" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-share" x="402" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-shield-check" x="456" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-shield" x="510" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-shopping-cart" x="564" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-sort-ascending" x="618" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-sort-descending" x="672" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-square-check" x="726" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-square-minus" x="780" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-square-plus" x="834" y="780" width="24" height="24" />
+ <use xlink:href="#tabler-square-x" x="24" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-square" x="78" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-star" x="132" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-sticker" x="186" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-sun" x="240" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-swich-horizontal" x="294" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-switch-vertical" x="348" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-switch" x="402" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-tag" x="456" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-target" x="510" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-thumbs-down" x="564" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-thumbs-up" x="618" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-ticket" x="672" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-trash" x="726" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-trending-down" x="780" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-trending-up" x="834" y="834" width="24" height="24" />
+ <use xlink:href="#tabler-triangle" x="24" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-trophy" x="78" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-unlink" x="132" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-upload" x="186" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-user-check" x="240" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-user-minus" x="294" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-user-plus" x="348" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-user-x" x="402" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-user" x="456" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-viewfinder" x="510" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-volume-2" x="564" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-volume-3" x="618" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-volume" x="672" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-wifi" x="726" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-woman" x="780" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-world" x="834" y="888" width="24" height="24" />
+ <use xlink:href="#tabler-x" x="24" y="942" width="24" height="24" />
+ <use xlink:href="#tabler-zoom-in" x="78" y="942" width="24" height="24" />
+ <use xlink:href="#tabler-zoom-out" x="132" y="942" width="24" height="24" />
</svg> \ No newline at end of file
diff --git a/readme.md b/readme.md
index c1eed391..dc8fbf18 100644
--- a/readme.md
+++ b/readme.md
@@ -1,5 +1,9 @@
# Tabler icons
-A set of over 200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
+A set of almost 300 free MIT-licensed high-quality SVG icons for you to use in your web projects.
![Tabler icons](./icons.svg)
+
+### Multiple strokes
+
+![Tabler icons](./icons-stroke.svg)