Merge pull request #1626 from cozy/svgr-icons

package.json

@@ -72,6 +72,7 @@
     "@semantic-release/changelog": "3.0.6",
     "@semantic-release/git": "7.0.18",
     "@semantic-release/npm": "5.3.4",
+    "@svgr/cli": "^5.4.0",
     "@testing-library/react": "^9.5.0",
     "@testing-library/react-hooks": "^3.2.1",
     "argos-cli": "0.1.3",

react/Icons/Album.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/album.svg` to regenerate;
+import React from 'react'
+
+function SvgAlbum(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M1 3.01A3.005 3.005 0 014.003 0h9.99C14.55 0 15 .444 15 1c0 .552-.456 1-1.002 1H4.002a1 1 0 00-.012 2H8.51C8.78 4 9 4.228 9 4.491V10l1.5-1 1.5 1V4.491A.49.49 0 0112.495 4h1.506c.552 0 .999.456.999 1.002v9.996C15 15.55 14.55 16 13.993 16h-9.99A3 3 0 011 12.99V3.01z"
+      />
+    </svg>
+  )
+}
+
+export default SvgAlbum

react/Icons/AlbumAdd.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/album-add.svg` to regenerate;
+import React from 'react'
+
+function SvgAlbumAdd(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M1 3.01A3.005 3.005 0 014.003 0h9.99C14.55 0 15 .444 15 1c0 .552-.456 1-1.002 1H4.002a.999.999 0 100 2h9.996C14.55 4 15 4.456 15 5.002v9.996C15 15.55 14.55 16 13.993 16h-9.99A3 3 0 011 12.99V3.01zM8 6h2v3h3v2h-3v3H8v-3H5V9h3V6z"
+      />
+    </svg>
+  )
+}
+
+export default SvgAlbumAdd

react/Icons/AlbumRemove.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/album-remove.svg` to regenerate;
+import React from 'react'
+
+function SvgAlbumRemove(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M1 3.009A3.004 3.004 0 014.003 0h9.99C14.549 0 15 .444 15 1c0 .552-.456 1-1.002 1H4.002a.999.999 0 100 2h9.996C14.551 4 15 4.456 15 5.002v9.996c0 .553-.45 1.002-1.007 1.002h-9.99A3 3 0 011 12.991V3.009zM8 9h5v2H5V9h3z"
+      />
+    </svg>
+  )
+}
+
+export default SvgAlbumRemove

react/Icons/Answer.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/answer.svg` to regenerate;
+import React from 'react'
+
+function SvgAnswer(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M11.586 7H7a3 3 0 00-3 3v4a1 1 0 01-2 0v-4a5 5 0 015-5h4.586L9.293 2.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 11-1.414-1.414L11.586 7z"
+      />
+    </svg>
+  )
+}
+
+export default SvgAnswer

react/Icons/Apple.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/apple.svg` to regenerate;
+import React from 'react'
+
+function SvgApple(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M11.88 8.5c.023 2.422 2.125 3.227 2.148 3.238-.018.056-.336 1.148-1.107 2.275-.667.975-1.36 1.946-2.45 1.966-1.07.02-1.415-.635-2.64-.635s-1.607.615-2.622.655c-1.052.04-1.853-1.054-2.526-2.025C1.31 11.987.26 8.36 1.67 5.912c.7-1.215 1.952-1.985 3.31-2.005 1.034-.02 2.01.695 2.641.695.632 0 1.817-.86 3.063-.733.522.022 1.986.21 2.927 1.587-.076.047-1.748 1.02-1.73 3.044M9.868 2.555c.559-.677.935-1.618.832-2.555-.805.032-1.779.537-2.357 1.213-.517.598-.97 1.556-.848 2.475.897.069 1.814-.457 2.373-1.133"
+      />
+    </svg>
+  )
+}
+
+export default SvgApple

react/Icons/Archive.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/archive.svg` to regenerate;
+import React from 'react'
+
+function SvgArchive(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M1 4h14v10.004a1 1 0 01-1.007.996H2.007A1 1 0 011 14.004V4zM0 2c0-.552.445-1 1-1h14c.552 0 1 .444 1 1v1H0V2zm5 4v2h6V6H5z"
+      />
+    </svg>
+  )
+}
+
+export default SvgArchive

