@pagopa/io-app-design-system 1.15.0 → 1.16.0

package/src/components/pictograms/svg/PictogramBleedTime.tsx

@@ -0,0 +1,58 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBleedTime = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M171.73 131.98L164.62 119.7H154.54L160.87 134.19"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M165.77 152.41L173.49 170.47L186.78 171.12L176.85 148.52"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M111.26 142.13C111.14 141.62 108.54 129.63 121.85 121.37C134.27 113.66 229.35 119.09 240.15 119.74L239.91 123.73C198 121.23 132.54 119.44 123.96 124.77C113.16 131.47 115.08 140.84 115.17 141.24L111.27 142.13H111.26Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M112.02 159.17C109.09 150.16 109.36 143.14 112.83 138.32C117.14 132.33 124.68 132.19 125 132.19L125.04 136.19C124.98 136.19 119.15 136.34 116.05 140.68C113.39 144.41 113.31 150.22 115.82 157.93L112.02 159.17Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M127.05 178.26C121.43 178.26 116.82 172.7 116.62 172.45C112.61 167.16 111.12 161.91 112.15 156.78C113.91 148.05 122.38 143.07 122.74 142.86L124.74 146.32C124.67 146.36 117.45 150.64 116.06 157.59C115.27 161.54 116.52 165.7 119.75 169.97C120.73 171.16 124.09 174.39 127.23 174.25L127.4 178.25C127.28 178.25 127.15 178.25 127.03 178.25L127.05 178.26Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M143.94 188.36C141.06 188.36 138.11 187.74 135.3 186.5C129.83 184.11 126.38 180.52 125.03 175.84C122.38 166.66 128.99 156.77 129.27 156.35L132.58 158.6L130.93 157.48L132.59 158.6C132.53 158.69 126.75 167.38 128.88 174.75C129.89 178.23 132.59 180.95 136.91 182.84C140.73 184.51 144.8 184.82 148.37 183.7C152.92 182.28 152.62 180 152.51 179.14C152.28 177.39 150.94 175.82 149.01 175.04C146.79 174.14 144.53 173.8 142.31 174.02L141.91 170.04C144.78 169.76 147.67 170.19 150.5 171.33C153.77 172.65 156.05 175.44 156.47 178.62C156.79 181.04 156.31 185.41 149.55 187.52C147.75 188.08 145.86 188.36 143.94 188.36Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M239.7 177.18C192.66 169.51 150.44 175.12 150.02 175.17L149.48 171.21C149.91 171.15 192.7 165.47 240.35 173.23L239.71 177.18H239.7Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M171.891 152.83C176.886 151.226 179.384 145.092 177.469 139.129C175.555 133.166 169.953 129.632 164.957 131.236C159.962 132.84 157.464 138.974 159.379 144.937C161.293 150.9 166.895 154.434 171.891 152.83Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M170.06 152.41C168.44 152.41 166.8 151.92 165.29 150.97C163.09 149.58 161.4 147.35 160.55 144.68C158.75 139.09 161.21 133.28 166.02 131.73C166.81 131.48 167.65 131.91 167.91 132.7C168.16 133.49 167.73 134.33 166.94 134.59C163.7 135.63 162.12 139.74 163.41 143.76C164.05 145.75 165.29 147.41 166.9 148.43C168.42 149.39 170.1 149.66 171.62 149.17C172.41 148.92 173.25 149.35 173.51 150.14C173.76 150.93 173.33 151.77 172.54 152.03C171.73 152.29 170.91 152.42 170.07 152.42L170.06 152.41Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M148.79 109.44C148.39 109.44 147.99 109.28 147.69 108.96L117.47 76.37C116.91 75.76 116.94 74.81 117.55 74.25C118.16 73.69 119.11 73.72 119.67 74.33L149.89 106.91C150.45 107.52 150.42 108.47 149.81 109.03C149.52 109.3 149.16 109.43 148.79 109.43V109.44Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M162.37 101.48C161.56 101.48 160.89 100.83 160.87 100.02L159.58 52.54C159.56 51.71 160.21 51.02 161.04 51C161.84 50.96 162.56 51.63 162.58 52.46L163.87 99.94C163.89 100.77 163.24 101.46 162.41 101.48C162.4 101.48 162.38 101.48 162.37 101.48Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramBleedTime;

package/src/components/pictograms/svg/PictogramBleedTiming.tsx

@@ -0,0 +1,46 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBleedTiming = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M141.32 106.98C140.13 106.98 139.02 106.74 138.04 106.4C132.67 104.52 129.58 98.78 130.86 93.05C133.24 82.39 140.7 55.61 158.47 37.2C163.53 31.96 170.08 28.44 177.42 27.02C187.18 25.13 198.42 26.23 212.65 27.63C220.64 28.42 229.69 29.31 239.66 29.74L239.49 33.74C229.42 33.3 220.3 32.41 212.26 31.62C198.36 30.25 187.38 29.17 178.19 30.95C171.66 32.22 165.84 35.34 161.36 39.99C144.29 57.67 137.08 83.61 134.78 93.94C133.94 97.69 135.92 101.43 139.38 102.64C140.54 103.05 144.06 104.28 148.19 97.8C156.64 84.53 159.53 70.71 159.56 70.57L163.48 71.37C163.36 71.96 160.43 86.03 151.56 99.95C148.08 105.41 144.42 107 141.33 107L141.32 106.98Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M180.67 79.88C180.09 79.88 179.48 79.81 178.85 79.66C174.58 78.65 169.94 74.37 165.08 66.93C161.59 61.6 159.27 56.61 159.17 56.4L162.8 54.72C165.27 60.04 173.13 74.19 179.77 75.76C181.4 76.15 181.98 75.54 182.38 74.83C184.38 71.22 182.15 60.76 177.5 56.15L180.31 53.31C186.02 58.97 188.94 71.25 185.88 76.77C184.76 78.79 182.91 79.87 180.68 79.87L180.67 79.88Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M184.15 62.1L181.38 59.22C181.69 58.92 189.16 51.81 196.11 53.35L195.24 57.26C191.23 56.37 185.87 60.46 184.15 62.11V62.1Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M169.75 94.96C165.92 94.96 161.88 93.33 159.23 90.54C156.57 87.75 155.69 84.22 156.74 80.61L160.58 81.72C159.77 84.53 160.97 86.56 162.13 87.78C164.45 90.21 168.55 91.48 171.68 90.74C175.72 89.78 177.13 80.7 177.3 77.6L181.29 77.82C181.21 79.35 180.25 92.81 172.6 94.63C171.68 94.85 170.72 94.96 169.74 94.96H169.75Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M177.58 92.1C176.41 92.1 175.66 92.04 175.54 92.03L175.89 88.05C175.99 88.05 185.82 88.84 191.54 83.9C194.05 81.73 195.37 78.84 195.6 75.05C195.82 71.23 195.23 68.66 193.96 68C192.03 66.99 187.86 69.45 186.25 70.72L183.77 67.58C184.51 67 191.08 61.99 195.81 64.46C198.65 65.94 199.93 69.59 199.59 75.29C199.3 80.15 197.47 84.07 194.14 86.94C188.84 91.51 181.2 92.1 177.57 92.1H177.58Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M226.81 78.03C208.06 78.03 197.62 75.16 197.1 75.01L198.18 71.16C198.33 71.2 213.38 75.32 239.44 73.61L239.7 77.6C235.05 77.91 230.74 78.03 226.81 78.03Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M88.37 213.85C120.607 213.85 146.74 187.717 146.74 155.48C146.74 123.243 120.607 97.11 88.37 97.11C56.1331 97.11 30 123.243 30 155.48C30 187.717 56.1331 213.85 88.37 213.85Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M119.08 173.53C118.84 173.53 118.6 173.47 118.37 173.35L87.6601 156.8C87.1701 156.54 86.8701 156.03 86.8701 155.48V121.59C86.8701 120.76 87.5401 120.09 88.3701 120.09C89.2001 120.09 89.8701 120.76 89.8701 121.59V154.59L119.79 170.72C120.52 171.11 120.79 172.02 120.4 172.75C120.13 173.25 119.61 173.54 119.08 173.54V173.53Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramBleedTiming;

