kv-icon-kit 1.0.0

package/scss/brand.scss

@@ -0,0 +1,19 @@
+@use "sass:string";
+
+@font-face {
+  font-family: 'KV Icon Kit Brands';
+  font-style: normal;
+  font-weight: 700;
+  font-display: $ik-font-display;
+  src: url('#{$ik-font-path}/brands-700.woff') format('woff'),
+  url('#{$ik-font-path}/brands-700.ttf') format('truetype');
+}
+
+.#{$ik-css-prefix}b,
+.#{$ik-css-prefix}-brand {
+  font-weight: 400;
+}
+
+@each $name, $icon in $ik-brand-icons {
+  .#{$ik-css-prefix}-#{$name}:before { content: string.unquote("\"#{ $icon }\""); }
+}

package/scss/color-mix.scss

@@ -0,0 +1,23 @@
+.#{$ik-css-prefix}c,
+.#{$ik-css-prefix}-color {
+  --#{$ik-css-prefix}-color-mix-image: none;
+
+  &:before {
+    content: '';
+    background: {
+      repeat: no-repeat;
+      size: contain;
+      position: center center;
+    };
+    width: var(--#{$ik-css-prefix}-size);
+    height: var(--#{$ik-css-prefix}-size);
+    display: inline-block;
+    background-image: var(--#{$ik-css-prefix}-color-mix-image);
+  }
+}
+
+@each $name, $icon in $ik-color-mix-icons {
+  .#{$ik-css-prefix}-#{$name} {
+    --#{$ik-css-prefix}-color-mix-image: url("#{$ik-svg-path}/color-mix/#{$icon}");
+  }
+}

package/scss/regular.scss

@@ -0,0 +1,13 @@
+@font-face {
+  font-family: 'KV Icon Kit';
+  font-style: normal;
+  font-weight: 400;
+  font-display: $ik-font-display;
+  src: url('#{$ik-font-path}/regulars-400.woff') format('woff'),
+  url('#{$ik-font-path}/regulars-400.ttf') format('truetype');
+}
+
+.#{$ik-css-prefix}r,
+.#{$ik-css-prefix}-regular {
+  font-weight: 400;
+}

package/scss/solid.scss

@@ -0,0 +1,13 @@
+@font-face {
+  font-family: 'KV Icon Kit';
+  font-style: normal;
+  font-weight: 700;
+  font-display: $ik-font-display;
+  src: url('#{$ik-font-path}/solids-700.woff') format('woff'),
+  url('#{$ik-font-path}/solids-700.ttf') format('truetype');
+}
+
+.#{$ik-css-prefix}s,
+.#{$ik-css-prefix}-solid {
+  font-weight: 700;
+}

package/svg/brands/apple.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M400 270.8c0 2.3-3.4 69.7 70.9 105.1c-13.7 42.3-61.7 136-117.7 136c-32 0-50.3-20.6-86.9-20.6c-37.7 0-58.3 20.6-86.9 20.6C124.6 514.2 72 411.4 57.2 369.1c-11.4-32-16-62.9-16-92.6c0-101.7 67.4-150.8 131.4-152c30.9 0 69.7 21.7 86.9 21.7c16 0 60.6-26.3 101.7-22.9c42.3 3.4 74.3 19.4 96 50.3c-37.7 24-57.1 54.9-57.1 97.1zM336 83.4c-22.9 26.3-50.3 41.1-80 38.9c-2.3-30.9 9.1-59.4 29.7-82.3C304 19.4 336 2.3 363.4 0c0 12.6 3.4 46.9-27.4 83.4z"/></svg>

package/svg/brands/facebook-messenger.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 7.8c140 0 248 103 248 241c0 175-167 273-320 231c-9-2-10 0-62 23c-7 2-14 2-19-2c-6-3-9-9-9-16c-2-46 0-50-8-58c-49-43-78-106-78-178c0-138 108-241 248-241zm149 186c7-11-6-24-17-16l-78 59c-6 4-13 4-18 0l-58-43c-9-6-19-9-29-7c-11 2-20 8-25 17l-73 115c-7 11 6 24 17 16l78-59c6-4 13-4 18 0l58 43c9 6 19 9 30 7c10-2 19-8 24-17l73-115z"/></svg>

package/svg/brands/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M432 32c12 0 24 6 33 15s15 21 15 33V432c0 13-6 25-15 34s-21 14-33 14H294V328h58l11-72H294V210c0-20 10-39 41-39h31V110s-28-5-56-5c-56 0-93 35-93 97v54H154v72h63V480H80c-13 0-25-5-34-14s-14-21-14-34V80c0-12 5-24 14-33s21-15 34-15H432z"/></svg>

package/svg/brands/google.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M500 262c0 142-97 242-240 242C122 504 12 394 12 256C12 119 122 8 260 8c66 0 123 25 166 65l-68 65c-88-85-252-21-252 118c0 87 69 157 154 157c98 0 135-70 140-107H260V221H496c2 13 4 25 4 41z"/></svg>

package/svg/brands/grab.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M407.4 219.5V157.4h12.8v53.4c-3.5 1.6-8.3 5.1-12.8 8.6zm-22.1 18.9c3.8-4.8 8-9.6 12.8-13.4V157.4H385.3v81zM237.8 287.7c0 16.6 6.7 32.3 18.6 44.5c12.2 11.8 27.8 18.2 44.5 18.2c7 0 14.4-1.6 19.5-4.2V333.4c-6.4 2.9-13.4 4.5-19.5 4.5c-27.2 0-50.2-23-50.2-50.2V276.2c0-27.2 23-50.2 50.2-50.2c13.4 0 26.2 5.1 35.5 14.7c9.3 9.3 14.7 22.1 14.7 35.5v74.6h12.8V273.9c-.6-16.3-7.7-31.4-19.5-42.9c-12.2-11.5-27.5-17.9-43.5-17.9c-16.6 0-32.3 6.7-44.5 18.6c-11.8 12.2-18.6 27.8-18.6 44.5v11.5zm190.7-30.4c5.8-5.8 13.1-9 20.5-9c15.7 0 28.2 12.2 28.2 28.2V288c0 15.7-12.5 28.2-28.2 28.2c-7.7 0-15-4.2-20.8-11.8c-5.1-6.7-8.3-15.7-9-24L409 292.8c1.9 9.6 7 18.9 14.1 25.3c7.4 6.7 16.6 10.2 25.9 10.2c22.4 0 41-18.2 41-41V276.2c0-10.6-4.5-20.8-12.2-28.8s-17.9-12.2-28.8-12.2c-6.7 0-17.6 2.6-30.1 13.8c-3.5 3.5-11.5 11.5-16.3 17.3c-8.3 9-20.2 22.4-30.4 36.2v19.8c11.2-14.4 17.9-22.7 28.5-34.9c9.3-10.9 21.1-24.3 27.8-30.1zM127.4 233v-15c-11.5-6.1-24-9-40.6-9c-17 0-33.3 6.4-45.4 17.6s-19.2 26.2-19.2 42.2V273c0 33 26.2 59.5 58.9 59.5c26.2 0 37.1-8.6 40-11.2V282.9H77.8v12.8h31v19.2c-3.8 1.6-12.2 4.8-27.8 4.8c-12.5 0-24-4.8-32.6-13.4c-8.6-9-13.4-20.8-13.4-33.3v-4.2c0-25.3 23.7-47 51.8-47c19.5 0 31 3.2 40.6 11.2zm93.1 15c4.8 0 9 1 12.2 2.2c1.6-3.8 3.2-7.4 5.4-11.2c-3.5-2.2-11.5-3.8-17.6-3.8c-23.4 0-40.6 17.6-40.6 41v74.6h12.8V276.2c-.3-16.6 11.2-28.2 27.8-28.2zM0 268.8V273c0 22.1 8.3 42.6 23.7 57.9c15 15.4 35.5 23.7 57.3 23.7c17.6 0 33-3.8 46.1-11.8c10.9-6.4 15.7-12.8 16-13.4V260.8H77.8v12.8h52.5v51.8c-6.1 6.1-20.8 16.3-49.3 16.3c-18.6 0-35.8-7-48.6-20.2C19.8 309.1 12.8 291.5 12.8 273v-4.2c0-17.6 8-35.2 21.8-48.3C49 207 67.2 199.7 86.7 199.7c18.2 0 30.7 2.9 40.6 9V194.2c-10.6-4.5-23-6.4-40.6-6.4c-47 0-86.7 37.1-86.7 81zm341.4 81.6V276.2c0-22.7-17.9-41-41-41c-10.6 0-20.8 4.2-28.8 12.2c-7.7 7.7-12.2 17.9-12.2 28.8v11.5c0 22.1 18.6 41 41 41c6.1 0 14.4-1.6 19.5-5.8V309.4c-4.8 3.8-12.2 6.4-19.5 6.4c-15.7 0-28.2-12.5-28.2-28.2V276.2c0-15.7 12.5-28.2 28.2-28.2s28.2 12.2 28.2 28.2v74.6h12.8v-.3zm-121-124.5c8.6 0 16 1.9 23 5.8c3.2-3.8 6.4-7 8.6-9.6c-7-5.4-19.2-9-31.7-9c-17.6 0-33.9 6.4-45.1 17.9c-11.5 11.5-17.9 27.5-17.9 45.1v74.6h12.8V276.2c0-29.4 20.5-50.2 50.2-50.2zm273 5.8c-11.8-11.8-27.8-18.6-44.5-18.6c-12.2 0-24.3 4.5-31 9c-13.8 9.3-25.3 19.2-45.8 45.8V287c17.3-22.7 33.9-40.6 46.4-50.6c8.3-6.7 19.8-10.6 30.4-10.6c27.2 0 50.2 23 50.2 50.2v11.5c0 13.4-5.4 25.9-15 35.5c-9.6 9.3-22.1 14.7-35.2 14.7c-22.4 0-41.9-15.4-47.4-36.2l-9 10.9c6.4 22.1 30.1 38.1 56.3 38.1c16.6 0 32.3-6.7 44.5-18.6C505.3 320 512 304.3 512 287.7V276.2c0-16.6-6.7-32.3-18.6-44.5z"/></svg>

