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

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

@@ -0,0 +1,50 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBleedPasscode = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M177.34 126.99C199.31 103 191.53 83.23 191.16 82.23L187.44 79.78L187.53 81.52L186.5 85.24C186.82 86.11 192.32 101.74 172.91 122.94L177.33 126.99H177.34Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M110.28 109.44L116.11 108.04C107.12 70.5 123.87 55.9 124.59 55.3V48.3C123.75 48.99 101.22 61.71 110.27 109.44H110.28Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M136.25 220.89C164.002 220.89 186.5 193.351 186.5 159.38C186.5 125.409 164.002 97.87 136.25 97.87C108.498 97.87 86 125.409 86 159.38C86 193.351 108.498 220.89 136.25 220.89Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M136.38 80.68C117.95 65.44 121.06 51.16 126.91 41.86C136.16 27.15 155.19 15.51 173.68 21.7C194.2 28.57 242.31 43.24 242.8 43.39L241.63 47.22C241.15 47.07 192.98 32.38 172.41 25.49C159.9 21.3 141.41 26.31 130.3 43.98C123.03 55.54 125.94 66.84 138.93 77.59L136.38 80.67V80.68Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M148.56 87.73C143.99 87.73 140.42 86.28 137.9 83.4C129.04 73.26 137.59 48.85 137.96 47.82L141.73 49.16C139.44 55.59 134.83 73.81 140.91 80.77C143.38 83.59 147.61 84.4 153.47 83.16L154.29 87.07C152.23 87.5 150.31 87.72 148.54 87.72L148.56 87.73Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M170.25 93.94C169.53 93.94 168.8 93.91 168.08 93.84C159.96 93.07 154.22 89.9 151.01 84.43C143.99 72.48 151.94 54.01 152.29 53.23L155.95 54.84C155.87 55.01 148.47 72.23 154.46 82.41C156.99 86.71 161.7 89.21 168.46 89.85C173.07 90.29 177.48 89.04 180.58 86.42C181.62 85.54 182.43 84.6 182.98 83.63C183.84 82.11 183.87 80.33 183.06 78.76C182.19 77.08 180.54 75.96 178.63 75.76C175.27 75.41 170.66 75.62 167.83 78.61L164.93 75.86C168.06 72.56 172.94 71.15 179.04 71.78C182.29 72.12 185.12 74.04 186.61 76.92C188.05 79.71 188 82.87 186.46 85.59C185.68 86.97 184.57 88.27 183.17 89.46C179.76 92.34 175.15 93.92 170.26 93.92L170.25 93.94Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M184.71 74.72L180.74 74.21C180.8 73.73 182.34 62.3 189.23 58.03L191.33 61.43C186.06 64.69 184.71 74.61 184.7 74.71L184.71 74.72Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M241.76 101.12C200.23 95.75 183.51 77.02 182.82 76.22L185.84 73.59C185.84 73.59 189.96 78.23 198.91 83.4C207.18 88.18 221.42 94.44 242.28 97.14L241.77 101.11L241.76 101.12Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M129.11 183.56C133.29 186.23 137.79 182.99 138.29 176.97L140.42 151.36C140.78 147.07 138.93 142.71 135.95 140.81C131.77 138.14 127.27 141.38 126.77 147.4L124.64 173.01C124.28 177.3 126.13 181.66 129.11 183.56Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramBleedPasscode;

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