package/src/components/pictograms/svg/PictogramCardAdd.tsx

@@ -0,0 +1,50 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramCardAdd = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M30 120C45.464 120 58 107.464 58 92C58 86.9 56.6365 82.1184 54.2541 78H128.751L129.412 81.2325L132.448 85.7159L120.935 92.9714L109.803 101.358L104.322 107.432L104.171 112.246L108.65 115.669L118.52 112.847L127.859 106.712C127.859 106.712 133.541 101.728 133.791 101.978C134.052 102.238 134.232 107.713 134.232 107.713C134.232 107.713 135.204 112.376 135.575 112.336C135.945 112.306 141.146 114.518 141.146 114.518L143.07 122.114L149.893 128.609L159.022 129.88L163.34 127.618L165.675 122.634L164.843 116.119L183 115.188V174.964C183 179.407 179.393 183 174.954 183H17.0462C12.5972 183 9 179.397 9 174.964V110.521C9.38703 110.959 9.78759 111.386 10.201 111.799C15.268 116.866 22.268 120 30 120Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M32 78H28V89H17V93H28V105H32V93H44V89H32V78Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15 115.647C14.3124 115.21 13.6451 114.744 13 114.25V171.576C13 175.672 16.4318 179 20.6762 179H171.324C175.559 179 179 175.681 179 171.576V116.355L161.678 117.215L164.587 123.641L161.678 129.927H156.124L147.416 128.753L142.719 122.172L140.282 117.874C140.11 117.143 139.278 116.064 139.242 116.039L139.07 115.736C139.07 115.736 135.617 113.326 135.263 113.354C134.91 113.391 133.772 109.434 133.772 109.434C133.772 109.434 133.218 107.535 132.733 106.012L132.731 106.004C132.426 105.049 132.149 104.244 132.054 104.151C131.971 104.072 131.27 104.569 130.388 105.254L130.371 105.267C128.701 106.565 126.394 108.524 126.394 108.524L117.485 114.192L108.069 116.799L117.485 114.621L127.584 110.138L127.69 110.048L127.748 109.999L127.917 109.856C128.064 109.732 128.275 109.555 128.528 109.343C129.035 108.919 129.712 108.357 130.393 107.805C130.611 107.628 130.828 107.454 131.038 107.287C131.047 107.318 131.246 107.275 131.445 107.232C131.645 107.189 131.845 107.145 131.854 107.177C131.96 107.52 131.843 107.948 131.735 108.344C131.643 108.681 131.557 108.995 131.622 109.213C131.692 109.449 131.75 109.645 131.79 109.782L131.848 109.981L131.85 109.987L131.851 109.988L131.852 109.991L131.852 109.994L131.854 110.001L131.865 110.037L131.903 110.168C131.936 110.281 131.984 110.441 132.042 110.632C132.157 111.012 132.316 111.525 132.488 112.041C132.577 112.306 132.799 112.435 133.018 112.562C133.215 112.677 133.41 112.789 133.5 113C133.59 113.21 133.71 113.472 133.856 113.707C133.924 113.816 134.054 114.015 134.253 114.208C134.335 114.287 134.662 114.601 135.185 114.742C135.201 114.751 135.26 114.744 135.332 114.736C135.55 114.712 135.887 114.674 135.5 115C135.661 115.096 135.769 115.203 135.887 115.321C136.012 115.446 136.151 115.584 136.38 115.736C136.616 115.891 137.323 115.904 137.981 115.916C138.555 115.926 139.091 115.936 139.242 116.039L140.282 117.874C140.389 118.326 140.243 118.645 139.5 118.5L141.03 123.249L147.416 129.5L155.99 131.927L162.5 131L166.786 123.651L164.587 118L177 117.5V171.576C177 174.512 174.519 177 171.324 177H20.6762C17.4745 177 15 174.506 15 171.576V115.647ZM56.8405 84H129.046L130.5 86.5L118.694 94.1538L107.835 102.075L101.964 108.376L103.804 113.376L103.796 113.637L103.939 113.743L103.804 113.376L103.939 109.19L109.168 103.578L119.789 95.8307L131.784 88.8586L130.773 82H56.1615C56.4121 82.6552 56.6388 83.3222 56.8405 84Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M108.86 117.92C106.37 117.92 104.05 116.68 102.67 114.5C100.97 111.84 101.13 108.49 103.07 105.98C114.57 91.05 145.16 78.31 146.46 77.78L146.73 77.69C188.93 66.99 208.32 56.11 208.51 56L210.49 59.47C209.7 59.92 190.57 70.69 147.86 81.53C145.68 82.45 116.73 94.81 106.24 108.42C105.15 109.83 105.43 111.38 106.05 112.35C106.67 113.32 107.94 114.21 109.66 113.83C118.64 111.83 131.66 105.87 142.68 88.88L146.04 91.05C134.29 109.18 120.25 115.56 110.54 117.73C109.98 117.85 109.43 117.91 108.88 117.91L108.86 117.92Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M139.07 117.01C136.19 116.44 134.08 115.02 132.82 112.79C130.25 108.27 132.38 102.11 132.48 101.85L136.25 103.18C135.79 104.48 134.92 108.39 136.31 110.82C136.99 112 138.15 112.74 139.86 113.08L139.08 117L139.07 117.01Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M156.99 132.98C152.74 132.98 147.75 130.95 143.1 126.09C139.43 122.26 137.94 118.26 138.66 114.18C140.13 105.9 150.45 100.76 150.89 100.55L152.65 104.14C152.56 104.18 143.71 108.61 142.6 114.89C142.12 117.63 143.26 120.47 145.99 123.32C152.01 129.6 158.56 130.11 161.67 127.39C164.22 125.16 163.87 121.19 160.75 117.29L163.88 114.8C169.07 121.3 167.83 127.32 164.3 130.41C162.43 132.05 159.88 132.99 156.99 132.99V132.98Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M165.2 118.63C158.65 118.63 154.44 118.19 154.15 118.15L154.58 114.17C155.04 114.22 201.36 118.92 227.78 95.63L230.42 98.63C222.39 105.71 207.41 114.77 181.67 117.7C175.4 118.41 169.73 118.63 165.19 118.63H165.2Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M132.12 87.65C131.47 87.19 125.8 83.03 126.1 78.11C126.25 75.61 127.82 73.54 130.77 71.95C140.2 66.87 170.74 70.1 172.04 70.24L171.61 74.22C163.13 73.3 139.59 71.74 132.67 75.47C131.02 76.36 130.16 77.33 130.09 78.35C129.96 80.5 132.96 83.34 134.43 84.38L132.12 87.65Z"
+      fill={colorValues.hands}
+    />
+  </Svg>
+);
+
+export default PictogramCardAdd;

package/src/components/pictograms/svg/PictogramCardFavourite.tsx