package/svg/brands/instagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M255.5 371.5a115.5 115.5 0 1 1 1-231 115.5 115.5 0 1 1 -1 231zm1-41a74.5 74.5 0 1 0 -1-149 74.5 74.5 0 1 0 1 149zm146-194a27 27 0 1 0 -54 0 27 27 0 1 0 54 0zm76 27c2 37 2 148 0 185c-2 36-10 67-36 94c-26 26-58 34-94 36c-37 2-148 2-185 0c-36-2-67-10-94-36c-26-27-34-58-36-94c-2-37-2-148 0-185c2-36 10-68 36-94c27-26 58-34 94-36c37-2 148-2 185 0c36 2 68 10 94 36s34 58 36 94zm-48 224c12-29 9-99 9-132c0-32 3-102-9-132c-8-19-23-35-42-42c-30-12-100-9-132-9c-33 0-103-3-132 9c-20 8-35 23-43 42c-12 30-9 100-9 132c0 33-3 103 9 132c8 20 23 35 43 43c29 12 99 9 132 9c32 0 102 3 132-9c19-8 35-23 42-43z"/></svg>

package/svg/brands/kiotviet-connect.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M157.7 12.7C64.8 54.3 0 147.6 0 256S64.8 457.7 157.7 499.3c23.1 10.2 37.5 12.7 49.7 12.7c46.3 0 67.5-148.4 67.5-256c0-107.6-21.2-256-67.5-256c-12.2 0-26.5 2.5-49.7 12.7zM346.2 366.8C373.9 391 408 403.1 442 403.1c54.2 .1 69.6-18.1 69.8-29.3c.2-8.9-2.9-15.3-13.6-24.1L312.8 187.9c-30.9 58.9-18.8 133.3 33.5 179zm.2-221.7c27.6-24.2 61.8-36.3 95.8-36.3h.3c53.9 0 69.3 18.1 69.5 29.3c.2 8.9-2.9 15.3-13.6 24.1L409.2 240l-83.4-72.8c6-7.9 12.8-15.3 20.6-22.1z"/></svg>

package/svg/brands/kiotviet-finance.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M159.6 12.7C66.6 54.3 1.9 147.6 1.9 256s64.8 201.7 157.7 243.3C182.7 509.5 197 512 209.2 512c46.3 0 67.5-148.4 67.5-256c0-107.6-21.2-256-67.5-256C197 0 182.7 2.5 159.6 12.7zm313 75.6L345 201.1c6.3-.7 12.7-1.1 19.1-1.1c38.8 0 77.9 13.2 109.7 40.2c35.3-40 45.2-95.4 28.4-144.1c-2.7-7.9-10-12.5-17.5-12.5c-4.3 0-8.5 1.5-12.1 4.6zM302.2 274.9c-13.3-11.8-9.6-33.5 7-40.2c17.6-7.1 36.3-10.7 55-10.7c34.4 0 68.9 12.1 96.7 36.7c45.6 40.4 60 102.9 41.3 157.1c-4.3 12.4-19.7 16.6-29.5 7.9L302.2 274.9z"/></svg>

package/svg/brands/kiotviet-software.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M45.2 111C73.2 67.8 113 33.7 160 12.7C183.1 2.5 197.5 0 209.7 0c46.3 0 67.5 148.4 67.5 256s-21.1 256-67.5 256c-12.2 0-26.6-2.6-49.7-12.7c-47-21-86.8-55.2-114.8-98.3s-42.9-93.5-42.9-145s14.9-101.8 42.9-145zm366.5-7.3c3.3-2.8 7.4-4.4 11.7-4.4h68.4c2.5 0 5 .5 7.3 1.6s4.3 2.5 6 4.4s3 4 3.7 6.4s1.1 4.9 .8 7.4c-4.3 44.6-22.7 86.6-52.5 119.8c-27.7-24.9-60.9-42.7-96.6-52.2c5.6-3.8 10.9-8.2 15.7-13.1c15.9-16 26.2-36.6 29.5-58.9c.6-4.3 2.7-8.2 6-11zM301.2 221.9v68.2c0 4.3 1.6 8.5 4.4 11.7s6.7 5.4 11 6c22.4 3.3 43.2 13.8 59.3 29.8s26.5 36.8 29.8 59.3c.6 4.3 2.7 8.2 6 11s7.4 4.4 11.7 4.4h68.4c2.5 0 5-.5 7.3-1.6s4.3-2.5 6-4.4s3-4 3.7-6.4s1.1-4.9 .8-7.4c-4.7-48.5-26-93.8-60.5-128.2s-79.7-55.8-128.2-60.4h-1.9c-2.4 0-4.7 .4-6.9 1.3s-4.2 2.2-5.8 3.9s-3 3.7-3.9 5.9s-1.3 4.5-1.3 6.9z"/></svg>

package/svg/brands/kiotviet.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256C0 149.3 63.8 57.5 155.2 16.6C178 6.6 192.1 4.1 204.1 4.1c45.6 0 66.5 146 66.5 251.9c0 105.8-20.9 251.9-66.5 251.9c-12 0-26.1-2.5-48.9-12.5C63.8 454.5 0 362.7 0 256zm304.9-23.9L423.8 113.3c7.4-7.4 14.1-10.6 23.1-10.6c31.9 0 65.1 79.3 65.1 153.7s-33.2 153.7-65.1 153.7c-9 0-15.7-3.2-23.1-10.6L304.9 280.5c-7.7-7.7-12.8-15.3-12.8-24.2s5.1-16.4 12.8-24.2z"/></svg>