@@ -0,0 +1,38 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBleedPending = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M143.95 195.53L142.28 176.3C141.92 172.16 139.39 168.52 135.64 166.73L116.77 157.74C113.02 155.95 110.49 152.31 110.13 148.17L109.97 146.32L109.81 144.47C109.45 140.33 111.31 136.31 114.69 133.9L131.72 121.78C135.11 119.37 136.96 115.35 136.6 111.21L134.93 91.98C134.42 86.13 129.69 81.67 124 81.31L117.61 81.8L115.45 86.07C115.45 86.07 111.12 87.89 110.92 87.67C110.72 87.45 106.21 86.05 106.21 86.05L103.87 82.91L68.7204 85.97C62.2704 86.53 57.4904 92.22 58.0504 98.67L59.7204 117.9C60.0804 122.04 62.6104 125.68 66.3604 127.47L85.2304 136.46C88.9804 138.25 91.5104 141.89 91.8704 146.03L92.0304 147.88L92.1904 149.73C92.5504 153.87 90.6904 157.89 87.3104 160.3L70.2804 172.42C66.8904 174.83 65.0404 178.85 65.4004 182.99L67.0704 202.22C67.6304 208.67 73.3204 213.45 79.7704 212.89L115.51 209.78L133.3 208.23C139.75 207.67 144.53 201.98 143.97 195.53H143.95Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M134.77 95.04H134.71L134.73 91.04H134.76C136.77 91.04 142.27 90.5 144.23 88.03C144.67 87.48 145.19 86.53 144.75 84.7C142.34 74.77 131.47 72.65 122.78 72.62C120.3 72.57 118.65 73.09 118.08 73.96C117.55 74.77 117.75 76.37 118.62 78.34C119.69 80.75 119.54 83.52 118.22 85.77C116.93 87.97 114.73 89.37 112.2 89.6C110.63 89.75 108.91 89.67 107.11 89.39C106.69 89.32 106.3 89.12 106 88.82C105.6 88.41 96.21 78.77 99.09 69.05C101.09 62.29 108.4 57.49 120.81 54.77C121.61 54.6 128.61 53.22 132.8 56.06L130.55 59.37C128.18 57.76 123.2 58.35 121.65 58.68C110.79 61.06 104.49 64.93 102.93 70.18C101.02 76.61 106.74 83.67 108.41 85.54C109.64 85.69 110.79 85.72 111.85 85.62C113.08 85.51 114.15 84.83 114.78 83.75C115.45 82.61 115.52 81.19 114.98 79.96C113.48 76.58 113.4 73.83 114.74 71.77C116.11 69.68 118.79 68.62 122.73 68.62H122.8C141.14 68.68 146.97 76.89 148.64 83.76C149.43 87.02 148.39 89.24 147.37 90.52C143.92 94.88 135.96 95.05 134.78 95.05L134.77 95.04Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M137.92 109.5C137.26 109.5 136.58 109.49 135.9 109.47L136.03 105.47C145.99 105.8 153.01 103.61 156.89 98.96C161.68 93.22 160.06 85.43 160.04 85.35C159.91 84.74 160.07 84.1 160.47 83.63C160.87 83.16 161.47 82.89 162.09 82.92L242.59 86.94L242.39 90.93L164.28 87.03C164.5 90.38 164.18 96.43 159.99 101.47C155.57 106.8 148.15 109.49 137.92 109.49V109.5Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M123.57 58.38C120.05 58.38 107.5 54.63 101.9 49.88C99.8502 48.14 98.7802 46.32 98.7302 44.46C98.6502 41.74 99.8802 39.37 102.2 37.79C106.63 34.75 114.39 34.97 122.43 38.37L120.88 42.06C112.73 38.63 106.94 39.39 104.46 41.1C103.26 41.92 102.69 42.99 102.73 44.36C102.75 44.94 103.25 45.71 104.14 46.53C108.9 50.94 121.61 54.47 123.51 54.39L124.01 58.36C123.89 58.38 123.74 58.39 123.57 58.39V58.38Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M140.25 51.28C139.48 50.98 121.41 43.92 114.1 37.17C112.57 35.76 112.03 33.65 112.68 31.67C113.33 29.7 115.02 28.35 117.08 28.13C121.63 27.66 129.54 28.35 141.26 34.36C149.37 38.52 169.34 35.76 190.49 32.85C206.93 30.58 225.56 28.01 242.5 28.01V32.01C225.83 32.01 207.35 34.56 191.04 36.81C168.3 39.95 148.67 42.66 139.44 37.92C128.6 32.36 121.53 31.69 117.5 32.11C116.81 32.18 116.56 32.71 116.49 32.93C116.41 33.16 116.29 33.74 116.82 34.23C123.58 40.47 141.53 47.48 141.71 47.55L140.26 51.28H140.25Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M80.9904 171.76L73.1704 177.62C71.4304 178.92 70.4804 181.02 70.6504 183.19L72.2004 202.84C72.4704 206.29 75.5004 208.85 78.9404 208.55L132.39 203.87C135.26 203.62 137.07 200.58 135.83 197.97C133.45 192.94 127.3 185.8 111.35 182.61C95.9204 179.53 89.4304 175.28 86.7004 172.34C85.2004 170.72 82.7504 170.44 80.9804 171.76H80.9904Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramBleedPending;

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