@@ -0,0 +1,46 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramCardFavourite = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M164.53 116.65L165.36 123.16L163.03 128.14L158.72 130.4L149.61 129.13L142.8 122.64L140.88 115.05C140.88 115.05 135.69 112.84 135.32 112.87C134.95 112.91 133.98 108.25 133.98 108.25C133.98 108.25 133.8 102.78 133.54 102.52C133.29 102.27 127.62 107.25 127.62 107.25L118.3 113.38L108.45 116.2L103.98 112.78L104.13 107.97L109.6 101.9L120.71 93.52L132.2 86.27L129.17 81.79L128.51 78.56H17.03C12.6 78.56 9 82.15 9 86.59V175.45C9 179.88 12.59 183.48 17.03 183.48H174.62C179.05 183.48 182.65 179.89 182.65 175.45V115.72L164.53 116.65Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M108.86 117.92C106.37 117.92 104.05 116.68 102.67 114.5C100.97 111.84 101.13 108.49 103.07 105.98C114.57 91.05 145.16 78.31 146.46 77.78L146.73 77.69C188.93 66.99 208.32 56.11 208.51 56L210.49 59.47C209.7 59.92 190.57 70.69 147.86 81.53C145.68 82.45 116.73 94.81 106.24 108.42C105.15 109.83 105.43 111.38 106.05 112.35C106.67 113.32 107.94 114.21 109.66 113.83C118.64 111.83 131.66 105.87 142.68 88.88L146.04 91.05C134.29 109.18 120.25 115.56 110.54 117.73C109.98 117.85 109.43 117.91 108.88 117.91L108.86 117.92Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M139.07 117.01C136.19 116.44 134.08 115.02 132.82 112.79C130.25 108.27 132.38 102.11 132.48 101.85L136.25 103.18C135.79 104.48 134.92 108.39 136.31 110.82C136.99 112 138.15 112.74 139.86 113.08L139.08 117L139.07 117.01Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M156.99 132.98C152.74 132.98 147.75 130.95 143.1 126.09C139.43 122.26 137.94 118.26 138.66 114.18C140.13 105.9 150.45 100.76 150.89 100.55L152.65 104.14C152.56 104.18 143.71 108.61 142.6 114.89C142.12 117.63 143.26 120.47 145.99 123.32C152.01 129.6 158.56 130.11 161.67 127.39C164.22 125.16 163.87 121.19 160.75 117.29L163.88 114.8C169.07 121.3 167.83 127.32 164.3 130.41C162.43 132.05 159.88 132.99 156.99 132.99V132.98Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M165.2 118.63C158.65 118.63 154.44 118.19 154.15 118.15L154.58 114.17C155.04 114.22 201.36 118.92 227.78 95.63L230.42 98.63C222.39 105.71 207.41 114.77 181.67 117.7C175.4 118.41 169.73 118.63 165.19 118.63H165.2Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M132.12 87.65C131.47 87.19 125.8 83.03 126.1 78.11C126.25 75.61 127.82 73.54 130.77 71.95C140.2 66.87 170.74 70.1 172.04 70.24L171.61 74.22C163.13 73.3 139.59 71.74 132.67 75.47C131.02 76.36 130.16 77.33 130.09 78.35C129.96 80.5 132.96 83.34 134.43 84.38L132.12 87.65Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M182.65 159.74H9V162.74H182.65V159.74Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M34.8199 88.65L39.2699 97.67L49.2199 99.11L42.0199 106.13L43.7199 116.04L34.8199 111.36L25.9199 116.04L27.6199 106.13L20.4199 99.11L30.3699 97.67L34.8199 88.65Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramCardFavourite;

package/src/components/pictograms/svg/PictogramCardIssue.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramCardIssue = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M7 150.41V165.48C7 171.35 11.76 176.11 17.63 176.11H170.39C176.26 176.11 181.02 171.35 181.02 165.48V157.05C181.02 156.66 169.58 139.29 162.69 138.42C155.8 137.55 146.78 134.88 146.78 134.88C136.46 130.98 146.36 122.23 146.36 122.23L149.08 121.8C137.97 120.97 136.92 110.34 136.92 110.34L142.1 107.39L140.69 104.52L140.02 101.69L139.95 99.32L141.33 98.34C141.33 98.34 145.47 97.07 146.12 97.01C146.77 96.95 152.14 97.69 152.14 97.69L159.87 98.67C159.87 98.67 171.27 101.94 171.5 102.01C171.73 102.08 181 106.72 181 106.72V64.63C181 58.76 176.24 54 170.37 54H17.63C11.76 54 7 58.76 7 64.63V117.9V150.4V150.41Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M229.74 144.18C215.28 124.65 189.28 93.66 181.02 93.66V89.66C193.99 89.66 229 136.46 232.95 141.8L229.74 144.18Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M165.6 115.05C147.14 112.63 137.97 109.01 136.76 103.68C136.02 100.42 138.6 97.74 140.24 96.67C149.44 90.78 178.49 102.28 181.77 103.61L180.27 107.32C168.61 102.59 148.02 96.43 142.42 100.03C142.42 100.03 140.36 101.47 140.67 102.8C140.87 103.65 143.03 108.05 166.13 111.08L165.61 115.05H165.6Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M165.45 128.27C138.28 122.56 134.62 116.92 134.23 113.17C133.71 108.13 139.98 105.22 140.7 104.9L142.32 108.56C140.9 109.19 138.03 111.05 138.22 112.76C138.37 114.13 140.82 119.01 166.29 124.36L165.47 128.27H165.45Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M201.77 185.46C199.34 182.1 196.96 178.59 194.44 174.87C183.06 158.08 171.29 140.71 155.86 139.16C147.59 138.33 142.63 135.86 141.1 131.81C139.04 126.37 144.23 120.68 144.45 120.44L147.39 123.16L145.92 121.8L147.39 123.15C146.35 124.29 143.86 127.81 144.84 130.4C145.77 132.83 149.82 134.53 156.26 135.17C173.55 136.91 185.85 155.06 197.75 172.62C200.25 176.31 202.61 179.8 205.01 183.11L201.77 185.45V185.46Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M90.9502 124.81C90.1202 124.81 89.4502 124.14 89.4502 123.31V76.68C89.4502 75.85 90.1202 75.18 90.9502 75.18C91.7802 75.18 92.4502 75.85 92.4502 76.68V123.31C92.4502 124.14 91.7802 124.81 90.9502 124.81Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M91.1102 144.17C93.6728 144.17 95.7502 142.093 95.7502 139.53C95.7502 136.967 93.6728 134.89 91.1102 134.89C88.5476 134.89 86.4702 136.967 86.4702 139.53C86.4702 142.093 88.5476 144.17 91.1102 144.17Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramCardIssue;