package/svg/brands/lazada.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M281.6 267.7c0 17.6-11.8 31.7-29.1 31.7s-29.1-13.8-29.1-31.7s11.5-31.4 29.1-31.4s29.1 13.8 29.1 31.4zM512 125V301.3v.3c-.6 6.4-4.5 11.8-10.2 14.4c-1.9 1-14.4 8.6-32.6 19.8c-49 30.4-139.5 87-182.1 113c-9.3 5.8-16.6 10.2-20.5 12.2c-3.2 1.9-6.7 2.6-10.2 2.6H255v-.3c-3.2 0-6.4-1-9.3-2.6C218.6 445 18.2 319.2 10.6 315.4C4.8 313.4 .6 308 0 301.6v-.3V301 126.2c0-.3 0-.3 0-.6v-.3c0-6.7 3.2-12.8 8.6-16.3l1.6-1C29.8 95.8 94.7 56.5 105 50.7c2.2-1.6 4.8-2.2 7.7-2.2c2.6 0 5.1 .6 7.4 1.9c0 0 90.9 59.2 105 64.6c9.6 4.5 20.2 6.7 31 6.4c12.2 .3 24-2.6 34.9-8.6c13.4-7 100.5-62.4 101.4-62.4c2.2-1.3 4.8-1.9 7.4-1.9c2.9 0 5.4 .6 7.7 2.2c11.8 6.4 92.5 55.7 95.7 57.9c3.2 1.9 5.4 4.8 7 8c1 1.9 1.3 4.2 1.6 6.4c0 .6 .3 1.3 .3 1.9zM194.6 294.9h-40v-112h-23V317h63.4V294.9h-.3zm107.2-76.2H280v13.1c-7.7-9.6-19.2-15.4-31.7-15c-27.2 0-47.7 23-47.7 51.2s20.5 51.2 47.7 51.2c12.2 0 24-5.4 31.7-15v13.1h21.8V218.7zm97.9 78.7H346.9L398.4 236V218.7h-79v19.8h50.9L318.7 300v17.3h81V297.4z"/></svg>

package/svg/brands/sendo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 32H96C60.8 32 32 60.8 32 96V416c0 35.2 28.8 64 64 64H416c35.2 0 64-28.8 64-64V96c0-35.2-28.8-64-64-64zM160 368a28.8 28.8 0 1 1 0 57.6 28.8 28.8 0 1 1 0-57.6zm134.4 0a28.8 28.8 0 1 1 0 57.6 28.8 28.8 0 1 1 0-57.6zM320 348.8c-22.4 0-182.4 0-182.4 0s-28.8-3.2-19.2-22.4c6.4-22.4 19.2-70.4 19.2-70.4s3.2-12.8 19.2-12.8s105.6 0 105.6 0l-16 38.4H169.6l-6.4 25.6h144s25.6-6.4 25.6-25.6s-16-25.6-28.8-35.2c-12.8-6.4-51.2-19.2-51.2-70.4c0-16 16-99.2 128-73.6l-16 38.4s-41.6-9.6-54.4 16c-6.4 16-3.2 28.8 19.2 44.8s60.8 28.8 57.6 76.8c-6.4 44.8-44.8 70.4-67.2 70.4z"/></svg>

package/svg/brands/shopee.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.9 144.9H356.3c-3.1-34.6-12.6-65.5-26.4-89.4c-18.6-31.8-44.4-51.3-74-51.3c-29.3 0-55.1 19.5-73.3 51c-13.9 24.2-23.6 55.1-26.8 89.7H54.1c-12 0-22.7 10.1-22 22L52.5 451.8c2.2 30.8 21.4 56 57.9 56H401.9c32.7 0 55.1-20.5 57.6-56L480 166.6c.6-12-10.1-21.7-22-21.7zM204.2 68.1c13.9-23.9 32.1-38.4 51.6-38.4s37.8 14.8 51.3 38.4c11.6 20.1 20.1 46.9 23 76.8H181.2c3.1-29.9 11.3-56.7 23-76.8zM332.3 391c-1.6 5.7-4.1 11.6-7.6 17.3c-.9 1.3-1.3 2.2-1.9 2.8c-12.6 18.6-31.8 27.7-55.4 28c-22 0-47.8-8.2-74.9-24.6c-3.5-1.9-6.9-4.1-10.7-6.6c-4.7-3.1-6-9.8-2.8-14.5s9.8-6 14.5-2.8c2.8 1.9 6 4.1 9.4 6c23.9 14.5 45.6 21.7 63.9 21.7c16.4 0 29.9-6.3 38.4-18.9c.6-.9 .9-1.6 1.3-1.9c2.5-3.8 4.1-8.2 5.4-12.3c2.5-8.5 1.9-17-1.3-24.9c-3.8-8.2-10.7-16.4-21.7-23c-7.2-4.4-16.4-8.5-27.4-11.3c-28-7.9-48.5-18.9-59.5-33.7c-12.3-16.4-13.2-36.2 0-60.1c8.8-15.7 26.4-25.8 48.8-27.4c19.2-1.6 42.5 3.1 66.4 15.1c5 2.8 7.2 9.1 4.4 14.2c-2.5 5-8.8 7.2-13.9 4.4c-20.1-10.1-39.3-14.2-55.4-12.9c-15.1 1.3-26.8 7.2-32.1 16.7c-8.8 15.7-8.5 28.3-1.6 37.8c8.2 11 25.2 19.5 48.5 26.1c12.6 3.8 23.6 8.2 32.4 13.5c14.8 8.8 24.6 20.1 29.9 32.4c5.7 12.6 6.3 25.8 2.8 38.7z"/></svg>

package/svg/brands/tiki.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M423.5 159.8c-10.7-10.7-28-10.7-38.6 0L327.7 217V181.4c0-15.1-12.2-27.3-27.3-27.3s-27.3 12.2-27.3 27.3V331.6c0 15.1 12.2 27.3 27.3 27.3s27.3-12.2 27.3-27.3V295l57.2 57.2c10.7 10.7 28 10.7 38.6 0s10.7-28 0-38.6L365.9 256l57.6-57.6c10.7-10.7 10.7-28 0-38.6zM184.3 181.4c0-15.1 12.2-27.3 27.3-27.3s27.3 12.2 27.3 27.3V331.6c0 15.1-12.2 27.3-27.3 27.3s-27.3-12.2-27.3-27.3V181.4zm-75.1 27.3h27.3c15.1 0 27.3-12.2 27.3-27.3s-12.2-27.3-27.3-27.3H27.3C12.2 154.1 0 166.4 0 181.4s12.2 27.3 27.3 27.3H54.6V331.6c0 15.1 12.2 27.3 27.3 27.3s27.3-12.2 27.3-27.3V208.7zm348.2-27.3c0-15.1 12.2-27.3 27.3-27.3s27.3 12.2 27.3 27.3V331.6c0 15.1-12.2 27.3-27.3 27.3s-27.3-12.2-27.3-27.3V181.4z"/></svg>

package/svg/brands/tiktok.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M426.4 32H85.3C55.8 32 31.8 56 31.8 85.4V426.9c0 29.1 24 53.1 53.4 53.1H426.7c29.4 0 53.4-24 53.4-53.4V85.4C479.8 56 455.8 32 426.4 32zM383.8 227.5c-2.6 .3-4.8 .3-7.4 .3c-26.9 0-52.2-13.4-66.9-36.2V314.9c0 50.2-40.6 90.9-90.9 90.9s-90.9-40.6-90.9-90.9s40.6-90.9 90.9-90.9c1.9-.3 3.8 0 5.8 0v44.8c-1.9 0-3.8-.3-5.8-.3c-25.6 0-46.4 20.8-46.4 46.4s20.8 46.4 46.4 46.4s48.3-20.2 48.3-45.8l.3-209h42.9c4.2 38.4 35.2 68.5 73.6 71.4v49.6z"/></svg>