@@ -0,0 +1,50 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBleedSearch = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M219.7 160.2L202.57 150.8L200.46 154.65L217.65 164.08"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M119.784 101.777L117.673 105.626L150.173 123.456L152.285 119.607L119.784 101.777Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M240.53 139.02C239.97 138.69 184.34 105.96 154.94 104.19C153.06 104.08 151.251 104.73 149.961 105.99C147.921 107.97 147.14 110.21 147.62 112.66C148.04 114.79 149.46 116.71 151.51 117.93L163.461 125.07L161.41 128.5L149.461 121.36C146.451 119.56 144.35 116.67 143.7 113.44C142.94 109.63 144.14 106.07 147.17 103.12C149.27 101.08 152.19 100.02 155.17 100.2C167.97 100.97 186.58 107.17 210.5 118.63C228.22 127.12 242.42 135.5 242.56 135.58L240.521 139.02H240.53Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M161.91 143.65C160.74 143.65 159.97 143.55 159.86 143.53L159.56 143.46C154.19 141.79 150.67 138.9 149.1 134.87C146.39 127.9 150.76 120.27 150.95 119.95L154.41 121.97L152.68 120.96L154.41 121.96C154.37 122.02 150.82 128.28 152.84 133.44C153.93 136.23 156.53 138.29 160.58 139.59C161.81 139.73 170.31 140.35 174.73 132.25C175.73 130.42 175.63 128.22 174.48 126.51C173.4 124.9 172.23 124.09 171.02 124.09C169.69 124.09 166.78 125.1 162.33 131.81L159 129.6C163.23 123.22 167.16 120.11 171 120.09C172.86 120.08 175.47 120.8 177.8 124.27C179.79 127.22 179.96 131.01 178.24 134.16C173.65 142.58 165.67 143.65 161.92 143.65H161.91Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M175.97 156.06C160.28 156.06 155.07 141.05 155.02 140.89L158.81 139.62L156.91 140.25L158.81 139.61C159.01 140.21 164.01 154.35 179.78 151.72C183.65 151.08 188.19 149.24 187.84 144.11C187.48 138.89 182.3 133.44 177.58 133.31L177.69 129.31C184.46 129.49 191.33 136.55 191.83 143.83C192.25 149.98 188 154.41 180.44 155.66C178.86 155.92 177.37 156.04 175.97 156.04V156.06Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M189.75 164.14C187.09 164.14 183.9 163.61 180.11 162.23L179.94 162.16C179.64 162.02 172.56 158.67 169.35 154.7L172.46 152.19C174.93 155.25 180.82 158.15 181.56 158.51C188.42 160.99 193.94 160.64 197.12 157.54C199.78 154.95 200.66 150.5 199.3 146.47C196.98 139.58 188.97 140.86 188.63 140.92L187.96 136.98C192.01 136.29 200.38 137.12 203.1 145.2C204.93 150.65 203.65 156.76 199.92 160.4C198.24 162.04 195.05 164.14 189.75 164.14Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M189.427 160.415L187.227 163.756L240.444 198.819L242.644 195.479L189.427 160.415Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M129.044 107.827C136.398 92.0847 116.727 67.3492 85.1084 52.5782C53.4896 37.8072 21.896 38.5943 14.542 54.3361C7.1881 70.078 26.8587 94.8135 58.4775 109.585C90.0963 124.355 121.69 123.568 129.044 107.827Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M101.2 113.53C89.86 113.53 75.65 110.18 61.35 103.5C47.77 97.16 36.1 88.8 28.5 79.98C20.71 70.94 18.08 62.43 21.08 56C21.31 55.5 21.91 55.28 22.41 55.52C22.91 55.75 23.13 56.35 22.89 56.85C20.24 62.52 22.77 70.27 30.01 78.68C37.44 87.3 48.87 95.47 62.19 101.7C89.47 114.44 116.21 115.06 121.81 103.07C122.04 102.57 122.64 102.35 123.14 102.59C123.64 102.82 123.86 103.42 123.62 103.92C120.62 110.34 112.28 113.54 101.19 113.54L101.2 113.53Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramBleedSearch;

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

