diff --git a/assets/icons/illus/cloud-broken.svg b/assets/icons/illus/cloud-broken.svg
index 9ebb51194c..3071781b07 100644
--- a/assets/icons/illus/cloud-broken.svg
+++ b/assets/icons/illus/cloud-broken.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><g fill="none" fill-rule="evenodd"><path fill="#93BEF8" d="M61.763 130.593l-3.174 7.933h59.045-.003c23.356 0 42.369-19.126 42.369-42.634 0-22.218-16.977-40.52-38.56-42.467a42.494 42.494 0 0 0-12.426-25.27 42.873 42.873 0 0 0-4.68-3.992l-3.156 7.892c7.203 6.153 11.888 15.26 12.12 25.41.055 2.478 2.056 4.446 4.499 4.446h.34c18.71 0 33.93 15.405 33.93 34.338 0 18.936-15.22 34.34-33.93 34.34h-.324l-.01.004h-56.04zm39.415-106.538l3.157-7.892C97.128 10.86 88.462 8 79.387 8 68.245 8 57.724 12.311 49.76 20.158c-6.974 6.868-11.308 15.77-12.438 25.4-9.568 1.135-18.411 5.5-25.239 12.514C4.29 66.086 0 76.677 0 87.89c0 23.511 19 42.637 42.366 42.637H58.59l3.174-7.933H42.537c-.097-.007-.194-.007-.292-.007l-.107.007h-.275c-18.71 0-33.93-15.405-33.93-34.341 0-18.507 14.863-33.905 33.132-34.331 2.406-.056 4.343-2.017 4.398-4.45.419-18.494 15.638-33.538 33.92-33.538 8.248 0 15.873 3.062 21.795 8.122z"/><path stroke="#297EF1" stroke-linecap="round" stroke-width="8" d="M50 156L110 4"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"><g fill="none" fill-rule="evenodd"><path fill="#93BEF8" d="M61.763 130.593l-3.174 7.933h59.045-.003c23.356 0 42.369-19.126 42.369-42.634 0-22.218-16.977-40.52-38.56-42.467a42.494 42.494 0 0 0-12.426-25.27 42.873 42.873 0 0 0-4.68-3.992l-3.156 7.892c7.203 6.153 11.888 15.26 12.12 25.41.055 2.478 2.056 4.446 4.499 4.446h.34c18.71 0 33.93 15.405 33.93 34.338 0 18.936-15.22 34.34-33.93 34.34h-.324l-.01.004h-56.04zm39.415-106.538l3.157-7.892C97.128 10.86 88.462 8 79.387 8 68.245 8 57.724 12.311 49.76 20.158c-6.974 6.868-11.308 15.77-12.438 25.4-9.568 1.135-18.411 5.5-25.239 12.514C4.29 66.086 0 76.677 0 87.89c0 23.511 19 42.637 42.366 42.637H58.59l3.174-7.933H42.537c-.097-.007-.194-.007-.292-.007l-.107.007h-.275c-18.71 0-33.93-15.405-33.93-34.341 0-18.507 14.863-33.905 33.132-34.331 2.406-.056 4.343-2.017 4.398-4.45.419-18.494 15.638-33.538 33.92-33.538 8.248 0 15.873 3.062 21.795 8.122z"/><path stroke="#297EF1" stroke-linecap="round" stroke-width="8" d="M50 156L110 4"/></g></svg>
diff --git a/assets/icons/illus/file-type-audio.svg b/assets/icons/illus/file-type-audio.svg
index a5f37b77cc..1c64a718de 100644
--- a/assets/icons/illus/file-type-audio.svg
+++ b/assets/icons/illus/file-type-audio.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><rect width="30" height="30" fill="#ACF6F7" rx="2"/><path fill="#0CCBD0" d="M8 19.998c-1.105 0-2 .888-2 2 0 1.105.898 2 1.998 2H9c1.657 0 3-1.35 3-2.997v-7.679a.63.63 0 0 1 .492-.601l6.016-1.129c.272-.05.492.124.492.418v5.478c0 .282-.215.51-.49.51H17c-1.105 0-2 .904-2 1.997v-.179a2 2 0 0 0 1.998 1.997H18c1.657 0 3-1.349 3-2.993V7c0-.554-.445-.921-.976-.825L10.976 7.82C10.437 7.918 10 8.454 10 9v10.498c0 .276-.215.5-.49.5H8z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><rect width="30" height="30" fill="#ACF6F7" rx="2"/><path fill="#0CCBD0" d="M8 19.998c-1.105 0-2 .888-2 2 0 1.105.898 2 1.998 2H9c1.657 0 3-1.35 3-2.997v-7.679a.63.63 0 0 1 .492-.601l6.016-1.129c.272-.05.492.124.492.418v5.478c0 .282-.215.51-.49.51H17c-1.105 0-2 .904-2 1.997v-.179a2 2 0 0 0 1.998 1.997H18c1.657 0 3-1.349 3-2.993V7c0-.554-.445-.921-.976-.825L10.976 7.82C10.437 7.918 10 8.454 10 9v10.498c0 .276-.215.5-.49.5H8z"/></g></svg>
diff --git a/assets/icons/illus/file-type-bin.svg b/assets/icons/illus/file-type-bin.svg
index 3a0cba0df3..c03ebae481 100644
--- a/assets/icons/illus/file-type-bin.svg
+++ b/assets/icons/illus/file-type-bin.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd"><path fill="#D1D5DB" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#A3ACB8" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z"/><path fill="#4F5B69" d="M7 15.568c0-.597.06-1.12.178-1.568.118-.449.285-.82.5-1.115.215-.295.473-.516.772-.664.3-.147.633-.221 1.001-.221.786 0 1.391.29 1.815.87.424.58.636 1.479.636 2.698 0 .602-.059 1.128-.177 1.577-.119.449-.286.822-.501 1.12-.215.298-.474.521-.776.669a2.265 2.265 0 0 1-1.006.22c-.792 0-1.397-.306-1.815-.918C7.209 17.623 7 16.734 7 15.568zm3.705 0a9.152 9.152 0 0 0-.019-.58l-2.292 2.191c.193.597.546.895 1.057.895.4 0 .708-.2.926-.6.219-.4.328-1.035.328-1.906zm-2.507 0a7.965 7.965 0 0 0 .018.55l2.283-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.402-.322 1.03-.322 1.882zm5.35 0c0-.597.06-1.12.179-1.568.118-.449.285-.82.5-1.115.215-.295.473-.516.772-.664.3-.147.633-.221 1.001-.221.786 0 1.39.29 1.815.87.424.58.636 1.479.636 2.698 0 .602-.06 1.128-.178 1.577-.118.449-.285.822-.5 1.12-.215.298-.474.521-.777.669a2.265 2.265 0 0 1-1.005.22c-.792 0-1.397-.306-1.815-.918-.418-.613-.627-1.502-.627-2.668zm3.706 0a9.153 9.153 0 0 0-.02-.58l-2.291 2.191c.193.597.546.895 1.057.895.4 0 .708-.2.926-.6.218-.4.328-1.035.328-1.906zm-2.508 0a7.965 7.965 0 0 0 .02.55l2.282-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.402-.323 1.03-.323 1.882zm5.988 2.368h1.431v-4.295l-1.235.993-.561-.786 2.133-1.71h.823v5.798h1.404v1.081h-3.995v-1.08zM7 24.413c0-.596.06-1.119.178-1.568.118-.449.285-.82.5-1.115.215-.295.473-.516.772-.664.3-.147.633-.22 1.001-.22.786 0 1.391.29 1.815.869.424.58.636 1.48.636 2.698 0 .603-.059 1.128-.177 1.577-.119.449-.286.822-.501 1.12-.215.299-.474.521-.776.669A2.265 2.265 0 0 1 9.442 28c-.792 0-1.397-.306-1.815-.919C7.209 26.468 7 25.58 7 24.413zm3.705 0a9.152 9.152 0 0 0-.019-.58l-2.292 2.192c.193.596.546.894 1.057.894.4 0 .708-.2.926-.6.219-.4.328-1.035.328-1.906zm-2.507 0a7.965 7.965 0 0 0 .018.55l2.283-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.403-.322 1.03-.322 1.882zm5.987 2.368h1.431v-4.295l-1.235.993-.56-.786 2.132-1.71h.824v5.798h1.403v1.081h-3.995v-1.08zm5.913-2.368c0-.596.059-1.119.177-1.568.119-.449.286-.82.501-1.115.215-.295.472-.516.772-.664.3-.147.633-.22 1-.22.787 0 1.392.29 1.816.869.424.58.636 1.48.636 2.698 0 .603-.06 1.128-.178 1.577-.118.449-.285.822-.5 1.12-.215.299-.474.521-.777.669A2.265 2.265 0 0 1 22.54 28c-.793 0-1.398-.306-1.815-.919-.418-.613-.627-1.502-.627-2.668zm3.704 0a9.152 9.152 0 0 0-.018-.58l-2.292 2.192c.193.596.545.894 1.057.894.399 0 .708-.2.926-.6.218-.4.327-1.035.327-1.906zm-2.507 0a7.965 7.965 0 0 0 .019.55l2.283-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.403-.323 1.03-.323 1.882z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#D1D5DB" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#A3ACB8" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z"/><path fill="#4F5B69" d="M7 15.568c0-.597.06-1.12.178-1.568.118-.449.285-.82.5-1.115.215-.295.473-.516.772-.664.3-.147.633-.221 1.001-.221.786 0 1.391.29 1.815.87.424.58.636 1.479.636 2.698 0 .602-.059 1.128-.177 1.577-.119.449-.286.822-.501 1.12-.215.298-.474.521-.776.669a2.265 2.265 0 0 1-1.006.22c-.792 0-1.397-.306-1.815-.918C7.209 17.623 7 16.734 7 15.568zm3.705 0a9.152 9.152 0 0 0-.019-.58l-2.292 2.191c.193.597.546.895 1.057.895.4 0 .708-.2.926-.6.219-.4.328-1.035.328-1.906zm-2.507 0a7.965 7.965 0 0 0 .018.55l2.283-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.402-.322 1.03-.322 1.882zm5.35 0c0-.597.06-1.12.179-1.568.118-.449.285-.82.5-1.115.215-.295.473-.516.772-.664.3-.147.633-.221 1.001-.221.786 0 1.39.29 1.815.87.424.58.636 1.479.636 2.698 0 .602-.06 1.128-.178 1.577-.118.449-.285.822-.5 1.12-.215.298-.474.521-.777.669a2.265 2.265 0 0 1-1.005.22c-.792 0-1.397-.306-1.815-.918-.418-.613-.627-1.502-.627-2.668zm3.706 0a9.153 9.153 0 0 0-.02-.58l-2.291 2.191c.193.597.546.895 1.057.895.4 0 .708-.2.926-.6.218-.4.328-1.035.328-1.906zm-2.508 0a7.965 7.965 0 0 0 .02.55l2.282-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.402-.323 1.03-.323 1.882zm5.988 2.368h1.431v-4.295l-1.235.993-.561-.786 2.133-1.71h.823v5.798h1.404v1.081h-3.995v-1.08zM7 24.413c0-.596.06-1.119.178-1.568.118-.449.285-.82.5-1.115.215-.295.473-.516.772-.664.3-.147.633-.22 1.001-.22.786 0 1.391.29 1.815.869.424.58.636 1.48.636 2.698 0 .603-.059 1.128-.177 1.577-.119.449-.286.822-.501 1.12-.215.299-.474.521-.776.669A2.265 2.265 0 0 1 9.442 28c-.792 0-1.397-.306-1.815-.919C7.209 26.468 7 25.58 7 24.413zm3.705 0a9.152 9.152 0 0 0-.019-.58l-2.292 2.192c.193.596.546.894 1.057.894.4 0 .708-.2.926-.6.219-.4.328-1.035.328-1.906zm-2.507 0a7.965 7.965 0 0 0 .018.55l2.283-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.403-.322 1.03-.322 1.882zm5.987 2.368h1.431v-4.295l-1.235.993-.56-.786 2.132-1.71h.824v5.798h1.403v1.081h-3.995v-1.08zm5.913-2.368c0-.596.059-1.119.177-1.568.119-.449.286-.82.501-1.115.215-.295.472-.516.772-.664.3-.147.633-.22 1-.22.787 0 1.392.29 1.816.869.424.58.636 1.48.636 2.698 0 .603-.06 1.128-.178 1.577-.118.449-.285.822-.5 1.12-.215.299-.474.521-.777.669A2.265 2.265 0 0 1 22.54 28c-.793 0-1.398-.306-1.815-.919-.418-.613-.627-1.502-.627-2.668zm3.704 0a9.152 9.152 0 0 0-.018-.58l-2.292 2.192c.193.596.545.894 1.057.894.399 0 .708-.2.926-.6.218-.4.327-1.035.327-1.906zm-2.507 0a7.965 7.965 0 0 0 .019.55l2.283-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.403-.323 1.03-.323 1.882z"/></g></svg>
diff --git a/assets/icons/illus/file-type-code.svg b/assets/icons/illus/file-type-code.svg
index 424a9018e7..73b2e08296 100644
--- a/assets/icons/illus/file-type-code.svg
+++ b/assets/icons/illus/file-type-code.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd"><path fill="#E6D5FF" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#9C59FF" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z"/><g stroke="#9C59FF" stroke-width="2"><path stroke-linejoin="round" d="M12 22l-4-4 4-4M20 22l4-4-4-4"/><path d="M14 25l4-14"/></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#E6D5FF" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#9C59FF" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z"/><g stroke="#9C59FF" stroke-width="2"><path stroke-linejoin="round" d="M12 22l-4-4 4-4M20 22l4-4-4-4"/><path d="M14 25l4-14"/></g></g></svg>
diff --git a/assets/icons/illus/file-type-files.svg b/assets/icons/illus/file-type-files.svg
index b0d5d91b90..2e1875f7a0 100644
--- a/assets/icons/illus/file-type-files.svg
+++ b/assets/icons/illus/file-type-files.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd"><path fill="#D1D5DB" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#A3ACB8" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#D1D5DB" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#A3ACB8" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z"/></g></svg>
diff --git a/assets/icons/illus/file-type-folder.svg b/assets/icons/illus/file-type-folder.svg
index 8c6155043b..b5ef1a9d01 100644
--- a/assets/icons/illus/file-type-folder.svg
+++ b/assets/icons/illus/file-type-folder.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd" transform="translate(0 2)"><rect width="32" height="26" y="2" fill="#B2D3FF" rx="2"/><path fill="#197BFF" d="M0 .99C0 .445.45 0 1.007 0h11.986c.556 0 1.32.313 1.718.71l.578.58c.393.392 1.156.71 1.712.71h13.005C31.107 2 32 2.895 32 4H17c-.552 0-1.313.313-1.71.71l-.58.58c-.392.392-1.16.71-1.717.71H1.007A1.004 1.004 0 0 1 0 5.01V.99z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(0 2)"><rect width="32" height="26" y="2" fill="#B2D3FF" rx="2"/><path fill="#197BFF" d="M0 .99C0 .445.45 0 1.007 0h11.986c.556 0 1.32.313 1.718.71l.578.58c.393.392 1.156.71 1.712.71h13.005C31.107 2 32 2.895 32 4H17c-.552 0-1.313.313-1.71.71l-.58.58c-.392.392-1.16.71-1.717.71H1.007A1.004 1.004 0 0 1 0 5.01V.99z"/></g></svg>
diff --git a/assets/icons/illus/file-type-image.svg b/assets/icons/illus/file-type-image.svg
index da28ecd955..ef66ae2c69 100644
--- a/assets/icons/illus/file-type-image.svg
+++ b/assets/icons/illus/file-type-image.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd" transform="translate(0 3)"><rect width="32" height="26" fill="#8EE39B" rx="2"/><path fill="#1EC737" d="M0 20l6.29-6.29a.999.999 0 0 1 1.416-.004L11 17l8.294-8.294a1.003 1.003 0 0 1 1.412 0L32 20v4.002C32 25.106 31.11 26 29.998 26H2.002A2.002 2.002 0 0 1 0 24.002V20z"/><circle cx="8" cy="7" r="3" fill="#FFF"/><path stroke="#8EE39B" d="M11 16l-5.5 5.5L11 16z" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(0 3)"><rect width="32" height="26" fill="#8EE39B" rx="2"/><path fill="#1EC737" d="M0 20l6.29-6.29a.999.999 0 0 1 1.416-.004L11 17l8.294-8.294a1.003 1.003 0 0 1 1.412 0L32 20v4.002C32 25.106 31.11 26 29.998 26H2.002A2.002 2.002 0 0 1 0 24.002V20z"/><circle cx="8" cy="7" r="3" fill="#FFF"/><path stroke="#8EE39B" d="M11 16l-5.5 5.5L11 16z" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
diff --git a/assets/icons/illus/file-type-pdf.svg b/assets/icons/illus/file-type-pdf.svg
index f407bcd8d5..cc236a0ff3 100644
--- a/assets/icons/illus/file-type-pdf.svg
+++ b/assets/icons/illus/file-type-pdf.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd"><path fill="#FCD0D5" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#F1132D" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5zM9 11h14v2H9v-2zm0 4h12v2H9v-2zm.066 4.784h1.904c.283 0 .548.028.796.084.248.056.464.15.648.28.184.13.33.304.436.52.107.216.16.481.16.796 0 .304-.055.568-.164.792-.11.224-.257.408-.444.552a1.89 1.89 0 0 1-.648.32 2.87 2.87 0 0 1-.784.104h-.728V25H9.066v-5.216zm1.832 2.512c.64 0 .96-.277.96-.832 0-.272-.081-.464-.244-.576-.163-.112-.401-.168-.716-.168h-.656v1.576h.656zm3.016-2.512h1.472c.4 0 .76.05 1.08.152.32.101.595.257.824.468.23.21.405.479.528.804.123.325.184.712.184 1.16 0 .448-.061.837-.184 1.168-.123.33-.296.604-.52.82a2.137 2.137 0 0 1-.804.484c-.312.107-.66.16-1.044.16h-1.536v-5.216zm1.4 4.264c.224 0 .427-.03.608-.088.181-.059.336-.153.464-.284.128-.13.228-.303.3-.516.072-.213.108-.477.108-.792 0-.31-.036-.57-.108-.78a1.263 1.263 0 0 0-.3-.504 1.092 1.092 0 0 0-.464-.268 2.152 2.152 0 0 0-.608-.08h-.224v3.312h.224zm3.68-4.264h3.288v.992H20.17v1.208h1.808v.992H20.17V25h-1.176v-5.216z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#FCD0D5" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#F1132D" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5zM9 11h14v2H9v-2zm0 4h12v2H9v-2zm.066 4.784h1.904c.283 0 .548.028.796.084.248.056.464.15.648.28.184.13.33.304.436.52.107.216.16.481.16.796 0 .304-.055.568-.164.792-.11.224-.257.408-.444.552a1.89 1.89 0 0 1-.648.32 2.87 2.87 0 0 1-.784.104h-.728V25H9.066v-5.216zm1.832 2.512c.64 0 .96-.277.96-.832 0-.272-.081-.464-.244-.576-.163-.112-.401-.168-.716-.168h-.656v1.576h.656zm3.016-2.512h1.472c.4 0 .76.05 1.08.152.32.101.595.257.824.468.23.21.405.479.528.804.123.325.184.712.184 1.16 0 .448-.061.837-.184 1.168-.123.33-.296.604-.52.82a2.137 2.137 0 0 1-.804.484c-.312.107-.66.16-1.044.16h-1.536v-5.216zm1.4 4.264c.224 0 .427-.03.608-.088.181-.059.336-.153.464-.284.128-.13.228-.303.3-.516.072-.213.108-.477.108-.792 0-.31-.036-.57-.108-.78a1.263 1.263 0 0 0-.3-.504 1.092 1.092 0 0 0-.464-.268 2.152 2.152 0 0 0-.608-.08h-.224v3.312h.224zm3.68-4.264h3.288v.992H20.17v1.208h1.808v.992H20.17V25h-1.176v-5.216z"/></g></svg>
diff --git a/assets/icons/illus/file-type-sheet.svg b/assets/icons/illus/file-type-sheet.svg
index 7e99e8dd3f..7444a39d2c 100644
--- a/assets/icons/illus/file-type-sheet.svg
+++ b/assets/icons/illus/file-type-sheet.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd"><path fill="#9FE6A2" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#0FC016" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5zM8 9h4v2H8V9zm0-4h4v2H8V5zm0 8h4v2H8v-2zm0 4h4v2H8v-2zm0 4h4v2H8v-2zm0 4h4v2H8v-2zm6-16h4v2h-4V9zm0-4h4v2h-4V5zm0 8h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2zm6-12h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#9FE6A2" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#0FC016" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5zM8 9h4v2H8V9zm0-4h4v2H8V5zm0 8h4v2H8v-2zm0 4h4v2H8v-2zm0 4h4v2H8v-2zm0 4h4v2H8v-2zm6-16h4v2h-4V9zm0-4h4v2h-4V5zm0 8h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2zm6-12h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2z"/></g></svg>
diff --git a/assets/icons/illus/file-type-slide.svg b/assets/icons/illus/file-type-slide.svg
index fd0e33b049..432839a56c 100644
--- a/assets/icons/illus/file-type-slide.svg
+++ b/assets/icons/illus/file-type-slide.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd"><path fill="#FFDEC1" d="M0 3.991C0 2.891.89 2 2.004 2H25l7 7v19.005C32 29.107 31.11 30 29.998 30H2.002C.896 30 0 29.1 0 28.009V3.99z"/><path fill="#FF9433" d="M24.5 2c-.276 0-.5.23-.5.5V10h7.5c.276 0 .5-.232.5-.5V9l-7-7h-.5zM9.996 18h16v2h-16v-2zm0 4h16v2h-16v-2zM6 18h2v2H6v-2zm0 4h2v2H6v-2zm10-6a4 4 0 0 0 4-4h-4V8a4 4 0 1 0 0 8zm1-5V7c2 0 4 2 4 4h-4z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#FFDEC1" d="M0 3.991C0 2.891.89 2 2.004 2H25l7 7v19.005C32 29.107 31.11 30 29.998 30H2.002C.896 30 0 29.1 0 28.009V3.99z"/><path fill="#FF9433" d="M24.5 2c-.276 0-.5.23-.5.5V10h7.5c.276 0 .5-.232.5-.5V9l-7-7h-.5zM9.996 18h16v2h-16v-2zm0 4h16v2h-16v-2zM6 18h2v2H6v-2zm0 4h2v2H6v-2zm10-6a4 4 0 0 0 4-4h-4V8a4 4 0 1 0 0 8zm1-5V7c2 0 4 2 4 4h-4z"/></g></svg>
diff --git a/assets/icons/illus/file-type-text.svg b/assets/icons/illus/file-type-text.svg
index a2bd1981b3..1cd7c30587 100644
--- a/assets/icons/illus/file-type-text.svg
+++ b/assets/icons/illus/file-type-text.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd"><path fill="#B2D3FF" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#197BFF" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5zM9 11h14v2H9v-2zm0 4h12v2H9v-2zm0 4h14v2H9v-2zm0 4h10v2H9v-2z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#B2D3FF" d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z"/><path fill="#197BFF" d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5zM9 11h14v2H9v-2zm0 4h12v2H9v-2zm0 4h14v2H9v-2zm0 4h10v2H9v-2z"/></g></svg>
diff --git a/assets/icons/illus/file-type-video.svg b/assets/icons/illus/file-type-video.svg
index a2983cdb64..212782fcb9 100644
--- a/assets/icons/illus/file-type-video.svg
+++ b/assets/icons/illus/file-type-video.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd"><path fill="#FFC5CE" d="M1 2.992C1 1.892 1.898 1 2.992 1h26.016C30.108 1 31 1.898 31 2.992v26.016c0 1.1-.898 1.992-1.992 1.992H2.992C1.892 31 1 30.102 1 29.008V2.992zm1 12.017C2 14.452 2.443 14 3.01 14h1.98c.558 0 1.01.443 1.01 1.01v1.98C6 17.549 5.557 18 4.99 18H3.01C2.451 18 2 17.557 2 16.99v-1.98zm24 0c0-.557.443-1.009 1.01-1.009h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01v-1.98zM2 9A1 1 0 0 1 3.01 8h1.98C5.549 8 6 8.444 6 9v3a1 1 0 0 1-1.01 1H3.01C2.451 13 2 12.556 2 12V9zm24 0A1 1 0 0 1 27.01 8h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1V9zM2 26A1 1 0 0 1 3.01 25h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1H3.01C2.451 30 2 29.556 2 29v-3zm24 0A1 1 0 0 1 27.01 25h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1v-3zM2 3A1 1 0 0 1 3.01 2h1.98C5.549 2 6 2.444 6 3v3a1 1 0 0 1-1.01 1H3.01C2.451 7 2 6.556 2 6V3zm24 0A1 1 0 0 1 27.01 2h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98C26.451 7 26 6.556 26 6V3zM2 20A1 1 0 0 1 3.01 19h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1H3.01C2.451 24 2 23.556 2 23v-3zm24 0A1 1 0 0 1 27.01 19h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1v-3z"/><path fill="#FF405D" d="M12 10.615c0-.554.38-.775.853-.491l8.294 4.977c.471.282.473.739 0 1.023L12.853 21.1c-.471.282-.853.055-.853-.491v-9.995z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#FFC5CE" d="M1 2.992C1 1.892 1.898 1 2.992 1h26.016C30.108 1 31 1.898 31 2.992v26.016c0 1.1-.898 1.992-1.992 1.992H2.992C1.892 31 1 30.102 1 29.008V2.992zm1 12.017C2 14.452 2.443 14 3.01 14h1.98c.558 0 1.01.443 1.01 1.01v1.98C6 17.549 5.557 18 4.99 18H3.01C2.451 18 2 17.557 2 16.99v-1.98zm24 0c0-.557.443-1.009 1.01-1.009h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01v-1.98zM2 9A1 1 0 0 1 3.01 8h1.98C5.549 8 6 8.444 6 9v3a1 1 0 0 1-1.01 1H3.01C2.451 13 2 12.556 2 12V9zm24 0A1 1 0 0 1 27.01 8h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1V9zM2 26A1 1 0 0 1 3.01 25h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1H3.01C2.451 30 2 29.556 2 29v-3zm24 0A1 1 0 0 1 27.01 25h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1v-3zM2 3A1 1 0 0 1 3.01 2h1.98C5.549 2 6 2.444 6 3v3a1 1 0 0 1-1.01 1H3.01C2.451 7 2 6.556 2 6V3zm24 0A1 1 0 0 1 27.01 2h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98C26.451 7 26 6.556 26 6V3zM2 20A1 1 0 0 1 3.01 19h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1H3.01C2.451 24 2 23.556 2 23v-3zm24 0A1 1 0 0 1 27.01 19h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1v-3z"/><path fill="#FF405D" d="M12 10.615c0-.554.38-.775.853-.491l8.294 4.977c.471.282.473.739 0 1.023L12.853 21.1c-.471.282-.853.055-.853-.491v-9.995z"/></g></svg>
diff --git a/assets/icons/illus/file-type-zip.svg b/assets/icons/illus/file-type-zip.svg
index 0caf89e204..4caad8fba7 100644
--- a/assets/icons/illus/file-type-zip.svg
+++ b/assets/icons/illus/file-type-zip.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none" fill-rule="evenodd" transform="translate(3)"><rect width="26" height="32" fill="#D1D5DB" rx="2"/><path fill="#4F5B69" d="M11 1h2v2h-2V1zm0 4h2v2h-2V5zm0 4h2v2h-2V9zm2-6h2v2h-2V3zm0 4h2v2h-2V7zm-2 5h4v7h-4v-7zm1 1h2v2h-2v-2z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(3)"><rect width="26" height="32" fill="#D1D5DB" rx="2"/><path fill="#4F5B69" d="M11 1h2v2h-2V1zm0 4h2v2h-2V5zm0 4h2v2h-2V9zm2-6h2v2h-2V3zm0 4h2v2h-2V7zm-2 5h4v7h-4v-7zm1 1h2v2h-2v-2z"/></g></svg>
diff --git a/assets/icons/illus/magic-trick.svg b/assets/icons/illus/magic-trick.svg
index 6803d2fe4f..20dabee487 100644
--- a/assets/icons/illus/magic-trick.svg
+++ b/assets/icons/illus/magic-trick.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill="#fff" fill-rule="nonzero"><path d="M16.236 5.87a.631.631 0 0 0-.893 0L.185 21.026a.631.631 0 0 0 0 .893l1.895 1.895a.629.629 0 0 0 .893 0L18.13 8.657a.631.631 0 0 0 0-.893l-1.895-1.895zm-1.71 4.605l-1.001-1.001 2.264-2.265 1.002 1.002-2.265 2.264zM14.326 2.494l.648.216.216.647a.631.631 0 0 0 1.199 0l.216-.647.648-.216a.631.631 0 0 0 0-1.198l-.648-.216-.216-.648a.631.631 0 0 0-1.199 0l-.216.648-.648.216a.631.631 0 0 0 0 1.198zM9.274 5.02l.648.216.216.648a.631.631 0 0 0 1.198 0l.216-.648.648-.216a.631.631 0 0 0 0-1.198l-.648-.216-.216-.648a.631.631 0 0 0-1.198 0l-.216.648-.648.216a.631.631 0 0 0 0 1.198zM22.305 11.4l-.648-.215-.216-.648a.631.631 0 0 0-1.198 0l-.216.648-.648.216a.631.631 0 0 0 0 1.198l.648.216.216.648a.631.631 0 0 0 1.198 0l.216-.648.648-.216a.631.631 0 0 0 0-1.198zM23.568 4.454l-1.121-.374-.374-1.122a.631.631 0 0 0-1.198 0L20.5 4.08l-1.122.374a.631.631 0 0 0 0 1.198l1.122.374.374 1.12a.631.631 0 0 0 1.198 0l.374-1.12 1.121-.374a.631.631 0 0 0 0-1.198z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#fff" fill-rule="nonzero"><path d="M16.236 5.87a.631.631 0 0 0-.893 0L.185 21.026a.631.631 0 0 0 0 .893l1.895 1.895a.629.629 0 0 0 .893 0L18.13 8.657a.631.631 0 0 0 0-.893l-1.895-1.895zm-1.71 4.605l-1.001-1.001 2.264-2.265 1.002 1.002-2.265 2.264zM14.326 2.494l.648.216.216.647a.631.631 0 0 0 1.199 0l.216-.647.648-.216a.631.631 0 0 0 0-1.198l-.648-.216-.216-.648a.631.631 0 0 0-1.199 0l-.216.648-.648.216a.631.631 0 0 0 0 1.198zM9.274 5.02l.648.216.216.648a.631.631 0 0 0 1.198 0l.216-.648.648-.216a.631.631 0 0 0 0-1.198l-.648-.216-.216-.648a.631.631 0 0 0-1.198 0l-.216.648-.648.216a.631.631 0 0 0 0 1.198zM22.305 11.4l-.648-.215-.216-.648a.631.631 0 0 0-1.198 0l-.216.648-.648.216a.631.631 0 0 0 0 1.198l.648.216.216.648a.631.631 0 0 0 1.198 0l.216-.648.648-.216a.631.631 0 0 0 0-1.198zM23.568 4.454l-1.121-.374-.374-1.122a.631.631 0 0 0-1.198 0L20.5 4.08l-1.122.374a.631.631 0 0 0 0 1.198l1.122.374.374 1.12a.631.631 0 0 0 1.198 0l.374-1.12 1.121-.374a.631.631 0 0 0 0-1.198z"/></g></svg>
diff --git a/react/__snapshots__/examples.spec.jsx.snap b/react/__snapshots__/examples.spec.jsx.snap
index f1f62017ed..47c08c2280 100644
--- a/react/__snapshots__/examples.spec.jsx.snap
+++ b/react/__snapshots__/examples.spec.jsx.snap
@@ -748,26 +748,26 @@ exports[`Icon should render examples: Icon 1`] = `
             <path fill=\\"#F52D2D\\" d=\\"M295.021699,129.735659 C295.564898,128.777255 296.450192,128.78566 296.988422,129.735659 L303.52045,141.26497 C304.063442,142.223374 303.613566,143.000315 302.503518,143.000315 L289.50373,143.000315 C288.399102,143.000315 287.948739,142.214969 288.487174,141.26497 L295.021699,129.735659 Z M295.003624,141.000315 C295.003624,140.44803 295.447489,140.000315 296.003624,140.000315 C296.555909,140.000315 297.003624,140.444179 297.003624,141.000315 C297.003624,141.552599 296.559759,142.000315 296.003624,142.000315 C295.45134,142.000315 295.003624,141.55645 295.003624,141.000315 Z M295.003624,133.003244 C295.003624,132.449341 295.447489,132.000315 296.003624,132.000315 C296.555909,132.000315 297.003624,132.438196 297.003624,133.003244 L297.003624,137.997385 C297.003624,138.551288 296.559759,139.000315 296.003624,139.000315 C295.45134,139.000315 295.003624,138.562433 295.003624,137.997385 L295.003624,133.003244 Z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"cloud-broken\\">
+        <symbol id=\\"cloud-broken\\" viewBox=\\"0 0 160 160\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\">
             <path fill=\\"#93BEF8\\" d=\\"M61.763 130.593l-3.174 7.933h59.045-.003c23.356 0 42.369-19.126 42.369-42.634 0-22.218-16.977-40.52-38.56-42.467a42.494 42.494 0 0 0-12.426-25.27 42.873 42.873 0 0 0-4.68-3.992l-3.156 7.892c7.203 6.153 11.888 15.26 12.12 25.41.055 2.478 2.056 4.446 4.499 4.446h.34c18.71 0 33.93 15.405 33.93 34.338 0 18.936-15.22 34.34-33.93 34.34h-.324l-.01.004h-56.04zm39.415-106.538l3.157-7.892C97.128 10.86 88.462 8 79.387 8 68.245 8 57.724 12.311 49.76 20.158c-6.974 6.868-11.308 15.77-12.438 25.4-9.568 1.135-18.411 5.5-25.239 12.514C4.29 66.086 0 76.677 0 87.89c0 23.511 19 42.637 42.366 42.637H58.59l3.174-7.933H42.537c-.097-.007-.194-.007-.292-.007l-.107.007h-.275c-18.71 0-33.93-15.405-33.93-34.341 0-18.507 14.863-33.905 33.132-34.331 2.406-.056 4.343-2.017 4.398-4.45.419-18.494 15.638-33.538 33.92-33.538 8.248 0 15.873 3.062 21.795 8.122z\\"></path>
             <path stroke=\\"#297EF1\\" stroke-linecap=\\"round\\" stroke-width=\\"8\\" d=\\"M50 156L110 4\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-audio\\">
+        <symbol id=\\"file-type-audio\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\" transform=\\"translate(1 1)\\">
             <rect width=\\"30\\" height=\\"30\\" fill=\\"#ACF6F7\\" rx=\\"2\\"></rect>
             <path fill=\\"#0CCBD0\\" d=\\"M8 19.998c-1.105 0-2 .888-2 2 0 1.105.898 2 1.998 2H9c1.657 0 3-1.35 3-2.997v-7.679a.63.63 0 0 1 .492-.601l6.016-1.129c.272-.05.492.124.492.418v5.478c0 .282-.215.51-.49.51H17c-1.105 0-2 .904-2 1.997v-.179a2 2 0 0 0 1.998 1.997H18c1.657 0 3-1.349 3-2.993V7c0-.554-.445-.921-.976-.825L10.976 7.82C10.437 7.918 10 8.454 10 9v10.498c0 .276-.215.5-.49.5H8z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-bin\\">
+        <symbol id=\\"file-type-bin\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\">
             <path fill=\\"#D1D5DB\\" d=\\"M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z\\"></path>
             <path fill=\\"#A3ACB8\\" d=\\"M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z\\"></path>
             <path fill=\\"#4F5B69\\" d=\\"M7 15.568c0-.597.06-1.12.178-1.568.118-.449.285-.82.5-1.115.215-.295.473-.516.772-.664.3-.147.633-.221 1.001-.221.786 0 1.391.29 1.815.87.424.58.636 1.479.636 2.698 0 .602-.059 1.128-.177 1.577-.119.449-.286.822-.501 1.12-.215.298-.474.521-.776.669a2.265 2.265 0 0 1-1.006.22c-.792 0-1.397-.306-1.815-.918C7.209 17.623 7 16.734 7 15.568zm3.705 0a9.152 9.152 0 0 0-.019-.58l-2.292 2.191c.193.597.546.895 1.057.895.4 0 .708-.2.926-.6.219-.4.328-1.035.328-1.906zm-2.507 0a7.965 7.965 0 0 0 .018.55l2.283-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.402-.322 1.03-.322 1.882zm5.35 0c0-.597.06-1.12.179-1.568.118-.449.285-.82.5-1.115.215-.295.473-.516.772-.664.3-.147.633-.221 1.001-.221.786 0 1.39.29 1.815.87.424.58.636 1.479.636 2.698 0 .602-.06 1.128-.178 1.577-.118.449-.285.822-.5 1.12-.215.298-.474.521-.777.669a2.265 2.265 0 0 1-1.005.22c-.792 0-1.397-.306-1.815-.918-.418-.613-.627-1.502-.627-2.668zm3.706 0a9.153 9.153 0 0 0-.02-.58l-2.291 2.191c.193.597.546.895 1.057.895.4 0 .708-.2.926-.6.218-.4.328-1.035.328-1.906zm-2.508 0a7.965 7.965 0 0 0 .02.55l2.282-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.402-.323 1.03-.323 1.882zm5.988 2.368h1.431v-4.295l-1.235.993-.561-.786 2.133-1.71h.823v5.798h1.404v1.081h-3.995v-1.08zM7 24.413c0-.596.06-1.119.178-1.568.118-.449.285-.82.5-1.115.215-.295.473-.516.772-.664.3-.147.633-.22 1.001-.22.786 0 1.391.29 1.815.869.424.58.636 1.48.636 2.698 0 .603-.059 1.128-.177 1.577-.119.449-.286.822-.501 1.12-.215.299-.474.521-.776.669A2.265 2.265 0 0 1 9.442 28c-.792 0-1.397-.306-1.815-.919C7.209 26.468 7 25.58 7 24.413zm3.705 0a9.152 9.152 0 0 0-.019-.58l-2.292 2.192c.193.596.546.894 1.057.894.4 0 .708-.2.926-.6.219-.4.328-1.035.328-1.906zm-2.507 0a7.965 7.965 0 0 0 .018.55l2.283-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.403-.322 1.03-.322 1.882zm5.987 2.368h1.431v-4.295l-1.235.993-.56-.786 2.132-1.71h.824v5.798h1.403v1.081h-3.995v-1.08zm5.913-2.368c0-.596.059-1.119.177-1.568.119-.449.286-.82.501-1.115.215-.295.472-.516.772-.664.3-.147.633-.22 1-.22.787 0 1.392.29 1.816.869.424.58.636 1.48.636 2.698 0 .603-.06 1.128-.178 1.577-.118.449-.285.822-.5 1.12-.215.299-.474.521-.777.669A2.265 2.265 0 0 1 22.54 28c-.793 0-1.398-.306-1.815-.919-.418-.613-.627-1.502-.627-2.668zm3.704 0a9.152 9.152 0 0 0-.018-.58l-2.292 2.192c.193.596.545.894 1.057.894.399 0 .708-.2.926-.6.218-.4.327-1.035.327-1.906zm-2.507 0a7.965 7.965 0 0 0 .019.55l2.283-2.192c-.187-.563-.54-.845-1.057-.845-.4 0-.707.202-.922.605-.215.403-.323 1.03-.323 1.882z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-code\\">
+        <symbol id=\\"file-type-code\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\">
             <path fill=\\"#E6D5FF\\" d=\\"M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z\\"></path>
             <path fill=\\"#9C59FF\\" d=\\"M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z\\"></path>
@@ -777,19 +777,19 @@ exports[`Icon should render examples: Icon 1`] = `
             </g>
           </g>
         </symbol>
-        <symbol id=\\"file-type-files\\">
+        <symbol id=\\"file-type-files\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\">
             <path fill=\\"#D1D5DB\\" d=\\"M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z\\"></path>
             <path fill=\\"#A3ACB8\\" d=\\"M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-folder\\">
+        <symbol id=\\"file-type-folder\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\" transform=\\"translate(0 2)\\">
             <rect width=\\"32\\" height=\\"26\\" y=\\"2\\" fill=\\"#B2D3FF\\" rx=\\"2\\"></rect>
             <path fill=\\"#197BFF\\" d=\\"M0 .99C0 .445.45 0 1.007 0h11.986c.556 0 1.32.313 1.718.71l.578.58c.393.392 1.156.71 1.712.71h13.005C31.107 2 32 2.895 32 4H17c-.552 0-1.313.313-1.71.71l-.58.58c-.392.392-1.16.71-1.717.71H1.007A1.004 1.004 0 0 1 0 5.01V.99z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-image\\">
+        <symbol id=\\"file-type-image\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\" transform=\\"translate(0 3)\\">
             <rect width=\\"32\\" height=\\"26\\" fill=\\"#8EE39B\\" rx=\\"2\\"></rect>
             <path fill=\\"#1EC737\\" d=\\"M0 20l6.29-6.29a.999.999 0 0 1 1.416-.004L11 17l8.294-8.294a1.003 1.003 0 0 1 1.412 0L32 20v4.002C32 25.106 31.11 26 29.998 26H2.002A2.002 2.002 0 0 1 0 24.002V20z\\"></path>
@@ -797,37 +797,37 @@ exports[`Icon should render examples: Icon 1`] = `
             <path stroke=\\"#8EE39B\\" d=\\"M11 16l-5.5 5.5L11 16z\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-pdf\\">
+        <symbol id=\\"file-type-pdf\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\">
             <path fill=\\"#FCD0D5\\" d=\\"M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z\\"></path>
             <path fill=\\"#F1132D\\" d=\\"M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5zM9 11h14v2H9v-2zm0 4h12v2H9v-2zm.066 4.784h1.904c.283 0 .548.028.796.084.248.056.464.15.648.28.184.13.33.304.436.52.107.216.16.481.16.796 0 .304-.055.568-.164.792-.11.224-.257.408-.444.552a1.89 1.89 0 0 1-.648.32 2.87 2.87 0 0 1-.784.104h-.728V25H9.066v-5.216zm1.832 2.512c.64 0 .96-.277.96-.832 0-.272-.081-.464-.244-.576-.163-.112-.401-.168-.716-.168h-.656v1.576h.656zm3.016-2.512h1.472c.4 0 .76.05 1.08.152.32.101.595.257.824.468.23.21.405.479.528.804.123.325.184.712.184 1.16 0 .448-.061.837-.184 1.168-.123.33-.296.604-.52.82a2.137 2.137 0 0 1-.804.484c-.312.107-.66.16-1.044.16h-1.536v-5.216zm1.4 4.264c.224 0 .427-.03.608-.088.181-.059.336-.153.464-.284.128-.13.228-.303.3-.516.072-.213.108-.477.108-.792 0-.31-.036-.57-.108-.78a1.263 1.263 0 0 0-.3-.504 1.092 1.092 0 0 0-.464-.268 2.152 2.152 0 0 0-.608-.08h-.224v3.312h.224zm3.68-4.264h3.288v.992H20.17v1.208h1.808v.992H20.17V25h-1.176v-5.216z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-sheet\\">
+        <symbol id=\\"file-type-sheet\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\">
             <path fill=\\"#9FE6A2\\" d=\\"M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z\\"></path>
             <path fill=\\"#0FC016\\" d=\\"M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5zM8 9h4v2H8V9zm0-4h4v2H8V5zm0 8h4v2H8v-2zm0 4h4v2H8v-2zm0 4h4v2H8v-2zm0 4h4v2H8v-2zm6-16h4v2h-4V9zm0-4h4v2h-4V5zm0 8h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2zm6-12h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2zm0 4h4v2h-4v-2z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-slide\\">
+        <symbol id=\\"file-type-slide\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\">
             <path fill=\\"#FFDEC1\\" d=\\"M0 3.991C0 2.891.89 2 2.004 2H25l7 7v19.005C32 29.107 31.11 30 29.998 30H2.002C.896 30 0 29.1 0 28.009V3.99z\\"></path>
             <path fill=\\"#FF9433\\" d=\\"M24.5 2c-.276 0-.5.23-.5.5V10h7.5c.276 0 .5-.232.5-.5V9l-7-7h-.5zM9.996 18h16v2h-16v-2zm0 4h16v2h-16v-2zM6 18h2v2H6v-2zm0 4h2v2H6v-2zm10-6a4 4 0 0 0 4-4h-4V8a4 4 0 1 0 0 8zm1-5V7c2 0 4 2 4 4h-4z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-text\\">
+        <symbol id=\\"file-type-text\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\">
             <path fill=\\"#B2D3FF\\" d=\\"M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0 1 27.003 32H4.997A1.995 1.995 0 0 1 3 29.998V2.002z\\"></path>
             <path fill=\\"#197BFF\\" d=\\"M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5zM9 11h14v2H9v-2zm0 4h12v2H9v-2zm0 4h14v2H9v-2zm0 4h10v2H9v-2z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-video\\">
+        <symbol id=\\"file-type-video\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\">
             <path fill=\\"#FFC5CE\\" d=\\"M1 2.992C1 1.892 1.898 1 2.992 1h26.016C30.108 1 31 1.898 31 2.992v26.016c0 1.1-.898 1.992-1.992 1.992H2.992C1.892 31 1 30.102 1 29.008V2.992zm1 12.017C2 14.452 2.443 14 3.01 14h1.98c.558 0 1.01.443 1.01 1.01v1.98C6 17.549 5.557 18 4.99 18H3.01C2.451 18 2 17.557 2 16.99v-1.98zm24 0c0-.557.443-1.009 1.01-1.009h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01v-1.98zM2 9A1 1 0 0 1 3.01 8h1.98C5.549 8 6 8.444 6 9v3a1 1 0 0 1-1.01 1H3.01C2.451 13 2 12.556 2 12V9zm24 0A1 1 0 0 1 27.01 8h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1V9zM2 26A1 1 0 0 1 3.01 25h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1H3.01C2.451 30 2 29.556 2 29v-3zm24 0A1 1 0 0 1 27.01 25h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1v-3zM2 3A1 1 0 0 1 3.01 2h1.98C5.549 2 6 2.444 6 3v3a1 1 0 0 1-1.01 1H3.01C2.451 7 2 6.556 2 6V3zm24 0A1 1 0 0 1 27.01 2h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98C26.451 7 26 6.556 26 6V3zM2 20A1 1 0 0 1 3.01 19h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1H3.01C2.451 24 2 23.556 2 23v-3zm24 0A1 1 0 0 1 27.01 19h1.98c.558 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1v-3z\\"></path>
             <path fill=\\"#FF405D\\" d=\\"M12 10.615c0-.554.38-.775.853-.491l8.294 4.977c.471.282.473.739 0 1.023L12.853 21.1c-.471.282-.853.055-.853-.491v-9.995z\\"></path>
           </g>
         </symbol>
-        <symbol id=\\"file-type-zip\\">
+        <symbol id=\\"file-type-zip\\" viewBox=\\"0 0 32 32\\">
           <g fill=\\"none\\" fill-rule=\\"evenodd\\" transform=\\"translate(3)\\">
             <rect width=\\"26\\" height=\\"32\\" fill=\\"#D1D5DB\\" rx=\\"2\\"></rect>
             <path fill=\\"#4F5B69\\" d=\\"M11 1h2v2h-2V1zm0 4h2v2h-2V5zm0 4h2v2h-2V9zm2-6h2v2h-2V3zm0 4h2v2h-2V7zm-2 5h4v7h-4v-7zm1 1h2v2h-2v-2z\\"></path>