package/svg/brands/zalo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M293.1 210.9c-8-5.8-18.6-9.6-28.8-9.6c-27.2 0-49 21.8-49 49s21.8 49 49 49c11.2 0 20.8-3.2 28.8-9.6c0 4.8 4.2 9 9 9h11.2v-95H293.1v7.4zm-28.8 10.2a28.8 28.8 0 1 1 0 57.6 28.8 28.8 0 1 1 0-57.6zm-154.6-48H209.9v3.2c0 5.8-1 10.6-4.8 16v1c-1 1-2.6 3.2-3.2 4.2l-65 80.6h73v11.2c0 4.8-4.2 9-9 9H106.6v-5.8c0-6.4 1.6-9.6 4.2-12.8l68.8-84.8H109.8V173.1zm375.7-71.4c-17-33-42.6-57.6-75.2-75.2C377.3 9 341.4 0 278.7 0H233.3c-62.4 0-99.2 9-131.5 26.6c-33 17-57.6 42.6-75.2 75.2S0 170.6 0 233.3V279c0 62.4 9 99.2 26.6 131.5c17 33 42.6 57.6 75.2 75.2c33 17.3 68.8 26.2 131.5 26.2H279c62.4 0 99.2-9 131.5-26.6c33-17 57.6-42.6 75.2-75.2c17.3-33 26.2-68.8 26.2-131.5V233.3c0-62.7-9-99.5-26.6-131.5zm10.6 177c0 65-9.9 96.3-24.6 123.8c-4.2 7.7-9 15-14.1 21.8c-.6 1-1.3 1.9-2.2 2.9c-2.6 3.5-5.8 6.4-8.6 9.6c-5.4 5.1-11.5 9.3-19.5 13.1c-7.4 2.6-14.7 5.4-22.4 7.7c-.3 0-.3 0-.6 .3c-81.9 22.7-181.1 14.7-250.9-23.7c-21.1 10.2-50.9 17-74.9 14.4c-3.8-.6-4.8-1.9-2.2-4.5c17-17 27.5-45.4 16.3-62.1l-.3-.3C36.2 306.9 27.5 184 65.6 94.1c1-1.9 1.6-3.8 2.6-5.4c2.9-6.1 6.1-11.5 9.3-17.3C86.7 57 97.6 47.4 113 38.7C144 22.7 179.2 16 233.3 16H279c65 0 96.3 9.9 123.8 24.6c30.7 16.3 53.8 39.7 68.8 68.8C489 141.1 496 177 496 233.3v45.4zm-80-78.4a49.4 49.4 0 1 0 -.4 98.8 49.4 49.4 0 1 0 .4-98.8zm0 20.8a28.8 28.8 0 1 1 0 57.6 28.8 28.8 0 1 1 0-57.6zm-85.1-48h21.8V298.2H338.2c-4.2 0-7.4-3.2-7.4-7.4V173.1z"/></svg>

package/svg/color-mix/bag-circle-signal.svg

@@ -0,0 +1,14 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_37787)">
+<path d="M13.7012 18.3012C13.7012 17.5291 13.8615 16.7953 14.1505 16.1293C13.4393 16.2038 12.6129 16.249 11.6489 16.249C8.71836 16.249 7.04312 15.838 6.09035 15.4023C5.53044 15.1449 5.18048 14.7566 5.31821 13.937L5.97747 9.97923C6.03391 9.64734 6.31612 9.40802 6.65253 9.40802H16.6475C16.8146 9.40802 16.9704 9.46898 17.09 9.57058C17.2097 9.67218 17.2955 9.81442 17.3226 9.98149L17.8261 12.9978C18.2573 12.8872 18.7088 12.8307 19.1762 12.8307C19.1784 12.8307 19.183 12.8307 19.1852 12.8307L18.6727 9.75797C18.5056 8.76457 17.6545 8.0421 16.6475 8.0421H15.6496L15.1755 5.19284C14.9881 4.06623 13.5048 3.25119 11.6512 3.25119C9.7953 3.25119 8.31197 4.06623 8.12457 5.19058L7.64819 8.03984H6.65027C5.64332 8.03984 4.79216 8.76006 4.62509 9.75571L3.48945 16.5741C3.40591 17.0753 3.5075 17.581 3.77392 18.001C4.21643 18.6941 5.02922 19.2495 6.18969 19.6468C7.56014 20.1164 9.39568 20.3558 11.6444 20.3558C12.5114 20.3558 13.3151 20.3196 14.0556 20.2497C13.8276 19.6446 13.7012 18.9876 13.7012 18.3012ZM9.38213 5.96273C9.55372 4.93772 10.213 4.61938 11.6489 4.61938C13.0826 4.61938 13.7441 4.93772 13.9157 5.96273L14.2611 8.03984H9.03669L9.38213 5.96273Z" fill="#0070F4"/>
+<path d="M19.1743 13.8557C16.7224 13.8557 14.7266 15.8515 14.7266 18.3034C14.7266 20.7553 16.7201 22.7489 19.1743 22.7489C21.6262 22.7489 23.622 20.7553 23.622 18.3034C23.622 15.8493 21.6262 13.8557 19.1743 13.8557ZM17.6368 18.8137C17.6368 19.0982 17.4065 19.3262 17.1243 19.3262C16.8421 19.3262 16.6118 19.0959 16.6118 18.8137V17.7887C16.6118 17.5042 16.8421 17.2762 17.1243 17.2762C17.4065 17.2762 17.6368 17.5065 17.6368 17.7887V18.8137ZM19.6891 19.6694C19.6891 19.9538 19.4588 20.1819 19.1766 20.1819C18.8943 20.1819 18.6641 19.9516 18.6641 19.6694V16.933C18.6641 16.6485 18.8943 16.4205 19.1766 16.4205C19.4588 16.4205 19.6891 16.6508 19.6891 16.933V19.6694ZM21.7413 18.8137C21.7413 19.0982 21.5111 19.3262 21.2288 19.3262C20.9444 19.3262 20.7163 19.0959 20.7163 18.8137V17.7887C20.7163 17.5042 20.9466 17.2762 21.2288 17.2762C21.5111 17.2762 21.7413 17.5065 21.7413 17.7887V18.8137Z" fill="#00B63E"/>
+<path d="M21.7399 17.7888V18.816C21.7399 19.1005 21.5096 19.3285 21.2273 19.3285C20.9429 19.3285 20.7148 19.0982 20.7148 18.816V17.7888C20.7148 17.5065 20.9451 17.2762 21.2273 17.2762C21.5096 17.2762 21.7399 17.5043 21.7399 17.7888Z" fill="white"/>
+<path d="M19.6891 16.9331V19.6695C19.6891 19.9539 19.4588 20.182 19.1766 20.182C18.8921 20.182 18.6641 19.9517 18.6641 19.6695V16.9331C18.6641 16.6509 18.8943 16.4206 19.1766 16.4206C19.4588 16.4206 19.6891 16.6509 19.6891 16.9331Z" fill="white"/>
+<path d="M17.6383 17.7888V18.816C17.6383 19.1005 17.408 19.3285 17.1258 19.3285C16.8413 19.3285 16.6133 19.0982 16.6133 18.816V17.7888C16.6133 17.5065 16.8436 17.2762 17.1258 17.2762C17.408 17.2762 17.6383 17.5043 17.6383 17.7888Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_862_37787">
+<rect width="20.1608" height="19.4977" fill="white" transform="translate(3.46094 3.25119)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/bag-shopping.svg