@@ -0,0 +1,34 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBleedStar = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M240.651 198.833C239.26 198.948 206.075 201.433 172.158 181.75C160.009 174.701 152.983 165.878 151.29 155.54C149.763 146.246 153.193 141.652 156.329 139.438C163.25 134.562 172.252 134.551 178.212 139.407C183.23 143.49 184.516 149.849 181.652 156.427L177.815 154.767C179.916 149.932 179.101 145.515 175.577 142.644C171.761 139.542 164.756 138.624 158.744 142.853C155.597 145.077 154.479 149.118 155.419 154.861C156.904 163.914 163.25 171.746 174.27 178.137C207.068 197.173 239.992 194.698 240.316 194.667L240.661 198.833H240.651Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M178.274 167.047C175.054 167.872 170.192 167.809 164.17 163.685L166.533 160.239C170.642 163.048 174.406 163.935 177.751 162.849C178.86 162.494 179.654 161.617 179.926 160.437C180.229 159.142 179.832 157.764 178.891 156.845C173.088 151.175 168.122 148.815 164.578 150.016C159.789 151.634 157.635 159.56 157.207 162.473L153.066 161.878C153.14 161.346 155.032 148.836 163.229 146.058C168.446 144.294 174.709 146.904 181.818 153.848C183.805 155.79 184.641 158.672 184.004 161.387C183.397 163.988 181.536 166.013 179.037 166.817C178.797 166.89 178.546 166.974 178.284 167.037L178.274 167.047Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M239.207 150.862C218.809 156.093 195.285 141.025 193.581 140.378C192.608 140.002 192.065 138.968 192.295 137.955C194.229 129.685 191.772 121.321 190.141 117.061C189.597 115.651 188.102 114.815 186.586 115.077C185.405 115.275 184.432 116.11 184.066 117.228C182.383 122.47 180.188 132.807 180.167 132.912C179.958 133.883 179.1 134.572 178.107 134.572C174.092 134.541 157.322 127.973 143.96 122.459C141.827 121.582 139.517 121.373 137.258 121.853C135.272 122.282 133.86 123.973 133.787 125.978C133.735 127.273 134.247 128.516 135.188 129.372C140.907 134.603 155.691 141.861 155.837 141.934L153.997 145.682C153.37 145.38 138.523 138.091 132.365 132.442C130.525 130.75 129.521 128.338 129.615 125.811C129.762 121.885 132.564 118.575 136.401 117.76C139.485 117.102 142.653 117.395 145.57 118.596C163.093 125.822 172.67 129.184 176.518 130.113C177.25 126.803 178.797 120.037 180.104 115.954C180.94 113.343 183.178 111.422 185.896 110.952C189.378 110.357 192.807 112.288 194.062 115.557C195.745 119.953 198.212 128.359 196.738 137.078C204.893 140.023 228.209 153.441 242.898 144.952L244.989 148.564C243.275 149.556 241.319 150.308 239.197 150.851L239.207 150.862Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M90.6694 45.3334L98.4586 61.1011C99.5878 63.3879 101.783 64.9855 104.314 65.351L121.732 67.878C128.11 68.8074 130.661 76.6285 126.04 81.1186L113.441 93.3882C111.611 95.1738 110.775 97.7425 111.204 100.259L114.183 117.583C115.271 123.921 108.611 128.766 102.902 125.769L87.3237 117.593C85.0549 116.403 82.3575 116.403 80.0887 117.593L64.5104 125.769C58.8018 128.766 52.1418 123.931 53.2291 117.583L56.2089 100.259C56.6375 97.7425 55.8011 95.1738 53.9715 93.3882L41.3729 81.1186C36.7621 76.6285 39.3027 68.7969 45.6804 67.878L63.0989 65.351C65.6291 64.9855 67.8247 63.3983 68.9538 61.1011L76.743 45.3334C79.5973 39.5589 87.836 39.5589 90.6903 45.3334H90.6694Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M60.0147 93.0645C59.6906 93.0645 59.356 92.9392 59.1051 92.699L49.0994 82.9565C47.0501 80.962 46.3183 78.0278 47.207 75.3024C48.0957 72.577 50.4063 70.6348 53.2397 70.2171L67.072 68.2122C68.6612 67.9825 70.0308 66.9905 70.7418 65.5494L76.9208 53.0398C78.1859 50.471 80.7579 48.8734 83.6227 48.8734C86.4874 48.8734 89.0594 50.471 90.3245 53.0398L96.5035 65.5494C96.8172 66.1969 96.5558 66.9696 95.918 67.2933C95.2698 67.6065 94.4961 67.3455 94.172 66.6981L87.9929 54.1884C87.1565 52.4863 85.5255 51.4734 83.6227 51.4734C81.7302 51.4734 80.0992 52.4863 79.2523 54.1884L73.0733 66.6981C71.9859 68.9014 69.8844 70.4259 67.4484 70.781L53.6161 72.7859C51.7446 73.0573 50.2704 74.3 49.6849 76.096C49.0994 77.8921 49.5594 79.7612 50.9186 81.0873L60.9243 90.8299C61.4366 91.3311 61.447 92.156 60.9452 92.6677C60.6943 92.9287 60.3492 93.0645 60.0147 93.0645Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramBleedStar;

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

@@ -0,0 +1,66 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBleedStopSecurity = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M146.44 118.44L166.6 90.39C168.23 88.12 168.6 85.09 167.6 82.18L149.06 28.43C147.66 24.38 143.89 21.37 139.71 20.97L108.86 18.04C106.84 17.85 104.9 18.29 103.29 19.3L78.7799 34.73C75.4599 36.82 74.1599 40.98 75.5499 45.02L94.0899 98.77C95.0899 101.67 97.3499 104.11 100.2 105.37L135.4 120.93C139.54 122.76 144.06 121.74 146.43 118.44H146.44Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M139.44 177.28C138.23 177.28 137.05 177.17 135.95 176.93C129.85 175.63 126.7 170.9 127.29 163.94C128.01 155.51 133.66 149.02 143.63 145.17C148.53 143.28 153.96 142.36 159.77 142.42L240.2 143.36L240.15 147.36L159.72 146.42C154.42 146.35 149.49 147.19 145.07 148.9C136.51 152.2 131.86 157.37 131.28 164.27C130.85 169.26 132.66 172.12 136.79 173C143.14 174.36 151.4 170.44 152.24 168.02C152.7 166.7 153.11 163.71 151.71 160.88C150.48 158.4 148.12 156.56 144.68 155.42L145.94 151.62C150.43 153.11 153.58 155.63 155.3 159.11C157.15 162.86 156.84 166.97 156.01 169.34C154.51 173.65 146.4 177.26 139.44 177.26V177.28Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M155.27 160.29L152.05 157.91C152.23 157.67 156.41 152.07 161.93 150.39L163.09 154.22C158.85 155.51 155.3 160.24 155.26 160.29H155.27Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M145.16 195.21C140.55 194.62 137.07 192.67 134.83 189.42C130.51 183.14 132.57 174.35 132.66 173.97L136.55 174.91C136.53 174.98 134.83 182.37 138.14 187.16C139.71 189.43 142.24 190.8 145.68 191.24L145.17 195.21H145.16Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M178.81 189.35C171.35 187.97 167.59 184.21 165.74 181.3C163.73 178.14 163.51 175.33 163.49 175.02L167.48 174.77L165.48 174.89L167.48 174.75C167.51 175.1 168.26 183.31 179.54 185.41L178.81 189.34V189.35Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M158.8 188.73L154.92 187.75C155.98 183.55 155.74 180.26 154.21 177.96C152.42 175.27 149.33 174.78 149.3 174.77L149.85 170.81C150.05 170.84 154.68 171.51 157.49 175.68C159.71 178.96 160.15 183.35 158.79 188.73H158.8Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M157.69 205.89C154.44 205.89 148.42 204.87 142.94 198.41C142.02 197.32 141.68 195.89 142.01 194.49C142.34 193.1 143.32 191.94 144.62 191.39L161.9 184.06C163.69 183.49 165.64 183.72 167.25 184.7C168.9 185.7 170.04 187.38 170.37 189.3C171.38 195.16 168.99 200.39 163.64 204.02C161.88 205.21 159.9 205.86 157.92 205.89C157.84 205.89 157.76 205.89 157.68 205.89H157.69ZM163.2 187.85L146.19 195.07C146 195.15 145.93 195.32 145.91 195.42C145.88 195.53 145.88 195.69 146 195.83C150.32 200.93 154.82 201.93 157.87 201.9C159.07 201.88 160.29 201.47 161.4 200.72C165.49 197.95 167.18 194.34 166.44 189.99C166.31 189.21 165.85 188.54 165.19 188.13C164.58 187.76 163.88 187.67 163.21 187.86L163.2 187.85Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M239.97 204.57C204.23 201.09 163.09 204.32 162.68 204.35L162.36 200.36C162.78 200.33 204.26 197.07 240.36 200.58L239.97 204.56V204.57Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M158.28 152.17L153.82 156.45L147.68 152.19L134.78 115.9L144.21 112.55L158.28 152.17Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M142.49 82.64C142.19 82.64 141.88 82.54 141.62 82.34L98.5803 48.61C97.9703 48.13 97.8603 47.24 98.3403 46.63C98.8203 46.02 99.7103 45.91 100.32 46.39L143.36 80.12C143.97 80.6 144.08 81.49 143.6 82.1C143.32 82.46 142.91 82.64 142.49 82.64Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M114.92 92.44C114.82 92.44 114.71 92.43 114.61 92.4C113.85 92.23 113.37 91.47 113.54 90.71L125.65 37.39C125.82 36.63 126.58 36.15 127.34 36.32C128.1 36.49 128.58 37.25 128.41 38.01L116.3 91.33C116.15 91.99 115.57 92.43 114.92 92.43V92.44Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M137.06 115.27C135.67 115.27 134.24 114.98 132.86 114.36L102.07 100.75C99.1996 99.48 96.9696 97.07 95.9596 94.14L79.7496 47.14C78.2996 42.95 79.6696 38.67 83.1496 36.48L104.59 22.99C106.27 21.93 108.26 21.48 110.35 21.68L137.33 24.24C141.54 24.64 145.3 27.64 146.71 31.71L162.92 78.71C163.94 81.66 163.54 84.83 161.86 87.17L144.23 111.7C142.57 114.01 139.92 115.25 137.07 115.25L137.06 115.27ZM109.4 24.46C108.19 24.46 107.06 24.77 106.1 25.38L84.6596 38.87C82.3196 40.35 81.4196 43.3 82.4196 46.22L98.6296 93.22C99.3796 95.38 101.09 97.22 103.21 98.16L134 111.77C137 113.09 140.25 112.39 141.93 110.06L159.56 85.53C160.71 83.93 160.97 81.73 160.25 79.64L144.04 32.64C142.99 29.6 140.19 27.36 137.07 27.06L110.09 24.5C109.86 24.48 109.63 24.47 109.41 24.47L109.4 24.46Z"
+      fill={colorValues.secondary}
+    />
+    <Path
+      d="M177.42 221.71C174.82 222.63 171.96 221.27 171.03 218.67L165.39 202.81L165.96 202.27C169.34 199.08 171.02 194.49 170.51 189.88L170.9 188.45L180.45 215.33C181.37 217.93 180.01 220.79 177.41 221.72L177.42 221.71Z"
+      fill={colorValues.main}
+    />
+  </Svg>
+);
+
+export default PictogramBleedStopSecurity;

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

@@ -0,0 +1,42 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBleedSuccess = ({
+  size,
+  colorValues,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M137.74 163L138.84 154.59L144.14 151.04L149.2 150.64L150.77 145.76L151.6 140.21L157.26 137.18L164.61 136.39L169.68 137.46L174 142.94L176.47 123.11L180.39 114.13L186.17 108.81L190.7 108.06C190.99 105.44 191.14 102.77 191.14 100.07C191.13 59.71 158.42 27 118.07 27C77.72 27 45 59.71 45 100.07C45 140.43 77.71 173.14 118.07 173.14C125.78 173.14 133.21 171.94 140.19 169.72L137.74 163Z"
+      fill={colorValues.main}
+    />
+    <Path
+      d="M166.56 202.43C165.22 202.43 163.76 202.28 162.18 201.99C151.15 199.96 143.39 190.52 140.85 182.61C139.3 177.78 139.68 173.7 141.89 171.41L144.77 174.19C143.67 175.34 143.62 178.16 144.66 181.39C146.85 188.2 153.49 196.32 162.9 198.06C167.28 198.87 170.24 198.38 171.69 196.61C174.14 193.63 172.38 187.19 171.5 184.96L175.22 183.48C175.64 184.52 179.16 193.82 174.79 199.15C173 201.34 170.23 202.44 166.55 202.44L166.56 202.43Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M170.3 185.03C167.26 185.03 163.58 184.5 159.24 183.44C141.92 179.21 137.67 167.05 136.68 160.18C136.14 156.43 137.11 152.72 139.35 150C142.27 146.45 146.17 145.76 150.32 148.07L148.38 151.57C145.94 150.21 144.11 150.51 142.44 152.54C140.92 154.39 140.26 156.97 140.64 159.61C141.49 165.48 145.15 175.88 160.19 179.55C170.63 182.1 175.38 180.92 176.35 178.96C177.07 177.51 175.95 175.3 174.86 174.42L177.37 171.31C179.91 173.36 181.56 177.45 179.93 180.73C178.52 183.58 175.29 185.01 170.3 185.01V185.03Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M176.04 174.91C171.15 174.91 164.54 171.85 155.1 165.28C149.46 161.35 146.8 155 147.42 146.9C147.99 139.4 153.73 133.3 160.77 132.73C162.86 132.56 167.19 132.21 170.5 135.15C172.97 137.34 174.31 140.9 174.49 145.72L170.49 145.87C170.35 142.18 169.46 139.58 167.84 138.14C165.96 136.47 163.37 136.53 161.09 136.72C155.99 137.13 151.83 141.64 151.41 147.2C150.9 153.9 152.91 158.88 157.39 162C167.14 168.79 173.7 171.65 177.46 170.76C178.86 170.43 179.91 169.55 180.75 168C181.56 166.51 180.2 164.2 179.33 162.95C175 156.78 164.68 150.76 160.98 151.32L160.38 147.37C166.39 146.45 177.99 154.08 182.6 160.65C185.72 165.09 185.23 168.14 184.27 169.91C182.89 172.46 180.91 174.06 178.39 174.66C177.66 174.83 176.88 174.92 176.05 174.92L176.04 174.91Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M223.72 163.99C216.56 163.99 209.43 162.21 202.56 158.66C195.77 155.15 191.16 148.53 190.22 140.96C189.71 136.81 190.59 131.5 191.44 126.37C192.45 120.28 193.6 113.39 191.63 111.07C191.3 110.68 190.69 110.17 189.14 110.17C186.23 110.17 183.82 111.21 181.75 113.36C173.79 121.63 174.48 142.44 174.49 142.65L170.49 142.8C170.46 141.88 169.74 120.07 178.86 110.59C181.68 107.66 185.13 106.18 189.13 106.18C191.51 106.18 193.37 106.96 194.67 108.49C197.83 112.22 196.64 119.41 195.37 127.03C194.57 131.88 193.73 136.89 194.17 140.47C194.96 146.83 198.68 152.16 204.38 155.11C216.22 161.24 228.9 161.59 241.05 156.14L242.69 159.79C236.44 162.59 230.06 163.99 223.71 163.99H223.72Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M218.04 212.26C211.3 212.26 203.56 211.4 194.77 209.19C181.23 205.77 171.72 200.8 171.33 200.59L173.2 197.05C173.57 197.25 210.88 216.58 241.12 204.01L242.66 207.7C236.97 210.06 228.8 212.25 218.05 212.25L218.04 212.26Z"
+      fill={colorValues.hands}
+    />
+    <Path
+      d="M112.22 123.5C111.82 123.5 111.43 123.34 111.15 123.05L85.92 97.31C85.34 96.72 85.35 95.77 85.94 95.19C86.53 94.61 87.48 94.62 88.06 95.21L112.19 119.83L154.55 74.35C155.11 73.74 156.07 73.71 156.67 74.27C157.28 74.83 157.31 75.78 156.75 76.39L113.32 123.02C113.04 123.32 112.65 123.49 112.24 123.5H112.22Z"
+      fill={colorValues.secondary}
+    />
+  </Svg>
+);
+
+export default PictogramBleedSuccess;

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;