package/src/components/pictograms/svg/PictogramCardQuestion.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramCardQuestion = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M7 150.41V165.48C7 171.35 11.76 176.11 17.63 176.11H170.39C176.26 176.11 181.02 171.35 181.02 165.48V157.05C181.02 156.66 169.58 139.29 162.69 138.42C155.8 137.55 146.78 134.88 146.78 134.88C136.46 130.98 146.36 122.23 146.36 122.23L149.08 121.8C137.97 120.97 136.92 110.34 136.92 110.34L142.1 107.39L140.69 104.52L140.02 101.69L139.95 99.32L141.33 98.34C141.33 98.34 145.47 97.07 146.12 97.01C146.77 96.95 152.14 97.69 152.14 97.69L159.87 98.67C159.87 98.67 171.27 101.94 171.5 102.01C171.73 102.08 181 106.72 181 106.72V64.63C181 58.76 176.24 54 170.37 54H17.63C11.76 54 7 58.76 7 64.63V117.9V150.4V150.41Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M229.74 144.18C215.28 124.65 189.28 93.66 181.02 93.66V89.66C193.99 89.66 229 136.46 232.95 141.8L229.74 144.18Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M165.6 115.05C147.14 112.63 137.97 109.01 136.76 103.68C136.02 100.42 138.6 97.74 140.24 96.67C149.43 90.77 178.49 102.28 181.77 103.61L180.27 107.32C168.61 102.59 148.02 96.44 142.42 100.03C142.42 100.03 140.36 101.47 140.67 102.8C140.87 103.65 143.03 108.05 166.13 111.08L165.61 115.05H165.6Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M165.45 128.27C138.28 122.56 134.62 116.92 134.23 113.17C133.71 108.13 139.98 105.22 140.7 104.9L142.32 108.56C140.9 109.19 138.03 111.05 138.22 112.76C138.37 114.13 140.82 119.01 166.29 124.36L165.47 128.27H165.45Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M201.77 185.46C199.34 182.1 196.96 178.59 194.44 174.87C183.06 158.08 171.29 140.71 155.86 139.16C147.59 138.33 142.63 135.86 141.1 131.81C139.04 126.37 144.23 120.68 144.45 120.44L147.39 123.16L145.92 121.8L147.39 123.15C146.35 124.29 143.86 127.81 144.84 130.4C145.77 132.83 149.82 134.53 156.26 135.17C173.55 136.91 185.85 155.06 197.75 172.62C200.25 176.31 202.61 179.8 205.01 183.11L201.77 185.45V185.46Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M89.37 148.62C91.9326 148.62 94.01 146.543 94.01 143.98C94.01 141.417 91.9326 139.34 89.37 139.34C86.8074 139.34 84.73 141.417 84.73 143.98C84.73 146.543 86.8074 148.62 89.37 148.62Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M89.1301 132.85C88.3001 132.85 87.6301 132.18 87.6301 131.35C87.6301 112.92 93.5301 109.06 99.7801 104.97C100.73 104.35 101.71 103.71 102.66 103.01C107.51 99.46 109.52 93.43 107.77 87.63C106.43 83.21 102.52 78.37 95.5501 78.05C95.4601 78.05 95.3701 78.05 95.2901 78.05C95.0501 78.05 94.7501 78.06 94.4101 78.01C90.0001 77.3 82.7401 79.69 78.9701 84.39C76.1101 87.96 75.6401 92.21 77.5601 97.02C77.8701 97.79 77.4901 98.66 76.7201 98.97C75.9501 99.28 75.0801 98.9 74.7701 98.13C71.8401 90.79 74.1601 85.59 76.6201 82.51C81.1901 76.81 89.6501 74.2 94.8801 75.05C94.9901 75.07 95.1001 75.05 95.2101 75.05C95.3701 75.05 95.5301 75.05 95.6801 75.05C102.82 75.37 108.55 79.86 110.64 86.76C112.76 93.79 110.32 101.12 104.42 105.43C103.41 106.17 102.39 106.83 101.41 107.48C95.6201 111.27 90.6201 114.54 90.6201 131.35C90.6201 132.18 89.9501 132.85 89.1201 132.85H89.1301Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramCardQuestion;

package/src/components/pictograms/svg/PictogramDoc.tsx