@@ -0,0 +1,25 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_860_26819)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5V8.5C16.5 9.05228 16.0523 9.5 15.5 9.5C14.9477 9.5 14.5 9.05228 14.5 8.5V6.5C14.5 5.11929 13.3807 4 12 4C10.6193 4 9.5 5.11929 9.5 6.5V8.5C9.5 9.05228 9.05228 9.5 8.5 9.5C7.94772 9.5 7.5 9.05228 7.5 8.5V6.5Z" fill="url(#paint0_linear_860_26819)"/>
+<path d="M20.2031 8.79688C19.8385 8.45833 19.3958 8.27604 18.875 8.25H5.125C4.60417 8.27604 4.16146 8.45833 3.79688 8.79688C3.45833 9.16146 3.27604 9.60417 3.25 10.125V18.25C3.27604 19.3177 3.64062 20.2031 4.34375 20.9062C5.04688 21.6094 5.93229 21.974 7 22H17C18.0677 21.974 18.9531 21.6094 19.6562 20.9062C20.3594 20.2031 20.724 19.3177 20.75 18.25V10.125C20.724 9.60417 20.5417 9.16146 20.2031 8.79688Z" fill="url(#paint1_linear_860_26819)"/>
+<path d="M8 12.25C8 11.8358 8.33579 11.5 8.75 11.5H15.25C15.6642 11.5 16 11.8358 16 12.25C16 12.6642 15.6642 13 15.25 13H8.75C8.33579 13 8 12.6642 8 12.25Z" fill="white"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_860_26819" x1="17.9686" y1="17.3573" x2="2.85047" y2="8.7296" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<linearGradient id="paint1_linear_860_26819" x1="22" y1="25.3393" x2="5.67553" y2="4.07951" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<clipPath id="clip0_860_26819">
+<rect width="17.5" height="20" fill="white" transform="translate(3.25 2)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/bowl-fire.svg

@@ -0,0 +1,28 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_860_26886)">
+<path d="M9.01146 11.1187C8.18526 10.2938 7.77344 9.21226 7.77344 8.13075C7.77344 5.9485 9.20647 5.01196 9.58878 5.01196C9.69783 5.01196 9.74658 5.06071 9.74658 5.16976C9.74658 5.22273 9.72881 5.29416 9.705 5.38985C9.65673 5.58388 9.58365 5.87763 9.58365 6.31926C9.58365 8.31165 11.1924 9.94096 13.2041 9.94096C14.4472 9.94096 15.5621 9.31104 16.2189 8.32704C16.1728 9.34183 15.7609 10.3438 14.9861 11.1187C13.3362 12.7685 10.6613 12.7685 9.01146 11.1187Z" fill="url(#paint0_radial_860_26886)"/>
+<path d="M12.724 5.98181C12.134 5.22069 11.5234 4.43316 11.5234 3.38766C11.5234 2.20095 12.6447 1.38117 13.0758 1.37988C13.1861 1.37988 13.2477 1.42222 13.2477 1.51331C13.2477 1.56256 13.2224 1.62962 13.1892 1.71735C13.1266 1.88326 13.036 2.1231 13.036 2.45626C13.036 3.16759 13.6013 3.71906 14.2559 4.35767C15.1562 5.23594 16.2254 6.27901 16.2254 8.12935C16.2254 8.24097 16.2202 8.32564 16.2202 8.32564C15.5634 9.30964 14.4485 9.93956 13.2054 9.93956C12.7076 9.93956 12.2367 9.84077 11.807 9.66116C11.807 9.66116 12.0174 9.74199 12.3047 9.74199C13.1386 9.74199 13.8096 9.06589 13.8096 8.23712C13.8096 7.3822 13.2758 6.69355 12.724 5.98181Z" fill="url(#paint1_linear_860_26886)"/>
+<path d="M3.55078 14.1706C3.55078 13.8383 3.82148 13.5676 4.15504 13.5676H19.8478C20.1801 13.5676 20.4508 13.837 20.4508 14.1706C20.4508 18.9982 16.8291 22.6199 13.8116 22.6199H10.1899C7.17248 22.6199 3.55078 18.9995 3.55078 14.1706Z" fill="#0070F4"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_860_26886" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.23071 6.30742) rotate(34.9999) scale(8.58739 8.58738)">
+<stop stop-color="#00B63E"/>
+<stop offset="0.1802" stop-color="#09BB3C"/>
+<stop offset="0.4736" stop-color="#21C937"/>
+<stop offset="0.8416" stop-color="#48DF2E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+<stop offset="1" stop-color="#5BE92A"/>
+</radialGradient>
+<linearGradient id="paint1_linear_860_26886" x1="14.9052" y1="9.51239" x2="12.8458" y2="1.82663" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0070F4"/>
+<stop offset="0.1605" stop-color="#0E8CF7"/>
+<stop offset="0.4093" stop-color="#21B2FA"/>
+<stop offset="0.6402" stop-color="#2FCDFD"/>
+<stop offset="0.8442" stop-color="#37DDFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<clipPath id="clip0_860_26886">
+<rect width="16.9" height="21.24" fill="white" transform="translate(3.55078 1.37988)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/box-line-up.svg

@@ -0,0 +1,24 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_37805)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5539 2.18041C11.8833 1.93986 11.1647 1.93986 10.494 2.18041L3.55999 4.36782C2.36232 4.80079 1.5 5.95539 1.5 7.2543V16.6805C1.5 17.9794 2.36232 19.134 3.55999 19.567L10.494 21.7544C11.1647 21.9949 11.8833 21.9949 12.5539 21.7544L13.2118 21.5469C12.0039 20.4073 11.25 18.7917 11.25 17C11.25 13.5482 14.0482 10.75 17.5 10.75C19.0216 10.75 20.4161 11.2937 21.5 12.1975V7.2543C21.5 5.95539 20.6856 4.80079 19.4879 4.36782L12.5539 2.18041ZM11.5 5.06689L17.5716 6.91755L11.5 8.7682L5.47626 6.91755L11.5 5.06689ZM9.96698 18.2906L4.56603 16.6805V9.90024L9.96698 11.5104V18.2906Z" fill="url(#paint0_linear_862_37805)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 22C20.2614 22 22.5 19.7614 22.5 17C22.5 14.2386 20.2614 12 17.5 12C14.7386 12 12.5 14.2386 12.5 17C12.5 19.7614 14.7386 22 17.5 22ZM17.5065 15.7478C17.4032 15.6142 17.3516 15.4273 17.429 15.2671C17.4806 15.1068 17.6355 15 17.8161 15H20.0871C20.2935 15 20.5 15.2136 20.5 15.4273V17.7774C20.5 17.9644 20.3968 18.1246 20.2419 18.178C20.0871 18.2582 19.9065 18.2047 19.7774 18.0979L19.0806 17.3769L17.2226 19.2997C16.9645 19.5668 16.5774 19.5668 16.3452 19.2997L14.6935 17.5905C14.4355 17.3501 14.4355 16.9496 14.6935 16.7092C14.9258 16.4421 15.3129 16.4421 15.571 16.7092L16.7839 17.9644L18.2032 16.4688L17.5065 15.7478Z" fill="url(#paint1_linear_862_37805)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_862_37805" x1="22.9286" y1="26.7761" x2="-1.56075" y2="1.63524" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_862_37805" x1="24.1317" y1="32.4764" x2="5.97056" y2="23.8394" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<clipPath id="clip0_862_37805">
+<rect width="21" height="20" fill="white" transform="translate(1.5 2)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/box.svg

@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_860_26897)">
+<path d="M11.1406 2.21653C11.6875 2.02125 12.2734 2.02125 12.8203 2.21653L20.3203 4.9114C21.3359 5.2629 22 6.20025 22 7.25476V16.7454C22 17.7999 21.3359 18.7372 20.3203 19.0887L12.8203 21.7836C12.2734 21.9789 11.6875 21.9789 11.1406 21.7836L3.64062 19.0887C2.66406 18.7372 2 17.7999 2 16.7454V7.25476C2 6.20025 2.66406 5.2629 3.64062 4.9114L11.1406 2.21653ZM12 4.55989L5.20312 6.98137L12 9.40284L18.7578 6.98137L12 4.55989ZM13.25 18.9716L19.5 16.7454V9.40284L13.25 11.629V18.9716Z" fill="url(#paint0_linear_860_26897)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_860_26897" x1="23.4286" y1="26.7532" x2="-0.966318" y2="1.61503" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<clipPath id="clip0_860_26897">
+<rect width="20" height="19.86" fill="white" transform="translate(2 2.07007)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/browser-plus.svg

@@ -0,0 +1,12 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_37915)">
+<path d="M13.7445 18.5619C13.1326 18.6139 12.4418 18.6455 11.6561 18.6455C8.42752 18.6455 6.74325 18.1307 5.89886 17.6995C5.04318 17.2637 4.81515 16.8664 4.81515 16.0468V7.69773H18.497V12.5293C18.7205 12.5022 18.9486 12.4864 19.1811 12.4864C19.4137 12.4864 19.6417 12.4999 19.8652 12.5293V5.64545C19.8652 4.51432 18.9441 3.59317 17.8129 3.59317H5.5015C4.37037 3.59317 3.44922 4.51432 3.44922 5.64545V16.5909C3.44922 17.0086 3.62758 18.072 5.27573 18.9141C6.6981 19.6411 8.8452 20.0114 11.6561 20.0114C12.5231 20.0114 13.3268 19.9753 14.0673 19.9053C13.9048 19.4808 13.7942 19.0293 13.7445 18.5619Z" fill="#0070F4"/>
+<path d="M19.1821 13.5135C16.7302 13.5135 14.7344 15.5094 14.7344 17.9613C14.7344 20.4132 16.7302 22.4068 19.1821 22.4068C21.634 22.4068 23.6298 20.4132 23.6298 17.9613C23.6298 15.5071 21.634 13.5135 19.1821 13.5135ZM21.2344 18.4715H19.6946V20.0113C19.6946 20.2958 19.4643 20.5238 19.1821 20.5238C18.8976 20.5238 18.6696 20.2935 18.6696 20.0113V18.4715H17.1298C16.8454 18.4715 16.6173 18.2412 16.6173 17.959C16.6173 17.6745 16.8476 17.4465 17.1298 17.4465H18.6696V15.9067C18.6696 15.6245 18.8999 15.3942 19.1821 15.3942C19.4666 15.3942 19.6946 15.6245 19.6946 15.9067V17.4465H21.2344C21.5166 17.4465 21.7469 17.6768 21.7469 17.959C21.7469 18.2435 21.5189 18.4715 21.2344 18.4715Z" fill="#00B63E"/>
+<path d="M21.749 17.959C21.749 18.2435 21.5187 18.4715 21.2365 18.4715H19.6967V20.0113C19.6967 20.2958 19.4664 20.5238 19.1842 20.5238C18.902 20.5238 18.6717 20.2935 18.6717 20.0113V18.4715H17.1297C16.8475 18.4715 16.6172 18.2413 16.6172 17.959C16.6172 17.6768 16.8475 17.4465 17.1297 17.4465H18.6695V15.9068C18.6695 15.6223 18.8998 15.3943 19.182 15.3943C19.4642 15.3943 19.6945 15.6245 19.6945 15.9068V17.4465H21.2343C21.5187 17.4465 21.749 17.6768 21.749 17.959Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_862_37915">
+<rect width="20.1819" height="18.8136" fill="white" transform="translate(3.44922 3.59317)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/browser-user.svg

@@ -0,0 +1,25 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_37650)">
+<path d="M19.1429 2C20.7054 2 22 3.13281 22 4.5V19.5C22 20.9063 20.7054 22 19.1429 22H4.85714C3.25 22 2 20.9063 2 19.5V4.5C2 3.13281 3.25 2 4.85714 2H19.1429Z" fill="url(#paint0_linear_862_37650)"/>
+<path d="M22 5.33333H2V4.5C2 3.13281 3.25 2 4.85714 2H19.1429C20.7054 2 22 3.13281 22 4.5V5.33333Z" fill="url(#paint1_linear_862_37650)"/>
+<path d="M12 13.2861C11.2969 13.2731 10.7044 13.0322 10.2227 12.5635C9.75391 12.0817 9.51302 11.4893 9.5 10.7861C9.51302 10.083 9.75391 9.49056 10.2227 9.00879C10.7044 8.54004 11.2969 8.29915 12 8.28613C12.7031 8.29915 13.2956 8.54004 13.7773 9.00879C14.2461 9.49056 14.487 10.083 14.5 10.7861C14.487 11.4893 14.2461 12.0817 13.7773 12.5635C13.2956 13.0322 12.7031 13.2731 12 13.2861ZM12.9961 14.2236C13.9466 14.2497 14.7409 14.5817 15.3789 15.2197C16.0169 15.8577 16.349 16.652 16.375 17.6025C16.375 17.7979 16.3099 17.9606 16.1797 18.0908C16.0495 18.221 15.8867 18.2861 15.6914 18.2861H8.30859C8.11328 18.2861 7.95052 18.221 7.82031 18.0908C7.6901 17.9606 7.625 17.7979 7.625 17.6025C7.65104 16.652 7.98307 15.8577 8.62109 15.2197C9.25911 14.5817 10.0534 14.2497 11.0039 14.2236H12.9961Z" fill="white"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_862_37650" x1="23.4286" y1="26.8571" x2="-1.14286" y2="1.71429" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_862_37650" x1="25.2635" y1="8.82546" x2="20.3918" y2="-5.07555" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<clipPath id="clip0_862_37650">
+<rect width="20" height="20" fill="white" transform="translate(2 2)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/burger-soda.svg

@@ -0,0 +1,37 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.56274 1.99951C2.63951 1.99951 1.91755 2.79568 2.0076 3.71451L3.36713 17.5873C3.50827 19.0275 4.71924 20.1256 6.16639 20.1256H6.99908C6.99908 19.5525 7.25621 19.0394 7.6614 18.6955C7.25025 18.2499 6.99908 17.6545 6.99908 17.0004C6.99908 16.3411 7.25431 15.7414 7.67135 15.2947C7.28047 14.9803 6.99908 14.5052 6.99908 13.8752C6.99908 12.0914 8.13296 10.6552 9.59179 9.72681C11.0655 8.78903 13.025 8.24989 15.1246 8.24989L15.1723 8.24999L15.6168 3.71451C15.7068 2.79569 14.9849 1.99951 14.0616 1.99951H3.56274ZM12.8439 6.37478H4.78043L4.59667 4.49966H13.0277L12.8439 6.37478Z" fill="url(#paint0_linear_860_26913)"/>
+<path d="M8.87504 19.5006C8.52984 19.5006 8.25 19.7804 8.25 20.1256C8.25 21.1612 9.08952 22.0008 10.1251 22.0008H20.1257C21.1613 22.0008 22.0008 21.1612 22.0008 20.1256C22.0008 19.7804 21.721 19.5006 21.3758 19.5006H8.87504Z" fill="url(#paint1_linear_860_26913)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0506 9.50025C11.2879 9.52578 8.25 11.4748 8.25 13.8753C8.25 14.2437 8.5814 14.5003 8.94982 14.5003H21.301C21.6694 14.5003 22.0008 14.2437 22.0008 13.8753C22.0008 11.4589 18.9226 9.5 15.1254 9.5C15.1005 9.5 15.0755 9.50008 15.0506 9.50025ZM15.1254 12.0002C15.4706 12.0002 15.7505 11.7203 15.7505 11.3751C15.7505 11.0299 15.4706 10.7501 15.1254 10.7501C14.7802 10.7501 14.5004 11.0299 14.5004 11.3751C14.5004 11.7203 14.7802 12.0002 15.1254 12.0002ZM12.0002 12.6252C12.3454 12.6252 12.6253 12.3454 12.6253 12.0002C12.6253 11.655 12.3454 11.3751 12.0002 11.3751C11.655 11.3751 11.3752 11.655 11.3752 12.0002C11.3752 12.3454 11.655 12.6252 12.0002 12.6252ZM18.8756 12.0002C18.8756 12.3454 18.5958 12.6252 18.2506 12.6252C17.9054 12.6252 17.6256 12.3454 17.6256 12.0002C17.6256 11.655 17.9054 11.3751 18.2506 11.3751C18.5958 11.3751 18.8756 11.655 18.8756 12.0002Z" fill="url(#paint2_linear_860_26913)"/>
+<path d="M8.25 17.0003C8.25 17.6907 8.80968 18.2504 9.50008 18.2504H20.7508C21.4412 18.2504 22.0008 17.6907 22.0008 17.0003C22.0008 16.3099 21.4412 15.7502 20.7508 15.7502H9.50008C8.80968 15.7502 8.25 16.3099 8.25 17.0003Z" fill="url(#paint3_linear_860_26913)"/>
+<defs>
+<linearGradient id="paint0_linear_860_26913" x1="16.5976" y1="24.5277" x2="-4.93152" y2="7.96914" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_860_26913" x1="22.983" y1="25.0367" x2="7.72777" y2="7.86562" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_860_26913" x1="22.983" y1="25.0367" x2="7.72777" y2="7.86562" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_860_26913" x1="24.2446" y1="20.8697" x2="20.3396" y2="10.6556" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+</defs>
+</svg>

package/svg/color-mix/calendar-line-up.svg

@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_37787)">
+<path d="M11.8935 11.7756C11.7774 12.0159 11.8548 12.2964 12.0097 12.4967L13.0548 13.5783L10.9258 15.8216L9.10645 13.9388C8.71935 13.5382 8.13871 13.5382 7.79032 13.9388C7.40323 14.2993 7.40323 14.9002 7.79032 15.2608L10.2677 17.8246C10.6161 18.2251 11.1968 18.2251 11.5839 17.8246L14.371 14.9403L15.4161 16.0219C15.6097 16.1821 15.8806 16.2622 16.1129 16.1421C16.3452 16.0619 16.5 15.8216 16.5 15.5412V12.0159C16.5 11.6955 16.1903 11.375 15.8806 11.375H12.4742C12.2032 11.375 11.971 11.5352 11.8935 11.7756Z" fill="url(#paint0_linear_862_37787)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.6875 2.4375C8.6875 1.92969 8.25781 1.5 7.75 1.5C7.20312 1.5 6.8125 1.92969 6.8125 2.4375V4H5.25C3.84375 4 2.75 5.13281 2.75 6.5V20C2.75 21.4062 3.84375 22.5 5.25 22.5H18.75C20.1172 22.5 21.25 21.4062 21.25 20V6.5C21.25 5.13281 20.1172 4 18.75 4H17.1875V2.4375C17.1875 1.92969 16.7578 1.5 16.25 1.5C15.7031 1.5 15.3125 1.92969 15.3125 2.4375V4H8.6875V2.4375ZM4.95 9V20C4.95 20.1657 5.08431 20.3 5.25 20.3H18.75C18.9157 20.3 19.05 20.1657 19.05 20V9H4.95Z" fill="#0C87F7"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_862_37787" x1="17.9686" y1="25.1966" x2="3.67421" y2="16.1326" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<clipPath id="clip0_862_37787">
+<rect width="18.5" height="21" fill="white" transform="translate(2.75 1.5)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/calendar-pen.svg

