face id icon

5 files changed, 176 insertions, 152 deletions

diff --git a/gulpfile.js b/gulpfile.js
index 3907ef11..3db1297b 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -87,7 +87,7 @@ gulp.task('icons-stroke', function (cb) {
 });
 
 gulp.task('optimize', function (cb) {
-	glob("_icons/*.svg", {}, function (er, files) {
+	glob("src/_icons/*.svg", {}, function (er, files) {
 
 		files.forEach(function (file, i) {
 			let svgFile = fs.readFileSync(file),
diff --git a/icons.svg b/icons.svg
index 79854517..a356ce3b 100644
--- a/icons.svg
+++ b/icons.svg
@@ -267,6 +267,8 @@
 </symbol>
 	<symbol id="eye" class="icon tabler-icon tabler-icon-eye" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="2" /><path d="M2 12l1.5 2a11 11 0 0017 0l1.5 -2" /><path d="M2 12l1.5 -2a11 11 0 0117 0l1.5 2" />
 </symbol>
+	<symbol id="face-id" class="icon tabler-icon tabler-icon-face-id" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M4 8v-2a2 2 0 012 -2h2" /><path d="M4 16v2a2 2 0 002 2h2" /><path d="M16 4h2a2 2 0 012 2v2" /><path d="M16 20h2a2 2 0 002 -2v-2" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 005 0" />
+</symbol>
 	<symbol id="file-check" class="icon tabler-icon tabler-icon-file-check" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="14 3 14 8 19 8" /><path d="M17 21H7a2 2 0 01-2-2V5a2 2 0 012-2h7l5 5v11a2 2 0 01-2 2z" /><path d="M9 15l2 2l4 -4" />
 </symbol>
 	<symbol id="file-download" class="icon tabler-icon tabler-icon-file-download" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="14 3 14 8 19 8" /><path d="M17 21H7a2 2 0 01-2-2V5a2 2 0 012-2h7l5 5v11a2 2 0 01-2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><polyline points="9 14 12 17 15 14" />
@@ -698,153 +700,154 @@
 	<use xlink:href="#edit" x="641" y="376" width="24" height="24" />
 	<use xlink:href="#external-link" x="694" y="376" width="24" height="24" />
 	<use xlink:href="#eye" x="747" y="376" width="24" height="24" />
-	<use xlink:href="#file-check" x="800" y="376" width="24" height="24" />
-	<use xlink:href="#file-download" x="853" y="376" width="24" height="24" />
-	<use xlink:href="#file-minus" x="5" y="429" width="24" height="24" />
-	<use xlink:href="#file-music" x="58" y="429" width="24" height="24" />
-	<use xlink:href="#file-plus" x="111" y="429" width="24" height="24" />
-	<use xlink:href="#file-text" x="164" y="429" width="24" height="24" />
-	<use xlink:href="#file-x" x="217" y="429" width="24" height="24" />
-	<use xlink:href="#file" x="270" y="429" width="24" height="24" />
-	<use xlink:href="#filter" x="323" y="429" width="24" height="24" />
-	<use xlink:href="#flag" x="376" y="429" width="24" height="24" />
-	<use xlink:href="#flip-horizontal" x="429" y="429" width="24" height="24" />
-	<use xlink:href="#flip-vertical" x="482" y="429" width="24" height="24" />
-	<use xlink:href="#floppy-disc" x="535" y="429" width="24" height="24" />
-	<use xlink:href="#folder-minus" x="588" y="429" width="24" height="24" />
-	<use xlink:href="#folder-plus" x="641" y="429" width="24" height="24" />
-	<use xlink:href="#folder-x" x="694" y="429" width="24" height="24" />
-	<use xlink:href="#folder" x="747" y="429" width="24" height="24" />
-	<use xlink:href="#folders" x="800" y="429" width="24" height="24" />
-	<use xlink:href="#frame" x="853" y="429" width="24" height="24" />
-	<use xlink:href="#friends" x="5" y="482" width="24" height="24" />
-	<use xlink:href="#gauge" x="58" y="482" width="24" height="24" />
-	<use xlink:href="#glass-full" x="111" y="482" width="24" height="24" />
-	<use xlink:href="#glass" x="164" y="482" width="24" height="24" />
-	<use xlink:href="#grid-2" x="217" y="482" width="24" height="24" />
-	<use xlink:href="#grid" x="270" y="482" width="24" height="24" />
-	<use xlink:href="#hash" x="323" y="482" width="24" height="24" />
-	<use xlink:href="#headphones" x="376" y="482" width="24" height="24" />
-	<use xlink:href="#heart" x="429" y="482" width="24" height="24" />
-	<use xlink:href="#home" x="482" y="482" width="24" height="24" />
-	<use xlink:href="#ice-cream" x="535" y="482" width="24" height="24" />
-	<use xlink:href="#inbox" x="588" y="482" width="24" height="24" />
-	<use xlink:href="#info-circle" x="641" y="482" width="24" height="24" />
-	<use xlink:href="#info-square" x="694" y="482" width="24" height="24" />
-	<use xlink:href="#key" x="747" y="482" width="24" height="24" />
-	<use xlink:href="#layers-difference" x="800" y="482" width="24" height="24" />
-	<use xlink:href="#layers-intersect" x="853" y="482" width="24" height="24" />
-	<use xlink:href="#layers-subtract" x="5" y="535" width="24" height="24" />
-	<use xlink:href="#layers-union" x="58" y="535" width="24" height="24" />
-	<use xlink:href="#layout-align-bottom" x="111" y="535" width="24" height="24" />
-	<use xlink:href="#layout-align-center" x="164" y="535" width="24" height="24" />
-	<use xlink:href="#layout-align-left" x="217" y="535" width="24" height="24" />
-	<use xlink:href="#layout-align-middle" x="270" y="535" width="24" height="24" />
-	<use xlink:href="#layout-align-right" x="323" y="535" width="24" height="24" />
-	<use xlink:href="#layout-align-top" x="376" y="535" width="24" height="24" />
-	<use xlink:href="#layout-distribute-horizontal" x="429" y="535" width="24" height="24" />
-	<use xlink:href="#layout-distribute-vertical" x="482" y="535" width="24" height="24" />
-	<use xlink:href="#layout" x="535" y="535" width="24" height="24" />
-	<use xlink:href="#lego" x="588" y="535" width="24" height="24" />
-	<use xlink:href="#link" x="641" y="535" width="24" height="24" />
-	<use xlink:href="#location" x="694" y="535" width="24" height="24" />
-	<use xlink:href="#lock-open" x="747" y="535" width="24" height="24" />
-	<use xlink:href="#lock" x="800" y="535" width="24" height="24" />
-	<use xlink:href="#magnet" x="853" y="535" width="24" height="24" />
-	<use xlink:href="#mail-opened" x="5" y="588" width="24" height="24" />
-	<use xlink:href="#mail" x="58" y="588" width="24" height="24" />
-	<use xlink:href="#man" x="111" y="588" width="24" height="24" />
-	<use xlink:href="#map-2" x="164" y="588" width="24" height="24" />
-	<use xlink:href="#map-pin" x="217" y="588" width="24" height="24" />
-	<use xlink:href="#map" x="270" y="588" width="24" height="24" />
-	<use xlink:href="#maximize" x="323" y="588" width="24" height="24" />
-	<use xlink:href="#menu" x="376" y="588" width="24" height="24" />
-	<use xlink:href="#message-2" x="429" y="588" width="24" height="24" />
-	<use xlink:href="#message-circle" x="482" y="588" width="24" height="24" />
-	<use xlink:href="#message-dots" x="535" y="588" width="24" height="24" />
-	<use xlink:href="#message" x="588" y="588" width="24" height="24" />
-	<use xlink:href="#microphone" x="641" y="588" width="24" height="24" />
-	<use xlink:href="#minimize" x="694" y="588" width="24" height="24" />
-	<use xlink:href="#minus" x="747" y="588" width="24" height="24" />
-	<use xlink:href="#mood-confuzed" x="800" y="588" width="24" height="24" />
-	<use xlink:href="#mood-happy" x="853" y="588" width="24" height="24" />
-	<use xlink:href="#mood-neutral" x="5" y="641" width="24" height="24" />
-	<use xlink:href="#mood-sad" x="58" y="641" width="24" height="24" />
-	<use xlink:href="#mood-smile" x="111" y="641" width="24" height="24" />
-	<use xlink:href="#moon" x="164" y="641" width="24" height="24" />
-	<use xlink:href="#mouse" x="217" y="641" width="24" height="24" />
-	<use xlink:href="#movie" x="270" y="641" width="24" height="24" />
-	<use xlink:href="#music" x="323" y="641" width="24" height="24" />
-	<use xlink:href="#news" x="376" y="641" width="24" height="24" />
-	<use xlink:href="#notification" x="429" y="641" width="24" height="24" />
-	<use xlink:href="#paint" x="482" y="641" width="24" height="24" />
-	<use xlink:href="#paperclip" x="535" y="641" width="24" height="24" />
-	<use xlink:href="#parking" x="588" y="641" width="24" height="24" />
-	<use xlink:href="#photo" x="641" y="641" width="24" height="24" />
-	<use xlink:href="#plus" x="694" y="641" width="24" height="24" />
-	<use xlink:href="#point" x="747" y="641" width="24" height="24" />
-	<use xlink:href="#power" x="800" y="641" width="24" height="24" />
-	<use xlink:href="#printer" x="853" y="641" width="24" height="24" />
-	<use xlink:href="#prompt" x="5" y="694" width="24" height="24" />
-	<use xlink:href="#puzzle" x="58" y="694" width="24" height="24" />
-	<use xlink:href="#qrcode" x="111" y="694" width="24" height="24" />
-	<use xlink:href="#refresh" x="164" y="694" width="24" height="24" />
-	<use xlink:href="#registered" x="217" y="694" width="24" height="24" />
-	<use xlink:href="#rotate-clockwise" x="270" y="694" width="24" height="24" />
-	<use xlink:href="#rotate" x="323" y="694" width="24" height="24" />
-	<use xlink:href="#route" x="376" y="694" width="24" height="24" />
-	<use xlink:href="#router" x="429" y="694" width="24" height="24" />
-	<use xlink:href="#rss" x="482" y="694" width="24" height="24" />
-	<use xlink:href="#search" x="535" y="694" width="24" height="24" />
-	<use xlink:href="#selector" x="588" y="694" width="24" height="24" />
-	<use xlink:href="#send" x="641" y="694" width="24" height="24" />
-	<use xlink:href="#server" x="694" y="694" width="24" height="24" />
-	<use xlink:href="#settings" x="747" y="694" width="24" height="24" />
-	<use xlink:href="#share" x="800" y="694" width="24" height="24" />
-	<use xlink:href="#shield-check" x="853" y="694" width="24" height="24" />
-	<use xlink:href="#shield" x="5" y="747" width="24" height="24" />
-	<use xlink:href="#shopping-cart" x="58" y="747" width="24" height="24" />
-	<use xlink:href="#sort-ascending" x="111" y="747" width="24" height="24" />
-	<use xlink:href="#sort-descending" x="164" y="747" width="24" height="24" />
-	<use xlink:href="#square-check" x="217" y="747" width="24" height="24" />
-	<use xlink:href="#square-minus" x="270" y="747" width="24" height="24" />
-	<use xlink:href="#square-plus" x="323" y="747" width="24" height="24" />
-	<use xlink:href="#square-x" x="376" y="747" width="24" height="24" />
-	<use xlink:href="#square" x="429" y="747" width="24" height="24" />
-	<use xlink:href="#star" x="482" y="747" width="24" height="24" />
-	<use xlink:href="#sticker" x="535" y="747" width="24" height="24" />
-	<use xlink:href="#sun" x="588" y="747" width="24" height="24" />
-	<use xlink:href="#swich-horizontal" x="641" y="747" width="24" height="24" />
-	<use xlink:href="#switch-vertical" x="694" y="747" width="24" height="24" />
-	<use xlink:href="#switch" x="747" y="747" width="24" height="24" />
-	<use xlink:href="#tag" x="800" y="747" width="24" height="24" />
-	<use xlink:href="#target" x="853" y="747" width="24" height="24" />
-	<use xlink:href="#test-pipe" x="5" y="800" width="24" height="24" />
-	<use xlink:href="#thumbs-down" x="58" y="800" width="24" height="24" />
-	<use xlink:href="#thumbs-up" x="111" y="800" width="24" height="24" />
-	<use xlink:href="#ticket" x="164" y="800" width="24" height="24" />
-	<use xlink:href="#trash" x="217" y="800" width="24" height="24" />
-	<use xlink:href="#trending-down" x="270" y="800" width="24" height="24" />
-	<use xlink:href="#trending-up" x="323" y="800" width="24" height="24" />
-	<use xlink:href="#triangle" x="376" y="800" width="24" height="24" />
-	<use xlink:href="#trophy" x="429" y="800" width="24" height="24" />
-	<use xlink:href="#unlink" x="482" y="800" width="24" height="24" />
-	<use xlink:href="#upload" x="535" y="800" width="24" height="24" />
-	<use xlink:href="#urgent" x="588" y="800" width="24" height="24" />
-	<use xlink:href="#user-check" x="641" y="800" width="24" height="24" />
-	<use xlink:href="#user-minus" x="694" y="800" width="24" height="24" />
-	<use xlink:href="#user-plus" x="747" y="800" width="24" height="24" />
-	<use xlink:href="#user-x" x="800" y="800" width="24" height="24" />
-	<use xlink:href="#user" x="853" y="800" width="24" height="24" />
-	<use xlink:href="#viewfinder" x="5" y="853" width="24" height="24" />
-	<use xlink:href="#volume-2" x="58" y="853" width="24" height="24" />
-	<use xlink:href="#volume-3" x="111" y="853" width="24" height="24" />
-	<use xlink:href="#volume" x="164" y="853" width="24" height="24" />
-	<use xlink:href="#wifi" x="217" y="853" width="24" height="24" />
-	<use xlink:href="#woman" x="270" y="853" width="24" height="24" />
-	<use xlink:href="#world" x="323" y="853" width="24" height="24" />
-	<use xlink:href="#x" x="376" y="853" width="24" height="24" />
-	<use xlink:href="#zoom-in" x="429" y="853" width="24" height="24" />
-	<use xlink:href="#zoom-out" x="482" y="853" width="24" height="24" />
+	<use xlink:href="#face-id" x="800" y="376" width="24" height="24" />
+	<use xlink:href="#file-check" x="853" y="376" width="24" height="24" />
+	<use xlink:href="#file-download" x="5" y="429" width="24" height="24" />
+	<use xlink:href="#file-minus" x="58" y="429" width="24" height="24" />
+	<use xlink:href="#file-music" x="111" y="429" width="24" height="24" />
+	<use xlink:href="#file-plus" x="164" y="429" width="24" height="24" />
+	<use xlink:href="#file-text" x="217" y="429" width="24" height="24" />
+	<use xlink:href="#file-x" x="270" y="429" width="24" height="24" />
+	<use xlink:href="#file" x="323" y="429" width="24" height="24" />
+	<use xlink:href="#filter" x="376" y="429" width="24" height="24" />
+	<use xlink:href="#flag" x="429" y="429" width="24" height="24" />
+	<use xlink:href="#flip-horizontal" x="482" y="429" width="24" height="24" />
+	<use xlink:href="#flip-vertical" x="535" y="429" width="24" height="24" />
+	<use xlink:href="#floppy-disc" x="588" y="429" width="24" height="24" />
+	<use xlink:href="#folder-minus" x="641" y="429" width="24" height="24" />
+	<use xlink:href="#folder-plus" x="694" y="429" width="24" height="24" />
+	<use xlink:href="#folder-x" x="747" y="429" width="24" height="24" />
+	<use xlink:href="#folder" x="800" y="429" width="24" height="24" />
+	<use xlink:href="#folders" x="853" y="429" width="24" height="24" />
+	<use xlink:href="#frame" x="5" y="482" width="24" height="24" />
+	<use xlink:href="#friends" x="58" y="482" width="24" height="24" />
+	<use xlink:href="#gauge" x="111" y="482" width="24" height="24" />
+	<use xlink:href="#glass-full" x="164" y="482" width="24" height="24" />
+	<use xlink:href="#glass" x="217" y="482" width="24" height="24" />
+	<use xlink:href="#grid-2" x="270" y="482" width="24" height="24" />
+	<use xlink:href="#grid" x="323" y="482" width="24" height="24" />
+	<use xlink:href="#hash" x="376" y="482" width="24" height="24" />
+	<use xlink:href="#headphones" x="429" y="482" width="24" height="24" />
+	<use xlink:href="#heart" x="482" y="482" width="24" height="24" />
+	<use xlink:href="#home" x="535" y="482" width="24" height="24" />
+	<use xlink:href="#ice-cream" x="588" y="482" width="24" height="24" />
+	<use xlink:href="#inbox" x="641" y="482" width="24" height="24" />
+	<use xlink:href="#info-circle" x="694" y="482" width="24" height="24" />
+	<use xlink:href="#info-square" x="747" y="482" width="24" height="24" />
+	<use xlink:href="#key" x="800" y="482" width="24" height="24" />
+	<use xlink:href="#layers-difference" x="853" y="482" width="24" height="24" />
+	<use xlink:href="#layers-intersect" x="5" y="535" width="24" height="24" />
+	<use xlink:href="#layers-subtract" x="58" y="535" width="24" height="24" />
+	<use xlink:href="#layers-union" x="111" y="535" width="24" height="24" />
+	<use xlink:href="#layout-align-bottom" x="164" y="535" width="24" height="24" />
+	<use xlink:href="#layout-align-center" x="217" y="535" width="24" height="24" />
+	<use xlink:href="#layout-align-left" x="270" y="535" width="24" height="24" />
+	<use xlink:href="#layout-align-middle" x="323" y="535" width="24" height="24" />
+	<use xlink:href="#layout-align-right" x="376" y="535" width="24" height="24" />
+	<use xlink:href="#layout-align-top" x="429" y="535" width="24" height="24" />
+	<use xlink:href="#layout-distribute-horizontal" x="482" y="535" width="24" height="24" />
+	<use xlink:href="#layout-distribute-vertical" x="535" y="535" width="24" height="24" />
+	<use xlink:href="#layout" x="588" y="535" width="24" height="24" />
+	<use xlink:href="#lego" x="641" y="535" width="24" height="24" />
+	<use xlink:href="#link" x="694" y="535" width="24" height="24" />
+	<use xlink:href="#location" x="747" y="535" width="24" height="24" />
+	<use xlink:href="#lock-open" x="800" y="535" width="24" height="24" />
+	<use xlink:href="#lock" x="853" y="535" width="24" height="24" />
+	<use xlink:href="#magnet" x="5" y="588" width="24" height="24" />
+	<use xlink:href="#mail-opened" x="58" y="588" width="24" height="24" />
+	<use xlink:href="#mail" x="111" y="588" width="24" height="24" />
+	<use xlink:href="#man" x="164" y="588" width="24" height="24" />
+	<use xlink:href="#map-2" x="217" y="588" width="24" height="24" />
+	<use xlink:href="#map-pin" x="270" y="588" width="24" height="24" />
+	<use xlink:href="#map" x="323" y="588" width="24" height="24" />
+	<use xlink:href="#maximize" x="376" y="588" width="24" height="24" />
+	<use xlink:href="#menu" x="429" y="588" width="24" height="24" />
+	<use xlink:href="#message-2" x="482" y="588" width="24" height="24" />
+	<use xlink:href="#message-circle" x="535" y="588" width="24" height="24" />
+	<use xlink:href="#message-dots" x="588" y="588" width="24" height="24" />
+	<use xlink:href="#message" x="641" y="588" width="24" height="24" />
+	<use xlink:href="#microphone" x="694" y="588" width="24" height="24" />
+	<use xlink:href="#minimize" x="747" y="588" width="24" height="24" />
+	<use xlink:href="#minus" x="800" y="588" width="24" height="24" />
+	<use xlink:href="#mood-confuzed" x="853" y="588" width="24" height="24" />
+	<use xlink:href="#mood-happy" x="5" y="641" width="24" height="24" />
+	<use xlink:href="#mood-neutral" x="58" y="641" width="24" height="24" />
+	<use xlink:href="#mood-sad" x="111" y="641" width="24" height="24" />
+	<use xlink:href="#mood-smile" x="164" y="641" width="24" height="24" />
+	<use xlink:href="#moon" x="217" y="641" width="24" height="24" />
+	<use xlink:href="#mouse" x="270" y="641" width="24" height="24" />
+	<use xlink:href="#movie" x="323" y="641" width="24" height="24" />
+	<use xlink:href="#music" x="376" y="641" width="24" height="24" />
+	<use xlink:href="#news" x="429" y="641" width="24" height="24" />
+	<use xlink:href="#notification" x="482" y="641" width="24" height="24" />
+	<use xlink:href="#paint" x="535" y="641" width="24" height="24" />
+	<use xlink:href="#paperclip" x="588" y="641" width="24" height="24" />
+	<use xlink:href="#parking" x="641" y="641" width="24" height="24" />
+	<use xlink:href="#photo" x="694" y="641" width="24" height="24" />
+	<use xlink:href="#plus" x="747" y="641" width="24" height="24" />
+	<use xlink:href="#point" x="800" y="641" width="24" height="24" />
+	<use xlink:href="#power" x="853" y="641" width="24" height="24" />
+	<use xlink:href="#printer" x="5" y="694" width="24" height="24" />
+	<use xlink:href="#prompt" x="58" y="694" width="24" height="24" />
+	<use xlink:href="#puzzle" x="111" y="694" width="24" height="24" />
+	<use xlink:href="#qrcode" x="164" y="694" width="24" height="24" />
+	<use xlink:href="#refresh" x="217" y="694" width="24" height="24" />
+	<use xlink:href="#registered" x="270" y="694" width="24" height="24" />
+	<use xlink:href="#rotate-clockwise" x="323" y="694" width="24" height="24" />
+	<use xlink:href="#rotate" x="376" y="694" width="24" height="24" />
+	<use xlink:href="#route" x="429" y="694" width="24" height="24" />
+	<use xlink:href="#router" x="482" y="694" width="24" height="24" />
+	<use xlink:href="#rss" x="535" y="694" width="24" height="24" />
+	<use xlink:href="#search" x="588" y="694" width="24" height="24" />
+	<use xlink:href="#selector" x="641" y="694" width="24" height="24" />
+	<use xlink:href="#send" x="694" y="694" width="24" height="24" />
+	<use xlink:href="#server" x="747" y="694" width="24" height="24" />
+	<use xlink:href="#settings" x="800" y="694" width="24" height="24" />
+	<use xlink:href="#share" x="853" y="694" width="24" height="24" />
+	<use xlink:href="#shield-check" x="5" y="747" width="24" height="24" />
+	<use xlink:href="#shield" x="58" y="747" width="24" height="24" />
+	<use xlink:href="#shopping-cart" x="111" y="747" width="24" height="24" />
+	<use xlink:href="#sort-ascending" x="164" y="747" width="24" height="24" />
+	<use xlink:href="#sort-descending" x="217" y="747" width="24" height="24" />
+	<use xlink:href="#square-check" x="270" y="747" width="24" height="24" />
+	<use xlink:href="#square-minus" x="323" y="747" width="24" height="24" />
+	<use xlink:href="#square-plus" x="376" y="747" width="24" height="24" />
+	<use xlink:href="#square-x" x="429" y="747" width="24" height="24" />
+	<use xlink:href="#square" x="482" y="747" width="24" height="24" />
+	<use xlink:href="#star" x="535" y="747" width="24" height="24" />
+	<use xlink:href="#sticker" x="588" y="747" width="24" height="24" />
+	<use xlink:href="#sun" x="641" y="747" width="24" height="24" />
+	<use xlink:href="#swich-horizontal" x="694" y="747" width="24" height="24" />
+	<use xlink:href="#switch-vertical" x="747" y="747" width="24" height="24" />
+	<use xlink:href="#switch" x="800" y="747" width="24" height="24" />
+	<use xlink:href="#tag" x="853" y="747" width="24" height="24" />
+	<use xlink:href="#target" x="5" y="800" width="24" height="24" />
+	<use xlink:href="#test-pipe" x="58" y="800" width="24" height="24" />
+	<use xlink:href="#thumbs-down" x="111" y="800" width="24" height="24" />
+	<use xlink:href="#thumbs-up" x="164" y="800" width="24" height="24" />
+	<use xlink:href="#ticket" x="217" y="800" width="24" height="24" />
+	<use xlink:href="#trash" x="270" y="800" width="24" height="24" />
+	<use xlink:href="#trending-down" x="323" y="800" width="24" height="24" />
+	<use xlink:href="#trending-up" x="376" y="800" width="24" height="24" />
+	<use xlink:href="#triangle" x="429" y="800" width="24" height="24" />
+	<use xlink:href="#trophy" x="482" y="800" width="24" height="24" />
+	<use xlink:href="#unlink" x="535" y="800" width="24" height="24" />
+	<use xlink:href="#upload" x="588" y="800" width="24" height="24" />
+	<use xlink:href="#urgent" x="641" y="800" width="24" height="24" />
+	<use xlink:href="#user-check" x="694" y="800" width="24" height="24" />
+	<use xlink:href="#user-minus" x="747" y="800" width="24" height="24" />
+	<use xlink:href="#user-plus" x="800" y="800" width="24" height="24" />
+	<use xlink:href="#user-x" x="853" y="800" width="24" height="24" />
+	<use xlink:href="#user" x="5" y="853" width="24" height="24" />
+	<use xlink:href="#viewfinder" x="58" y="853" width="24" height="24" />
+	<use xlink:href="#volume-2" x="111" y="853" width="24" height="24" />
+	<use xlink:href="#volume-3" x="164" y="853" width="24" height="24" />
+	<use xlink:href="#volume" x="217" y="853" width="24" height="24" />
+	<use xlink:href="#wifi" x="270" y="853" width="24" height="24" />
+	<use xlink:href="#woman" x="323" y="853" width="24" height="24" />
+	<use xlink:href="#world" x="376" y="853" width="24" height="24" />
+	<use xlink:href="#x" x="429" y="853" width="24" height="24" />
+	<use xlink:href="#zoom-in" x="482" y="853" width="24" height="24" />
+	<use xlink:href="#zoom-out" x="535" y="853" width="24" height="24" />
 
 </svg>
\ No newline at end of file
diff --git a/icons/face-id.svg b/icons/face-id.svg
new file mode 100644
index 00000000..59acc89f
--- /dev/null
+++ b/icons/face-id.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon tabler-icon tabler-icon-face-id" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M4 8v-2a2 2 0 012 -2h2" />
+  <path d="M4 16v2a2 2 0 002 2h2" />
+  <path d="M16 4h2a2 2 0 012 2v2" />
+  <path d="M16 20h2a2 2 0 002 -2v-2" />
+  <line x1="9" y1="10" x2="9.01" y2="10" />
+  <line x1="15" y1="10" x2="15.01" y2="10" />
+  <path d="M9.5 15a3.5 3.5 0 005 0" />
+</svg>
+
+
diff --git a/package.json b/package.json
index 7eed8abf..510a4dca 100644
--- a/package.json
+++ b/package.json
@@ -13,12 +13,11 @@
   "homepage": "https://github.com/tabler/tabler-icons#readme",
   "main": "gulpfile.js",
   "scripts": {
-    "build": "gulp optimize && gulp icons-sprite && gulp icons-stroke"
+    "build": "gulp optimize && gulp build && gulp icons-sprite"
   },
   "description": "",
   "devDependencies": {
     "glob": "7.1.6",
-    "gulp": "4.0.2",
-    "gulp-shell": "^0.8.0"
+    "gulp": "4.0.2"
   }
 }
diff --git a/src/_icons/face-id.svg b/src/_icons/face-id.svg
new file mode 100644
index 00000000..73fc0176
--- /dev/null
+++ b/src/_icons/face-id.svg
@@ -0,0 +1,11 @@
+---
+---
+<svg>
+  <path d="M4 8v-2a2 2 0 012 -2h2" />
+  <path d="M4 16v2a2 2 0 002 2h2" />
+  <path d="M16 4h2a2 2 0 012 2v2" />
+  <path d="M16 20h2a2 2 0 002 -2v-2" />
+  <line x1="9" y1="10" x2="9.01" y2="10" />
+  <line x1="15" y1="10" x2="15.01" y2="10" />
+  <path d="M9.5 15a3.5 3.5 0 005 0" />
+</svg>