@@ -0,0 +1,38 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramDoc = ({ size, colorValues, ...props }: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M53 79.67V176.89C53 179.31 54.82 181.34 57.22 181.61L130.76 189.83C133.58 190.14 136.04 187.94 136.04 185.11V157.64L132.52 153.43L126.87 148.28L117.74 142.9L114.37 141.84C114.37 141.84 109.26 140.57 108.35 140.4C107.44 140.23 102.55 139.16 102.18 139.17C101.8 139.18 99.32 136.26 99.32 136.26L98.33 133.36L99.09 128.5L100.9 124.79L97.64 122.58L92.49 119.66L91.23 115.62L93.72 112.56C93.72 112.56 96.53 110.82 95.27 110.48C94.01 110.14 93.77 107.42 93.72 107.18C93.67 106.94 94.53 104.52 94.53 104.52L96.37 102.44L101.07 101.12L104.88 101.05L116.73 102.78L136.06 109.39V60.36C136.06 57.94 134.24 55.91 131.84 55.64L81.72 50.03C80.07 49.85 78.43 50.45 77.29 51.66L54.42 76.07C53.51 77.05 53 78.33 53 79.67Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M184.761 148.98C170.311 129.45 144.301 98.46 136.051 98.46V94.46C149.021 94.46 184.031 141.26 187.981 146.6L184.771 148.98H184.761Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M120.621 119.85C102.161 117.43 92.9907 113.81 91.7807 108.48C91.0407 105.21 93.6207 102.54 95.2607 101.47C104.451 95.57 133.511 107.08 136.791 108.41L135.291 112.12C123.631 107.39 103.041 101.23 97.4407 104.83C97.4407 104.83 95.3807 106.27 95.6907 107.6C95.8907 108.45 98.0507 112.85 121.151 115.88L120.631 119.85H120.621Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M120.47 133.07C93.3003 127.36 89.6403 121.72 89.2503 117.97C88.7303 112.93 95.0003 110.02 95.7203 109.7L97.3403 113.36C95.9203 113.99 93.0503 115.85 93.2403 117.56C93.3903 118.93 95.8403 123.81 121.31 129.16L120.49 133.07H120.47Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M156.79 190.27C154.36 186.91 151.98 183.4 149.46 179.68C138.08 162.89 126.31 145.52 110.88 143.97C102.61 143.14 97.6501 140.67 96.1201 136.62C94.0601 131.18 99.2501 125.49 99.4701 125.25L102.41 127.97L100.94 126.61L102.41 127.96C101.37 129.1 98.8801 132.62 99.8601 135.21C100.79 137.64 104.84 139.34 111.28 139.98C128.57 141.72 140.87 159.87 152.77 177.43C155.27 181.12 157.63 184.61 160.03 187.92L156.79 190.26V190.27Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M120.58 78.59C120.58 78.59 120.49 78.59 120.44 78.59L75.7097 74.37C74.8797 74.29 74.2797 73.56 74.3597 72.74C74.4397 71.91 75.1797 71.3 75.9897 71.39L120.72 75.61C121.55 75.69 122.15 76.42 122.07 77.24C122 78.02 121.34 78.6 120.58 78.6V78.59Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M119.41 91.05C119.41 91.05 119.32 91.05 119.27 91.05L74.5398 86.83C73.7098 86.75 73.1098 86.02 73.1898 85.2C73.2698 84.37 74.0098 83.77 74.8198 83.85L119.55 88.07C120.38 88.15 120.98 88.88 120.9 89.7C120.83 90.48 120.17 91.06 119.41 91.06V91.05Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramDoc;

package/src/components/pictograms/svg/PictogramGenericError.tsx

@@ -0,0 +1,58 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramGenericError = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M110.731 21C117.361 24.98 124.251 27.31 132.231 25.59C132.921 27 133.571 28.29 134.191 29.61C137.521 36.67 141.891 42.88 148.351 47.48C153.271 50.98 158.831 52.65 165.041 53.53C165.861 56.54 166.521 59.62 167.551 62.58C172.421 76.66 181.501 86.7 195.851 91.56C196.551 91.8 197.201 92.16 198.151 92.58C197.581 108.2 203.731 120.35 217.501 128.3C215.351 135.53 215.071 142.47 218.881 149.27C215.121 151.14 211.281 150.37 207.671 150.31C187.861 149.93 169.121 145.28 152.151 134.82C131.521 122.1 116.021 104.77 107.211 82.04C99.5907 62.38 100.601 42.77 109.211 23.55C109.561 22.76 110.091 22.05 110.721 21L110.731 21Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M209.211 133.14C208.901 133.14 208.601 133.05 208.331 132.85C196.981 124.63 190.461 112.79 189.441 98.57C174.911 92.58 164.741 81.45 159.211 65.46C158.681 63.94 158.261 62.46 157.911 61.15C152.261 59.79 147.451 57.66 143.241 54.66C136.571 49.91 131.251 43.47 127.001 34.98H126.951C122.451 34.98 118.061 34.09 113.551 32.27C112.781 31.96 112.411 31.09 112.721 30.32C113.031 29.55 113.901 29.18 114.671 29.49C119.131 31.29 123.431 32.1 127.881 31.97L128.851 31.94L129.271 32.82C133.361 41.27 138.501 47.62 144.981 52.22C149.081 55.14 153.821 57.17 159.461 58.43L160.351 58.63L160.581 59.52C160.961 60.98 161.431 62.71 162.051 64.48C167.401 79.93 177.281 90.58 191.431 96.14L192.331 96.49L192.381 97.45C193.131 111.36 199.091 122.46 210.091 130.42C210.761 130.91 210.911 131.84 210.421 132.51C210.131 132.91 209.671 133.13 209.201 133.13L209.211 133.14Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M47.7994 214.18C43.5594 209.06 44.1894 201.46 48.8894 196.76L62.6994 182.95L65.8094 186.06L51.9394 199.93C48.7894 203.08 48.3994 208.21 51.3394 211.57C54.2794 214.93 58.8494 215.3 62.2494 213.07C63.1094 212.51 64.2394 212.65 64.9694 213.38C65.9394 214.35 65.8194 215.99 64.6694 216.74C59.3894 220.21 52.0794 219.36 47.7894 214.18H47.7994Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M128.468 112.715L102.256 138.928L105.36 142.032L131.573 115.819L128.468 112.715Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M70.8006 114.21C70.3806 114.21 69.9706 114.04 69.6706 113.7C69.1206 113.08 69.1806 112.13 69.8106 111.58L97.6606 87.12C98.2806 86.57 99.2306 86.64 99.7806 87.26C100.331 87.88 100.271 88.83 99.6406 89.38L71.7906 113.84C71.5006 114.09 71.1506 114.21 70.8006 114.21Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M113.41 177.63C112.99 177.63 112.58 177.46 112.28 177.12C111.73 176.5 111.79 175.55 112.42 175L140.27 150.54C140.89 149.99 141.84 150.06 142.39 150.68C142.94 151.3 142.88 152.25 142.25 152.8L114.4 177.26C114.11 177.51 113.76 177.63 113.41 177.63Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M25.17 190.01L22 187.58C22.11 187.44 32.88 173.43 47 158.35C66.09 137.97 81.92 125.44 94.05 121.1C96.87 120.09 99.97 120.3 102.55 121.66C106.28 123.64 108.43 126.73 108.77 130.59C109.06 133.87 107.85 137.23 105.46 139.81L95.99 150.01L93.06 147.29L102.53 137.09C104.15 135.34 104.97 133.1 104.79 130.94C104.57 128.46 103.19 126.52 100.68 125.19C99.09 124.35 97.16 124.23 95.4 124.86C67.76 134.76 25.6 189.46 25.17 190.01Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M94.0707 165.52C90.2707 165.52 85.6107 164.39 81.4107 160.16C78.8807 157.62 77.9807 153.93 79.0707 150.54C80.3507 146.55 82.6907 145.12 84.4307 144.62C88.1207 143.56 92.7607 145.44 98.6207 150.39L96.0407 153.45C89.9007 148.26 86.8207 148.1 85.5407 148.47C84.3707 148.81 83.4707 149.92 82.8807 151.77C82.2507 153.73 82.7807 155.87 84.2507 157.35C90.7407 163.88 98.7207 160.92 99.8907 160.44C103.421 158.07 105.341 155.35 105.601 152.37C106.091 146.85 100.931 141.84 100.881 141.79L103.641 138.89C103.911 139.15 110.241 145.25 109.591 152.7C109.211 157 106.651 160.76 101.951 163.87L101.681 164.02C101.441 164.13 98.2907 165.53 94.0807 165.53L94.0707 165.52Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M82.7599 181.6C76.5299 181.6 72.2299 178.59 71.0699 173.27C69.5099 166.14 74.1399 157.44 80.5899 155.37L81.8099 159.18C77.3099 160.62 73.8599 167.3 74.9799 172.42C76.0699 177.44 80.9399 177.94 84.8499 177.47C100.73 175.57 101.57 160.61 101.6 159.97L105.6 160.13C105.6 160.32 104.65 179.13 85.3299 181.44C84.4399 181.55 83.5899 181.6 82.7699 181.6H82.7599Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M74.01 192.88C71.33 192.88 69.2901 192.15 67.9301 191.42C63.3201 188.97 60.39 183.46 60.62 177.71C60.97 169.19 68.77 166.05 72.85 165.58L73.3101 169.55L73.0801 167.56L73.3201 169.55C72.9801 169.59 64.91 170.66 64.62 177.87C64.45 182.11 66.5301 186.14 69.8101 187.88C73.7301 189.97 79.1301 188.75 85.0201 184.46C85.6301 183.91 90.47 179.47 91.99 175.85L95.68 177.39C93.71 182.1 87.85 187.3 87.6 187.52L87.4601 187.63C81.9701 191.65 77.4601 192.87 74.0001 192.87L74.01 192.88Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M78.0727 188.436L64.8594 202.586L67.7829 205.316L80.9963 191.166L78.0727 188.436Z"
+      fill={colorValues.hands}
+    />
+  </Svg>
+);
+
+export default PictogramGenericError;

package/src/components/pictograms/svg/PictogramIdea.tsx