@@ -0,0 +1,22 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_37743)">
+<path d="M15.4985 13.5391C16.0844 12.9531 16.0844 12.0156 15.4985 11.4297C14.9516 10.8828 14.0141 10.8828 13.4282 11.4297L12.8422 12.0156L14.9125 14.125L15.4985 13.5391Z" fill="url(#paint0_linear_862_37743)"/>
+<path d="M11.9828 12.9141L9.17035 15.7266C9.0141 15.8828 8.89691 16.0781 8.81879 16.3125L8.46722 17.7188C8.42816 17.9531 8.46722 18.1875 8.62347 18.3438C8.77972 18.5 9.0141 18.5391 9.20941 18.5L10.6547 18.1484C10.8891 18.0703 11.0844 17.9531 11.2407 17.7969L14.0532 14.9844L11.9828 12.9141Z" fill="url(#paint1_linear_862_37743)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.6875 2.4375C8.6875 1.92969 8.25781 1.5 7.75 1.5C7.20312 1.5 6.8125 1.92969 6.8125 2.4375V4H5.25C3.84375 4 2.75 5.13281 2.75 6.5V20C2.75 21.4062 3.84375 22.5 5.25 22.5H18.75C20.1172 22.5 21.25 21.4062 21.25 20V6.5C21.25 5.13281 20.1172 4 18.75 4H17.1875V2.4375C17.1875 1.92969 16.7578 1.5 16.25 1.5C15.7031 1.5 15.3125 1.92969 15.3125 2.4375V4H8.6875V2.4375ZM4.95 9V20C4.95 20.1657 5.08431 20.3 5.25 20.3H18.75C18.9157 20.3 19.05 20.1657 19.05 20V9H4.95Z" fill="#0C87F7"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_862_37743" x1="17.1592" y1="26.3657" x2="3.55944" y2="19.9064" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<linearGradient id="paint1_linear_862_37743" x1="17.1592" y1="26.3657" x2="3.55944" y2="19.9064" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<clipPath id="clip0_862_37743">
+<rect width="18.5" height="21" fill="white" transform="translate(2.75 1.5)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/cart-flatbed-box-taped.svg

@@ -0,0 +1,24 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_860_26858)">
+<path d="M2.25 2H2.875C4.59375 2 6 3.40625 6 5.125V16.375C6 16.7266 6.27344 17 6.625 17H21.75C22.4141 17 23 17.5859 23 18.25C23 18.9531 22.4141 19.5 21.75 19.5H19.6328C19.7109 19.6953 19.75 19.9297 19.75 20.125C19.75 21.1797 18.8906 22 17.875 22C16.8203 22 16 21.1797 16 20.125C16 19.9297 16 19.6953 16.0781 19.5H10.8828C10.9609 19.6953 11 19.9297 11 20.125C11 21.1797 10.1406 22 9.125 22C8.07031 22 7.25 21.1797 7.25 20.125C7.25 19.9297 7.25 19.6953 7.32812 19.5H6.625C4.86719 19.5 3.5 18.1328 3.5 16.375V5.125C3.5 4.8125 3.1875 4.5 2.875 4.5H2.25C1.54688 4.5 1 3.95312 1 3.25C1 2.58594 1.54688 2 2.25 2Z" fill="url(#paint0_linear_860_26858)"/>
+<path d="M12.5 3H9.875C8.82031 3 8 3.85938 8 4.875V12.375C8 13.4297 8.82031 14.25 9.875 14.25H20.375C21.3906 14.25 22.25 13.4297 22.25 12.375V4.875C22.25 3.85938 21.3906 3 20.375 3H17.75V6C17.75 6.27614 17.5261 6.5 17.25 6.5H13C12.7239 6.5 12.5 6.27614 12.5 6V3Z" fill="url(#paint1_linear_860_26858)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_860_26858" x1="24.5714" y1="26.8571" x2="0.164491" y2="-0.614851" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_860_26858" x1="24.5752" y1="26.0359" x2="1.29148" y2="12.01" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<clipPath id="clip0_860_26858">
+<rect width="22" height="20" fill="white" transform="translate(1 2)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/cart-kiotviet.svg

@@ -0,0 +1,21 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_38002)">
+<path d="M20.4547 20.3116C20.4547 21.3858 19.603 22.251 18.5457 22.251C17.4884 22.251 16.6367 21.3858 16.6367 20.3116C16.6367 19.2375 17.4884 18.3723 18.5457 18.3723C19.5957 18.3723 20.4547 19.245 20.4547 20.3116Z" fill="#00B63E"/>
+<path d="M12.2711 20.3116C12.2711 21.3858 11.4194 22.251 10.3621 22.251C9.30482 22.251 8.45312 21.3858 8.45312 20.3116C8.45312 19.2375 9.30482 18.3723 10.3621 18.3723C11.4194 18.3723 12.2711 19.245 12.2711 20.3116Z" fill="#00B63E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.80412 5.05165H20.9403C23.0144 5.05165 24.4836 7.11928 23.8521 9.1528L21.8245 15.6355C21.4189 16.9389 20.2423 17.8192 18.9127 17.8192H9.06057C7.731 17.8192 6.55433 16.9321 6.1488 15.6355L2.84483 5.05165L0.910287 4.39655C0.212261 4.16453 -0.16002 3.39343 0.0660079 2.68375C0.292035 1.97407 1.04324 1.58511 1.73462 1.81712L6.76705 3.51628C7.17922 3.65958 7.50498 4.00078 7.62463 4.43068L7.80412 5.05165ZM12.8429 8.28729C11.7035 8.82697 10.9081 10.0378 10.9081 11.4459C10.9081 12.8539 11.7035 14.0648 12.8429 14.6045C13.1254 14.7359 13.3039 14.7705 13.4533 14.7705C14.0214 14.7705 14.2811 12.8435 14.2811 11.4459C14.2811 10.0482 14.0214 8.12122 13.4533 8.12122C13.3039 8.12122 13.1286 8.15237 12.8429 8.28729ZM16.5278 9.37364C16.0766 9.37364 15.6221 9.54317 15.2553 9.88569C15.1187 10.0115 15.0029 10.153 14.908 10.3055L15.9933 11.3083L17.2712 10.1278C17.4141 10.0033 17.4531 9.91334 17.4531 9.78879C17.4498 9.63314 17.2453 9.37712 16.5311 9.37712C16.5311 9.37364 16.5278 9.37364 16.5278 9.37364ZM16.5246 13.5111C16.0733 13.5076 15.6189 13.338 15.252 12.999C14.5573 12.359 14.3982 11.3107 14.8073 10.4839L17.2712 12.7603C17.4141 12.8849 17.4563 12.9748 17.4531 13.0993C17.4498 13.2585 17.2453 13.5111 16.5246 13.5111Z" fill="url(#paint0_linear_862_38002)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_862_38002" x1="23.999" y1="9.78108" x2="-0.000470628" y2="9.78108" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0070F4"/>
+<stop offset="0.3821" stop-color="#0070F4"/>
+<stop offset="0.475" stop-color="#0477F5"/>
+<stop offset="0.6133" stop-color="#0E8CF7"/>
+<stop offset="0.7799" stop-color="#1FADFA"/>
+<stop offset="0.9671" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<clipPath id="clip0_862_38002">
+<rect width="24" height="20.501" fill="white" transform="translate(0 1.75)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/chart-area.svg

@@ -0,0 +1,24 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_37796)">
+<path d="M4.5 17.625C4.5 17.9766 4.77344 18.25 5.125 18.25H20.75C21.4141 18.25 22 18.8359 22 19.5C22 20.2031 21.4141 20.75 20.75 20.75H5.125C3.36719 20.75 2 19.3828 2 17.625V4.5C2 3.83594 2.54688 3.25 3.25 3.25C3.91406 3.25 4.5 3.83594 4.5 4.5V17.625Z" fill="url(#paint0_linear_862_37796)"/>
+<path d="M7 14.25V10.9688C7 10.6953 7.07812 10.3828 7.27344 10.1484L10.3984 6.63281C10.9062 6.04688 11.8047 6.04688 12.2734 6.63281L13.8359 8.46875C14.1875 8.89844 14.8125 8.9375 15.2031 8.54688L16.0234 7.72656C16.5312 7.21875 17.3906 7.25781 17.8594 7.80469L20.4375 10.7734C20.6328 11.0078 20.75 11.3203 20.75 11.5938V14.25C20.75 14.9531 20.1641 15.5 19.5 15.5H8.21094C7.54688 15.5 7 14.9531 7 14.25Z" fill="url(#paint1_linear_862_37796)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_862_37796" x1="23.4286" y1="25" x2="2.18366" y2="0.155452" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_862_37796" x1="22.9936" y1="25.25" x2="2.49443" y2="10.8467" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<clipPath id="clip0_862_37796">
+<rect width="20" height="17.5" fill="white" transform="translate(2 3.25)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/circle-user.svg

@@ -0,0 +1,19 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_37738)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="url(#paint0_linear_862_37738)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.44531 15.9192C7.20598 14.3402 8.84667 13.25 10.7682 13.25H13.2098C15.1329 13.25 16.7888 14.3421 17.5564 15.9233C16.3074 17.5861 14.2849 18.6667 12.0024 18.6667C9.71801 18.6667 7.69409 17.5844 6.44531 15.9192ZM12.0024 5.33337C10.7682 5.33337 9.64126 5.98442 9.02415 7.00004C8.40703 8.04171 8.40703 9.31775 9.02415 10.3334C9.64126 11.375 10.7682 12 12.0024 12C13.2098 12 14.3367 11.375 14.9538 10.3334C15.5709 9.31775 15.5709 8.04171 14.9538 7.00004C14.3367 5.98442 13.2098 5.33337 12.0024 5.33337Z" fill="white"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_862_37738" x1="23.4286" y1="26.8571" x2="-1.14286" y2="1.71429" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<clipPath id="clip0_862_37738">
+<rect width="20" height="20" fill="white" transform="translate(2 2)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/dining-table.svg

@@ -0,0 +1,51 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_862_37787)">
+<rect x="8.25" y="2" width="7.5" height="2.5" rx="1.25" fill="url(#paint0_linear_862_37787)"/>
+<path d="M9.5 5.75C7.42893 5.75 5.75 7.42893 5.75 9.5V14.5C5.75 16.5711 7.42893 18.25 9.5 18.25H14.5C16.5711 18.25 18.25 16.5711 18.25 14.5V9.5C18.25 7.42893 16.5711 5.75 14.5 5.75H9.5Z" fill="url(#paint1_linear_862_37787)"/>
+<path d="M9.5 19.5C8.80964 19.5 8.25 20.0596 8.25 20.75C8.25 21.4404 8.80964 22 9.5 22H14.5C15.1904 22 15.75 21.4404 15.75 20.75C15.75 20.0596 15.1904 19.5 14.5 19.5H9.5Z" fill="url(#paint2_linear_862_37787)"/>
+<path d="M19.5 9.5C19.5 8.80964 20.0596 8.25 20.75 8.25C21.4404 8.25 22 8.80964 22 9.5V14.5C22 15.1904 21.4404 15.75 20.75 15.75C20.0596 15.75 19.5 15.1904 19.5 14.5V9.5Z" fill="url(#paint3_linear_862_37787)"/>
+<path d="M3.25 8.25C2.55964 8.25 2 8.80964 2 9.5V14.5C2 15.1904 2.55964 15.75 3.25 15.75C3.94036 15.75 4.5 15.1904 4.5 14.5V9.5C4.5 8.80964 3.94036 8.25 3.25 8.25Z" fill="url(#paint4_linear_862_37787)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_862_37787" x1="16.9738" y1="7.1191" x2="11.4718" y2="-0.730724" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<linearGradient id="paint1_linear_862_37787" x1="23.4286" y1="25.9464" x2="3.97858" y2="1.45127" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_862_37787" x1="23.4286" y1="25.9464" x2="3.97858" y2="1.45127" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_862_37787" x1="23.4286" y1="25.9464" x2="3.97858" y2="1.45127" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_862_37787" x1="23.4286" y1="25.9464" x2="3.97858" y2="1.45127" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<clipPath id="clip0_862_37787">
+<rect width="20" height="20" fill="white" transform="translate(2 2)"/>
+</clipPath>
+</defs>
+</svg>

package/svg/color-mix/export.svg

@@ -0,0 +1,25 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_860_26848)">
+<path d="M9.57617 6.01367C9.35482 6.21289 9.10026 6.3125 8.8125 6.3125C8.52474 6.3125 8.27018 6.21289 8.04883 6.01367C7.84961 5.79232 7.75 5.53776 7.75 5.25C7.75 4.96224 7.84961 4.70768 8.04883 4.48633L11.2363 1.29883C11.4577 1.09961 11.7122 1 12 1C12.2878 1 12.5423 1.09961 12.7637 1.29883L15.9512 4.48633C16.1504 4.70768 16.25 4.96224 16.25 5.25C16.25 5.53776 16.1504 5.79232 15.9512 6.01367C15.7298 6.21289 15.4753 6.3125 15.1875 6.3125C14.8997 6.3125 14.6452 6.21289 14.4238 6.01367L13.0625 4.61914V8.25H10.9375V4.61914L9.57617 6.01367Z" fill="url(#paint0_linear_860_26848)"/>
+<path d="M21 10.5C21 9.26953 19.8348 8.25 18.4286 8.25H5.57143C4.125 8.25 3 9.26953 3 10.5V20.75C3 22.0156 4.125 23 5.57143 23H18.4286C19.8348 23 21 22.0156 21 20.75V10.5Z" fill="url(#paint1_linear_860_26848)"/>
+<path d="M13.0664 8.25H10.9414V14.1875C10.9414 14.4974 11.041 14.752 11.2402 14.9512C11.4395 15.1504 11.694 15.25 12.0039 15.25C12.3138 15.25 12.5684 15.1504 12.7676 14.9512C12.9668 14.752 13.0664 14.4974 13.0664 14.1875V8.25Z" fill="white"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_860_26848" x1="17.637" y1="15.8454" x2="3.19756" y2="7.79443" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B63E"/>
+<stop offset="0.0001" stop-color="#00B63E"/>
+<stop offset="0.9956" stop-color="#5BE92A"/>
+</linearGradient>
+<linearGradient id="paint1_linear_860_26848" x1="22.2857" y1="26.5821" x2="4.59763" y2="4.49469" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#0070F4"/>
+<stop offset="0.4" stop-color="#0477F5"/>
+<stop offset="0.6" stop-color="#0E8CF7"/>
+<stop offset="0.8" stop-color="#1FADFA"/>
+<stop offset="0.95" stop-color="#36DAFE"/>
+<stop offset="1" stop-color="#3AE3FF"/>
+</linearGradient>
+<clipPath id="clip0_860_26848">
+<rect width="18" height="22" fill="white" transform="translate(3 1)"/>
+</clipPath>
+</defs>
+</svg>