react/Icons/Attachment.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/attachment.svg` to regenerate;
+import React from 'react'
+
+function SvgAttachment(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M2.43 14.43C.457 12.457.337 9.385 2.16 7.56l6.3-6.3c1.327-1.325 3.563-1.237 4.997.197 1.434 1.434 1.522 3.67.196 4.996l-5.1 5.1c-.828.828-2.227.773-3.123-.123-.895-.895-.95-2.294-.122-3.122l4.5-4.5 1.298 1.298L6.552 9.66c-.33.33.319.979.649.649l5.154-5.154c.66-.66.616-1.784-.098-2.498-.714-.714-1.838-.758-2.498-.098l-6.3 6.3c-1.158 1.158-1.081 3.119.171 4.371 1.253 1.253 3.214 1.33 4.372.172l5.7-5.7L15 9l-5.7 5.7c-1.824 1.824-4.897 1.703-6.87-.27z"
+      />
+    </svg>
+  )
+}
+
+export default SvgAttachment

react/Icons/Attention.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/attention.svg` to regenerate;
+import React from 'react'
+
+function SvgAttention(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M8 2l8 12H0L8 2zM7 6v4h2V6H7zm0 5v2h2v-2H7z"
+      />
+    </svg>
+  )
+}
+
+export default SvgAttention

react/Icons/Bank.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/bank.svg` to regenerate;
+import React from 'react'
+
+function SvgBank(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M7.979 0L0 5.066v1.966h15.958V5.066L7.979 0zm4 13.063h2v-5h-2v5zm-5 0h2v-5h-2v5zm-5 0h2v-5h-2v5zm-1.979 3h15.958v-2H0v2z"
+      />
+    </svg>
+  )
+}
+
+export default SvgBank

react/Icons/Banking.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/banking.svg` to regenerate;
+import React from 'react'
+
+function SvgBanking(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M2 8v5h12V4H2v1h12v3H2zm0-6h12a2 2 0 012 2v9a2 2 0 01-2 2H2a2 2 0 01-2-2V4a2 2 0 012-2z"
+      />
+    </svg>
+  )
+}
+
+export default SvgBanking

react/Icons/BankingAdd.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/banking-add.svg` to regenerate;
+import React from 'react'
+
+function SvgBankingAdd(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M2 11.003l3-.001c0 .702.127 1.372.35 1.998H1.996A2.003 2.003 0 010 11.003V1.997C0 .898.9 0 1.997 0h12.006C15.101 0 16 .898 16 1.997v5.689a6.031 6.031 0 00-1.999-1.876V6H1.998L2 11.003zM1.997 2v1H14V2H1.997zM11 8h2v3h3v2h-3v3h-2v-3H8v-2h3V8z"
+      />
+    </svg>
+  )
+}
+
+export default SvgBankingAdd

react/Icons/Bell.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/bell.svg` to regenerate;
+import React from 'react'
+
+function SvgBell(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M13.993 13H2.007A1.001 1.001 0 112 11V9c0-2.45 1.333-5.566 4-6.627v-.379C6 .893 6.888 0 8 0c1.105 0 2 .895 2 1.994v.38C12.667 3.433 14 6.55 14 9v2c.552 0 1 .444 1 1 0 .552-.45 1-1.007 1zM6 14h4v.006A1.992 1.992 0 018 16c-1.105 0-2-.895-2-1.994V14z"
+      />
+    </svg>
+  )
+}
+
+export default SvgBell

react/Icons/Bottom.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/bottom.svg` to regenerate;
+import React from 'react'
+
+function SvgBottom(props) {
+  return (
+    <svg viewBox="0 0 24 24" {...props}>
+      <path
+        d="M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z"
+        fillRule="evenodd"
+      />
+    </svg>
+  )
+}
+
+export default SvgBottom

react/Icons/BrowserBrave.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-brave.svg` to regenerate;
+import React from 'react'
+
+function SvgBrowserBrave(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M14.808 5.161l-.314 1.212-1.435 5.491a2.805 2.805 0 01-1.079 1.569s-1.536 1.09-3.482 2.365c-.154.101-.313.17-.483.17-.17 0-.33-.069-.484-.17a124.63 124.63 0 01-3.482-2.36 2.788 2.788 0 01-1.084-1.568L1.519 6.379 1.2 5.172l.489-1.334-.356-.797a.214.214 0 01.048-.234l.946-.957c.41-.42 1.02-.564 1.573-.367l.255.09L5.575.021 7.999 0h.016l2.408.016 1.424 1.541.26-.09a1.507 1.507 0 011.563.362l.93.94a.27.27 0 01.054.293l-.34.765.494 1.334zM8.323 9.823a.648.648 0 00-.154-.048h-.17a.648.648 0 00-.154.048l-.692.287c-.063.027-.17.075-.233.107l-1.042.542c-.064.032-.07.09-.01.133l.919.648c.058.043.149.112.202.16l.409.35.191.17.394.352a.146.146 0 00.191 0l.404-.351.191-.17.41-.357c.053-.047.143-.117.202-.159l.92-.654c.058-.042.052-.1-.011-.133l-1.042-.531a4.547 4.547 0 00-.234-.107l-.691-.287zm4.987-4.425c.02-.069.02-.095.02-.095 0-.07-.004-.186-.015-.255l-.053-.155a1.86 1.86 0 00-.128-.223l-.6-.888a2.608 2.608 0 00-.155-.207l-.776-.973c-.042-.053-.085-.1-.09-.095h-.01l-.128.021-1.186.234c-.069.016-.18.037-.25.048l-.02.005a.662.662 0 01-.25-.016l-.995-.319a5.863 5.863 0 00-.244-.069s-.202-.048-.367-.043c-.165 0-.367.043-.367.043-.069.016-.18.048-.244.07l-.994.318a.662.662 0 01-.25.016l-.021-.005c-.07-.01-.181-.038-.25-.048L4.74 2.539a1.062 1.062 0 00-.128-.022h-.01a.532.532 0 00-.09.096l-.777.973c-.042.053-.111.149-.154.207l-.6.888a3.04 3.04 0 00-.128.223l-.053.154c-.01.07-.022.186-.016.255 0 0 0 .022.021.096a.858.858 0 00.128.245c.042.053.122.143.17.19l1.76 1.872a.22.22 0 01.036.213l-.366.866a.368.368 0 00-.006.24l.101.27c.085.229.229.43.42.585l.356.287a.218.218 0 00.213.027l1.127-.537c.064-.032.16-.096.213-.144l.807-.728a.286.286 0 00.016-.404L6.086 7.248a.148.148 0 01-.048-.186l.744-1.403a.31.31 0 00.01-.229l-.09-.207a.365.365 0 00-.17-.165L4.348 4.24c-.064-.027-.064-.054.005-.059l1.409-.133c.069-.005.18.006.25.021l1.254.351c.069.022.111.09.1.16l-.435 2.386c-.01.07-.01.165.005.218.016.054.085.101.154.117l.872.186c.07.016.18.016.25 0l.813-.186c.07-.016.138-.069.154-.117a.493.493 0 00.006-.218l-.43-2.386c-.011-.07.031-.144.1-.16l1.255-.35a.783.783 0 01.25-.022l1.408.133c.07.005.075.032.005.059l-2.184.829a.342.342 0 00-.17.165l-.09.207c-.027.064-.027.17.01.228l.75 1.404a.15.15 0 01-.048.186L8.345 8.407a.281.281 0 00.016.404l.808.728a.912.912 0 00.212.138l1.133.537c.063.032.16.016.212-.026l.356-.293a1.3 1.3 0 00.415-.584l.101-.271a.369.369 0 00-.005-.24l-.367-.866a.22.22 0 01.037-.213l1.76-1.87.17-.192c-.01-.016.085-.133.117-.26z"
+      />
+    </svg>
+  )
+}
+
+export default SvgBrowserBrave

react/Icons/BrowserChrome.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-chrome.svg` to regenerate;
+import React from 'react'
+
+function SvgBrowserChrome(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M4.036 6.978l-2.29-3.966A7.985 7.985 0 018 .001a7.996 7.996 0 016.883 3.921H8.356a4.101 4.101 0 00-4.32 3.055zm6.828-1.9h4.585a8 8 0 01-7.359 10.92l3.273-5.665a4.081 4.081 0 00-.498-5.254zm-5.77 2.923A2.91 2.91 0 018 5.094a2.91 2.91 0 012.906 2.907A2.91 2.91 0 018 10.907 2.91 2.91 0 015.094 8zm4.003 3.944l-2.29 3.967a8.002 8.002 0 01-5.78-11.834l3.266 5.657a4.099 4.099 0 004.804 2.21z"
+      />
+    </svg>
+  )
+}
+
+export default SvgBrowserChrome

react/Icons/BrowserDuckduckgo.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-duckduckgo.svg` to regenerate;
+import React from 'react'
+
+function SvgBrowserDuckduckgo(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        d="M8 .013a8 8 0 011.942 15.761l-.223-.43a18.303 18.303 0 01-.7-.256.164.164 0 01-.053.068.491.491 0 01-.06.034c-.016.063-.041.11-.078.134-.216.144-.828.216-1.152.144a.295.295 0 01-.13-.06c-.552.306-1.346.714-1.507.622-.252-.144-.291-2.184-.252-2.521.04-.337.263-.486.317-.501a.102.102 0 00-.053.086c-.036.468 0 2.376.252 2.52.161.093.954-.315 1.506-.621a.295.295 0 00.131.06c.324.072.936 0 1.152-.144.036-.024.061-.072.078-.135a.495.495 0 00.06-.033.164.164 0 00.054-.068 23.637 23.637 0 00.287.109l.024.009.004.002.022.008.007.002a28.042 28.042 0 00.03.011l.019.007.01.004.019.006.011.005.018.006.013.005.017.006.013.004.017.007.013.004.018.006.014.005.016.006.015.005.016.006a9.84 9.84 0 01.03.01l.016.006.029.01.017.006.014.004.018.006.014.005.017.006.014.004.017.006.014.005.017.005.014.005.018.006.013.004.018.005.014.005.017.005a4.139 4.139 0 01.03.01l.014.004.018.006.012.004.019.005.012.004.02.006.01.003.025.007.004.002.03.008.005.002.024.006.01.003.019.005.01.003.018.005.011.003.017.005c.004 0 .007.002.011.003.006 0 .011.002.017.004a4.868 4.868 0 00.115.027l.015.004a1.763 1.763 0 00.025.005l.01.001.016.004.007.001a2 2 0 00.02.004h.003l.022.004h.005l.016.003h.007l.014.003h.007l.013.002h.008l.01.002h.009a.515.515 0 00.018.001h.01a.38.38 0 00.016.001h.03l.006-.001.008-.001h.006l.007-.002h.005l.008-.003h.003a.071.071 0 00.022-.009l.001-.001a.09.09 0 00.01-.008l.002-.001a.122.122 0 00.021-.024.338.338 0 00.04-.077c.183-.488.094-2.305-.193-2.37-.259-.058-1.25.641-1.641.926a1.18 1.18 0 00-.042-.144c-.027-.068-.224-.09-.457-.073-.468-1.098-.832-2.39-.625-3.295l.002.002c.273.19 2.094.804 2.997.787.904-.017 2.39-.571 2.226-1.015-.162-.443-1.637.392-3.175.25-1.139-.107-1.34-.617-1.088-.99.317-.468.895.09 1.848-.196.955-.285 2.29-.794 2.785-1.071 1.145-.638-.48-.903-.863-.726-.363.168-1.63.487-2.216.629.33-1.16-.462-3.18-1.345-4.063-.288-.288-.731-.47-1.23-.565-.192-.263-.502-.515-.94-.748a4.42 4.42 0 00-2.76-.449c-.135.018-.208.067-.31.084.113.01.542.21.811.32-.131.05-.311.08-.452.138a.661.661 0 00-.162.046c-.132.06-.231.288-.23.395.643-.065 1.596-.02 2.292.188-.493.069-.946.197-1.274.37a2.438 2.438 0 00-.047.025.991.991 0 00-.103.047c-1.05.553-1.513 1.844-1.237 3.391.26 1.448 1.344 6.493 1.797 8.668A8.003 8.003 0 010 8.013a8 8 0 018-8zM5.077 5.132c-.425.267-.409.54-.409.54s-.226-.503.376-.75c.602-.246.896.14.896.14s-.438-.197-.863.07zm.805 1.419a.15.15 0 10.3 0 .15.15 0 10-.3 0zm-.107.774a.58.58 0 010-1.16v-.001a.58.58 0 010 1.16zm4.101-1.22a.13.13 0 10.003.26.13.13 0 00.127-.13.129.129 0 00-.13-.13zm-.721.296a.5.5 0 110 .001zm.328-1.749c.347.058.47.37.47.37s-.314-.179-.558-.176c-.5.007-.638.228-.638.228s.085-.528.726-.422z"
+      />
+    </svg>
+  )
+}
+
+export default SvgBrowserDuckduckgo

react/Icons/BrowserEdge.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-edge.svg` to regenerate;
+import React from 'react'
+
+function SvgBrowserEdge(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <g fillRule="evenodd">
+        <path d="M15.27 7.592c0-1.517-.31-2.831-.928-3.943-.66-1.178-1.534-2.08-2.623-2.708C10.63.313 9.399 0 8.025 0c-.88 0-1.702.128-2.466.383a6.575 6.575 0 00-1.994 1.048 7.578 7.578 0 00-1.494 1.57 8.157 8.157 0 00-1.026 1.936 9.791 9.791 0 00-.52 2.14c.36-.517.768-.998 1.22-1.443.458-.45.981-.867 1.57-1.254a8.07 8.07 0 011.993-.932 8.673 8.673 0 012.316-.397l.196.011c.131.006.298.032.5.076.201.044.425.106.668.183.245.076.484.198.719.365.234.165.444.364.629.593.184.228.324.53.419.905.096.374.12.79.072 1.248H5.162c.095-.558.231-1.034.41-1.423.179-.389.41-.762.696-1.12-1.255.583-2.222 1.38-2.9 2.392-.677 1.01-1.008 2.235-.99 3.675.012 1.165.382 2.273 1.111 3.32.729 1.045 1.655 1.786 2.779 2.22.839.321 1.778.479 2.82.473 1.04-.006 1.97-.12 2.787-.34.817-.22 1.5-.493 2.047-.82v-3.363c-.435.303-.95.554-1.548.753-.598.2-1.216.339-1.856.415a7.04 7.04 0 01-1.9-.027 5.815 5.815 0 01-1.69-.508 2.988 2.988 0 01-1.218-1.092c-.313-.486-.471-1.058-.477-1.718H15.27V7.592z" />
+        <path fillRule="nonzero" d="M.536 7.144h.029l.007-.05-.036.05z" />
+      </g>
+    </svg>
+  )
+}
+
+export default SvgBrowserEdge