@@ -0,0 +1,38 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramIdea = ({ size, colorValues, ...props }: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M101.3 114.67H122.27V94.4L134.69 69.25C143.4 51.61 137.19 29.6 119.75 20.51C114.23 17.63 107.96 16 101.3 16C94.6397 16 88.3697 17.63 82.8497 20.5C65.4097 29.6 59.1997 51.61 67.9097 69.25L80.3297 94.4V114.67H101.3Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M121.35 132.98H81.2502C78.6002 132.98 76.4502 130.83 76.4502 128.18C76.4502 125.53 78.6002 123.38 81.2502 123.38H121.35C124 123.38 126.15 125.53 126.15 128.18C126.15 130.83 124 132.98 121.35 132.98Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M117.19 138.24C116.6 137.98 115.94 137.83 115.25 137.83H87.3498C84.6998 137.83 82.5498 139.98 82.5498 142.63C82.5498 145.28 84.6998 147.43 87.3498 147.43H112.72L117.18 138.25L117.19 138.24Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M121.76 224.32C121.09 223.16 105.45 195.45 108.71 158.07C109.88 144.68 114.67 135.01 122.95 129.33C130.39 124.22 135.76 125.32 138.96 127.14C146 131.14 149.67 138.93 147.89 146.07C146.39 152.07 141.4 155.78 134.53 155.98L134.41 151.98C139.46 151.83 142.95 149.33 144 145.11C145.14 140.54 143.09 134.1 136.97 130.62C133.77 128.8 129.81 129.47 125.21 132.63C117.97 137.6 113.76 146.28 112.7 158.42C109.55 194.5 125.07 222.06 125.23 222.33L121.76 224.32Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M129.64 160.19C127.68 160.19 125.81 159.4 124.45 157.94C122.27 155.6 119.92 151.25 121.13 143.79L125.08 144.43C124.32 149.13 125.08 152.75 127.38 155.2C128.14 156.01 129.22 156.34 130.35 156.1C131.6 155.84 132.63 154.93 133.05 153.74C135.6 146.41 135.63 141.16 133.15 138.57C129.8 135.08 122.05 136.44 119.35 137.26L118.18 133.43C118.67 133.28 130.28 129.82 136.02 135.78C139.68 139.58 139.95 146.06 136.82 155.04C135.95 157.55 133.78 159.45 131.17 160C130.66 160.11 130.14 160.16 129.63 160.16L129.64 160.19Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M173.361 218.31C156.801 206.82 153.441 161.69 153.301 159.77C153.231 158.78 153.901 157.88 154.881 157.67C162.831 155.98 169.091 150.45 172.111 147.3C173.111 146.26 173.231 144.63 172.381 143.42C171.721 142.47 170.611 141.97 169.491 142.12C164.261 142.8 154.411 145.11 154.311 145.13C153.391 145.35 152.431 144.88 152.041 144.02C150.431 140.53 149.311 123.34 148.651 109.53C148.551 107.33 147.791 105.24 146.451 103.48C145.291 101.95 143.231 101.4 141.461 102.15C140.321 102.63 139.451 103.58 139.091 104.74C136.881 111.82 136.601 127.57 136.601 127.73L132.601 127.67C132.611 127 132.891 111.18 135.281 103.55C135.991 101.27 137.681 99.41 139.911 98.47C143.371 97 147.381 98.07 149.651 101.06C151.471 103.46 152.511 106.33 152.661 109.34C153.521 127.45 154.501 137.11 155.261 140.82C158.431 140.1 164.921 138.69 168.991 138.16C171.591 137.82 174.161 138.96 175.681 141.14C177.611 143.91 177.331 147.67 175.011 150.09C171.891 153.34 165.611 158.9 157.451 161.17C158.221 169.43 162.331 205.78 175.661 215.03L173.381 218.32L173.361 218.31Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M115.93 111.15C115.1 111.15 114.43 110.48 114.43 109.65V88.94C114.43 88.62 114.53 88.3 114.73 88.05C133.61 62.61 130.25 47.31 130.22 47.16C122.64 19.67 96.9402 24.1 95.8502 24.3C95.0402 24.45 94.2502 23.91 94.1002 23.1C93.9502 22.29 94.4902 21.5 95.3002 21.35C95.5902 21.3 124.81 16.26 133.11 46.4C133.28 47.1 136.92 62.96 117.42 89.44V109.66C117.42 110.49 116.75 111.16 115.92 111.16L115.93 111.15Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramIdea;

package/src/components/pictograms/svg/PictogramMessage.tsx

@@ -0,0 +1,54 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramMessage = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M133.86 137.26L131.89 132.47L132.79 127.15L135.42 121.98L132.13 122.25C132.13 122.25 112.8 116.62 112.05 116.15C111.3 115.68 110.32 109.82 110.32 109.82L111.8 104.69L125.39 100.87L149.99 99.71L164.27 101.67V56.69C164.27 50.23 159.04 45 152.58 45H33.69C27.23 45 22 50.23 22 56.69V125.64C22 132.1 27.23 137.33 33.69 137.33H45.11L37.15 159.94C35.63 164.26 40.43 168.07 44.29 165.61L88.58 137.34H134L133.86 137.27V137.26Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M218.85 179.03L214.85 179C215 156.25 200.43 131.48 191.73 118.74C188.06 113.36 182.99 109.35 177.08 107.12C154.55 98.63 128.42 102.22 118.23 104.15C114.55 104.85 111.97 108.06 112.22 111.62C112.3 112.81 112.56 116.43 119.96 117.63C135.18 120.08 148.72 117.32 148.86 117.29L149.68 121.21C149.1 121.33 135.3 124.16 119.32 121.59C110.61 120.19 108.48 115.55 108.22 111.91C107.83 106.33 111.81 101.3 117.48 100.23C128 98.23 155.01 94.54 178.48 103.38C185.17 105.9 190.89 110.43 195.02 116.49C203.98 129.62 218.99 155.2 218.84 179.04L218.85 179.03Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M154.24 143.5C153.99 143.5 153.74 143.49 153.5 143.46C150.64 143.18 148.68 141.27 148.14 138.23C147.39 133.99 149.44 128.14 154.25 120.87C157.69 115.66 161.28 111.63 161.43 111.46L164.41 114.13C160.58 118.41 150.91 130.97 152.08 137.54C152.36 139.13 153.12 139.42 153.89 139.49C157.86 139.89 166.43 133.83 168.76 127.87L172.48 129.33C169.71 136.4 160.42 143.51 154.23 143.51L154.24 143.5Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M174.67 144.29C173.91 140.34 168.17 137.13 166.02 136.22L167.57 132.53C167.97 132.7 177.28 136.67 178.6 143.53L174.67 144.28V144.29Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M140.499 141.75C137.299 141.75 134.129 140.97 132.259 138.46C129.849 135.23 129.039 130.28 130.259 126.15C131.249 122.8 133.429 120.34 136.389 119.24C137.129 118.96 137.919 118.77 138.749 118.67L139.249 122.64C138.729 122.7 138.239 122.82 137.789 122.99C135.539 123.83 134.539 125.79 134.099 127.28C133.239 130.21 133.799 133.82 135.469 136.06C137.719 139.08 145.849 137.33 149.429 136L150.809 139.75C149.969 140.06 145.199 141.74 140.499 141.74V141.75Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M154.1 156.38C151.82 156.38 149.64 155.87 147.55 154.86C139.37 150.89 135.87 140.51 135.72 140.07L139.52 138.82C139.55 138.91 142.66 148.05 149.31 151.27C152.22 152.68 155.34 152.75 158.82 151.48C162.32 150.21 164.39 148.69 164.5 147.31C164.64 145.41 161.35 142.69 159.08 141.46L160.98 137.94C161.79 138.38 168.87 142.36 168.49 147.6C168.26 150.75 165.47 153.32 160.19 155.24C158.11 156 156.07 156.38 154.1 156.38Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M175.159 195.9C162.219 178.35 159.509 153.84 159.399 152.8L163.379 152.38C163.409 152.62 166.089 176.86 178.379 193.53L175.159 195.9Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M43.0401 70.34C46.7459 70.34 49.7501 67.3358 49.7501 63.63C49.7501 59.9242 46.7459 56.92 43.0401 56.92C39.3342 56.92 36.3301 59.9242 36.3301 63.63C36.3301 67.3358 39.3342 70.34 43.0401 70.34Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M69.1202 70.34C72.826 70.34 75.8302 67.3358 75.8302 63.63C75.8302 59.9242 72.826 56.92 69.1202 56.92C65.4143 56.92 62.4102 59.9242 62.4102 63.63C62.4102 67.3358 65.4143 70.34 69.1202 70.34Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M94.1202 70.34C97.826 70.34 100.83 67.3358 100.83 63.63C100.83 59.9242 97.826 56.92 94.1202 56.92C90.4143 56.92 87.4102 59.9242 87.4102 63.63C87.4102 67.3358 90.4143 70.34 94.1202 70.34Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramMessage;

package/src/components/pictograms/svg/PictogramMoneyCheck.tsx

@@ -0,0 +1,54 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramMoneyCheck = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M107.201 57.83C135.031 57.83 157.591 80.39 157.591 108.22C157.591 110.02 157.491 111.8 157.311 113.55L153.681 110.92L149.711 109.08C149.711 109.08 144.131 109.77 143.221 109.08C142.311 108.39 139.861 109.15 139.541 109.33C139.221 109.51 136.321 112.4 136.321 112.4L135.041 115.94V119.88L136.321 122.78V124.67L130.761 123.29C130.761 123.29 129.951 123.1 128.051 122.66C126.161 122.22 120.281 122.64 120.091 121.79C119.901 120.94 119.991 120.87 118.561 120.69C117.131 120.52 113.611 119.88 113.611 119.88L110.841 119.53L108.121 119.29C108.121 119.29 104.711 120.12 104.491 120.27C104.261 120.42 101.821 126.59 101.821 126.59V128.57L100.891 130.11L98.4505 131.47L95.1005 135.2L95.5305 143.32L99.5506 148.05L95.5305 153.63L96.5205 157.45C73.8205 152.55 56.8105 132.37 56.8105 108.2C56.8105 80.37 79.3705 57.81 107.201 57.81V57.83Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M97.8199 152.92C97.7099 152.92 97.6099 152.91 97.4999 152.89C76.5999 148.38 61.4199 129.56 61.4199 108.15C61.4199 82.91 81.9599 62.37 107.2 62.37C132.44 62.37 152.98 82.9 152.98 108.15C152.98 108.98 152.31 109.65 151.48 109.65C150.65 109.65 149.98 108.98 149.98 108.15C149.98 84.56 130.79 65.37 107.2 65.37C83.6099 65.37 64.4199 84.56 64.4199 108.15C64.4199 128.16 78.5999 145.74 98.1299 149.95C98.9399 150.12 99.4499 150.92 99.2799 151.73C99.1299 152.43 98.5099 152.91 97.8199 152.91V152.92Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M50.1008 65.38C49.7008 65.38 49.3108 65.22 49.0308 64.93L30.4308 45.95C29.8508 45.36 29.8608 44.41 30.4508 43.83C31.0408 43.25 31.9908 43.26 32.5708 43.85L50.0708 61.7L81.0208 28.48C81.5808 27.87 82.5408 27.84 83.1408 28.4C83.7508 28.96 83.7808 29.91 83.2208 30.52L51.2008 64.9C50.9208 65.2 50.5308 65.37 50.1208 65.38H50.1008Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M103.12 130.5L104.83 130.14L102.76 126.43L101.82 122.63C100.28 121.37 99.0202 119.79 98.0502 117.88C97.9302 117.65 97.8202 117.41 97.7202 117.17L110.76 117.2V111.22L96.2002 111.15C96.1302 110.42 96.1002 109.68 96.1002 108.91C96.1002 108.53 96.1102 108.15 96.1302 107.78L110.77 107.82V101.84L97.3902 101.81C97.6002 101.28 97.8302 100.77 98.1002 100.27C99.4302 97.76 101.25 95.79 103.57 94.35C105.89 92.91 108.54 92.2 111.55 92.2C112.79 92.2 114.04 92.38 115.28 92.75C116.52 93.12 117.68 93.66 118.75 94.39L121.9 89.05C120.4 88.06 118.76 87.31 116.98 86.8C115.2 86.29 113.39 86.03 111.55 86.03C108.46 86.03 105.6 86.6 102.96 87.73C100.32 88.87 98.0202 90.47 96.0402 92.55C94.0702 94.63 92.5402 97.05 91.4702 99.82C91.2202 100.46 91.0102 101.12 90.8202 101.8H84.9102V107.77H89.9102C89.9002 108.16 89.8602 108.54 89.8602 108.93C89.8602 109.68 89.9002 110.42 89.9502 111.14L84.9102 111.11V117.16L91.0802 117.18C91.2102 117.58 91.3202 118 91.4702 118.39C92.5402 121.22 94.0402 123.65 95.9702 125.69C97.9002 127.73 100.19 129.3 102.85 130.42C102.94 130.46 103.04 130.48 103.13 130.52L103.12 130.5Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M207.09 167.37C206.98 167.24 196.11 154.16 183.5 140.69C162.66 118.43 153.31 112.26 149.14 111C143.84 109.41 139.89 110.3 138 113.51C136.04 116.86 136.87 121.58 138.92 123.57C139.58 124.2 139.72 125.2 139.27 125.99C138.82 126.78 137.89 127.17 137.01 126.93C136.83 126.88 118.47 121.96 108 121.3C106.95 121.24 105.94 121.59 105.15 122.29C104.34 123.01 103.87 124.01 103.83 125.1C103.74 127.17 105.22 128.93 107.26 129.21C117.1 130.54 129.72 132.66 134.01 135.24L131.95 138.67C129.11 136.96 119.92 134.96 106.73 133.18C102.62 132.63 99.65 129.08 99.83 124.93C99.93 122.76 100.87 120.77 102.48 119.32C104.07 117.89 106.12 117.18 108.25 117.31C115.92 117.79 127.22 120.36 133.48 121.9C132.46 118.53 132.76 114.53 134.55 111.48C135.91 109.17 140.16 104.11 150.29 107.17C166.16 111.95 208.38 162.65 210.17 164.81L207.09 167.36V167.37Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M126.851 153.13C124.541 151.4 115.951 150.14 103.861 149.76C98.0207 149.58 93.3907 144.67 93.5407 138.82C93.6507 134.34 96.5807 130.38 100.821 128.95L102.931 128.24L104.201 132.03L102.091 132.74C99.4306 133.63 97.6007 136.11 97.5407 138.91C97.4507 142.57 100.341 145.64 103.991 145.76C117.641 146.19 126.151 147.59 129.261 149.93L126.861 153.13H126.851Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M166.941 212.31C149.951 187.19 127.941 171.18 101.521 164.71L101.021 164.59C98.1711 163.89 95.8712 161.82 94.8712 159.06C93.8312 156.2 94.3711 152.94 96.2711 150.56L99.5611 146.46L102.681 148.96L99.3912 153.06C98.3512 154.36 98.0611 156.13 98.6311 157.7C99.1811 159.21 100.431 160.33 101.981 160.72L102.481 160.84C129.891 167.55 152.701 184.12 170.261 210.09L166.951 212.33L166.941 212.31Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M146.78 129.881L144.195 132.934L152.216 139.726L154.801 136.673L146.78 129.881Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M155.04 158.57C149.03 148.15 152.86 130.98 153.03 130.25L156.93 131.14C156.89 131.3 153.28 147.52 158.51 156.57L155.05 158.57H155.04Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M134.514 130.669L121.939 157.895L125.571 159.573L138.145 132.346L134.514 130.669Z"
+      fill={colorValues.hands}
+    />
+  </Svg>
+);
+
+export default PictogramMoneyCheck;

package/src/components/pictograms/svg/PictogramNFCScanAndroid.tsx

@@ -0,0 +1,66 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramNFCScanAndroid = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M131.281 117.052L107.168 80.1878C105.571 77.7475 102.299 77.0633 99.8587 78.6596L33.3953 122.135C30.955 123.732 30.2707 127.004 31.867 129.444L55.9808 166.308C57.5771 168.748 60.8494 169.433 63.2898 167.836L129.753 124.361C132.194 122.764 132.878 119.492 131.281 117.052Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M60.5106 166.53C60.1506 166.53 59.7906 166.49 59.4406 166.42C58.0806 166.14 56.9206 165.34 56.1606 164.18L33.8906 130.14C33.1306 128.98 32.8706 127.59 33.1506 126.23C33.4306 124.87 34.2306 123.71 35.3906 122.95L99.7906 80.82C102.191 79.25 105.411 79.93 106.981 82.32L129.251 116.36C130.821 118.76 130.141 121.98 127.751 123.55L63.3506 165.68C62.4906 166.24 61.5206 166.53 60.5206 166.53H60.5106ZM102.631 82.97C102.221 82.97 101.801 83.09 101.431 83.33L37.0306 125.46C36.5406 125.78 36.2006 126.27 36.0806 126.85C35.9606 127.42 36.0806 128.01 36.3906 128.5L58.6606 162.54C58.9806 163.03 59.4706 163.37 60.0506 163.49C60.6206 163.61 61.2106 163.49 61.7006 163.18L126.101 121.05C127.111 120.39 127.401 119.02 126.741 118.01L104.471 83.97C104.051 83.33 103.351 82.98 102.631 82.98V82.97Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M60.9502 151.74C60.5502 151.74 60.1602 151.7 59.7602 151.62C58.2502 151.3 56.9602 150.42 56.1102 149.13C54.3702 146.47 55.1202 142.88 57.7802 141.14C60.4402 139.4 64.0302 140.15 65.7702 142.81C66.6102 144.1 66.9002 145.64 66.5902 147.15C66.2802 148.66 65.3902 149.95 64.1002 150.8C63.1502 151.42 62.0602 151.74 60.9502 151.74ZM60.9302 143.2C60.4002 143.2 59.8802 143.35 59.4202 143.65C58.1402 144.49 57.7802 146.21 58.6202 147.49C59.4502 148.77 61.1802 149.13 62.4502 148.29C63.0702 147.89 63.4902 147.26 63.6502 146.54C63.8002 145.82 63.6602 145.08 63.2602 144.46C62.8502 143.84 62.2302 143.42 61.5102 143.26C61.3202 143.22 61.1302 143.2 60.9402 143.2H60.9302Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M61.4992 159.64C61.0092 159.64 60.5292 159.4 60.2392 158.96C57.9192 155.41 58.9192 150.63 62.4692 148.3C64.1892 147.17 66.2492 146.79 68.2592 147.21C70.2692 147.63 71.9992 148.81 73.1292 150.53C73.5792 151.22 73.3892 152.15 72.6992 152.61C72.0092 153.06 71.0792 152.87 70.6192 152.18C69.9292 151.13 68.8792 150.41 67.6492 150.15C66.4192 149.89 65.1692 150.13 64.1192 150.82C61.9492 152.24 61.3392 155.16 62.7592 157.33C63.2092 158.02 63.0192 158.95 62.3292 159.41C62.0792 159.58 61.7892 159.65 61.5092 159.65L61.4992 159.64Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M77.5799 107.19C77.0899 107.19 76.6099 106.95 76.3199 106.51C75.8699 105.82 76.0599 104.89 76.7499 104.43L100.74 88.74C101.43 88.29 102.36 88.48 102.82 89.17C103.27 89.86 103.08 90.79 102.39 91.25L78.3999 106.94C78.1499 107.11 77.8599 107.18 77.5799 107.18V107.19Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M77.5194 113.42C77.0294 113.42 76.5494 113.18 76.2594 112.74C75.8094 112.05 75.9994 111.12 76.6894 110.66L104.169 92.69C104.859 92.24 105.789 92.43 106.249 93.12C106.699 93.81 106.509 94.74 105.819 95.2L78.3394 113.17C78.0894 113.34 77.7994 113.41 77.5194 113.41V113.42Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M119.18 136.97L126.93 135.05L144.11 131.82L154.9 126.41L163.07 119.7L164.95 111.65L169.66 96.39L171.58 84.75L172.8 83.16L146.3 42.67C141.85 35.87 132.72 33.96 125.92 38.41L85.6603 64.75C78.8603 69.2 76.9503 78.33 81.4003 85.13L117.32 140.05L119.19 136.98L119.18 136.97Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M120.87 137.28C120.37 137.28 119.88 137.04 119.58 136.59L84.2396 83.82C82.4096 81.03 81.7896 77.71 82.4696 74.46C83.1496 71.21 85.0496 68.42 87.8296 66.6L126.75 41.14C132.49 37.39 140.21 39 143.96 44.74L171.83 87.35C172.3 88.07 172.1 89.03 171.38 89.5C170.66 89.97 169.7 89.77 169.23 89.05L141.36 46.44C140 44.36 137.9 42.93 135.46 42.42C133.02 41.91 130.53 42.38 128.45 43.74L89.5296 69.2C87.4496 70.56 86.0196 72.66 85.5096 75.1C84.9996 77.54 85.4696 80.03 86.8296 82.11L122.16 134.87C122.64 135.58 122.45 136.55 121.73 137.02C121.46 137.2 121.16 137.28 120.87 137.28Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M199.512 145.954L195.846 147.553L205.267 169.158L208.933 167.559L199.512 145.954Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M164.15 204.18L160.15 204.11C160.39 191.3 147.33 170.88 143.04 164.17C142.59 163.46 142.22 162.89 141.96 162.47C140.28 159.75 128.7 155.53 121.01 153.4C120.76 153.33 120.53 153.21 120.32 153.05C115.75 149.51 113.59 145.95 113.91 142.47C114.32 137.99 118.69 135.68 118.87 135.59C119.13 135.45 119.42 135.38 119.72 135.37C138.57 134.69 149.11 129.77 154.63 125.77C160.52 121.5 162.08 117.34 162.09 117.3C164.58 110.54 170.98 91.77 170.76 85.85C170.6 81.74 173.61 78.39 177.6 78.23C182.52 78.06 188.5 82.76 189.1 96.73C189.32 98.6 191.62 122.02 173.7 131.44L171.84 127.9C187.65 119.59 185.15 97.36 185.13 97.14C185.13 97.09 185.12 97.03 185.12 96.98C184.7 86.66 181.02 82.08 177.78 82.23C176 82.3 174.71 83.79 174.78 85.7C175.09 93.61 166.25 117.64 165.88 118.66C165.62 119.41 158.84 137.79 120.4 139.35C119.69 139.82 118.06 141.07 117.91 142.86C117.75 144.8 119.33 147.15 122.49 149.66C126.57 150.81 142.38 155.52 145.39 160.37C145.64 160.78 146 161.34 146.44 162.02C151.36 169.72 164.44 190.16 164.18 204.19L164.15 204.18Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M185.179 137.32L183.459 133.71C196.679 127.42 199.809 117.31 200.179 115.9C200.549 109.14 199.279 104.52 196.509 102.54C193.089 100.09 188.099 102.08 188.049 102.1L186.519 98.4C186.809 98.28 193.569 95.54 198.809 99.26C202.849 102.13 204.659 107.87 204.169 116.31C204.169 116.42 204.149 116.53 204.119 116.64C203.999 117.17 200.939 129.81 185.179 137.31V137.32Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M182.709 153.47V149.47C182.709 149.47 186.899 149.44 191.409 147.79C197.189 145.68 200.849 142.01 202.289 136.88C203.569 132.34 203.489 128.92 202.049 127.01C200.789 125.33 198.829 125.26 198.809 125.26L198.859 121.26C199.019 121.26 202.809 121.35 205.249 124.62C207.489 127.61 207.779 132.1 206.129 137.97C201.819 153.3 182.889 153.48 182.699 153.48L182.709 153.47Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M103.412 71.4254C102.653 70.2723 102.972 68.7219 104.125 67.9625L121.664 56.4124C122.817 55.653 124.367 55.9722 125.127 57.1253C125.886 58.2784 125.567 59.8288 124.414 60.5882L106.875 72.1383C105.722 72.8977 104.172 72.5785 103.412 71.4254Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramNFCScanAndroid;