@pagopa/io-app-design-system 1.0.0-0

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

@@ -0,0 +1,46 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramEmptyArchive = ({
+  size,
+  color,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M181.123 37.8645 53.4195 71.3597c-3.6208.9361-7.3172-1.238-8.2546-4.8615l-6.3496-24.5421c-.9374-3.616 1.2397-7.3075 4.868-8.2436L171.387.21733c3.621-.93608 7.317 1.23805 8.255 4.8616l6.349 24.54207c.938 3.616-1.239 7.3075-4.868 8.2435ZM78.2362 171.992h-8.0807c-2.88 0-5.2082-2.332-5.2082-5.201V85.2912c0-2.8762 2.3357-5.2014 5.2082-5.2014H192.795c2.88 0 5.208 2.3327 5.208 5.2014v80.1938c0 2.876-2.336 5.201-5.208 5.201h-71.797l-2.767-5.02-6.523-5.828-7.416-1.872-7.2185.196-9.2901 4.839-9.5396 8.984-.0076.007Z"
+      fill="#AAEEEF"
+    />
+    <Path
+      d="m53.5174 192.639-3.2429 3.11c-.0907.083-.136.196-.136.317s.0453.234.1285.325l2.4718 2.574c.0907.091.2117.136.3251.136.1133 0 .2267-.045.3174-.129l37.6822-36.092c1.1944-.573 9.3955-4.295 17.0155-1.645 4.725 1.638 8.474 5.435 11.142 11.286-.053 1.132-.4 4.37-2.645 5.571-2.994 1.6-9.132-.589-16.827-5.994-.0983-.068-.2193-.098-.3402-.076-.121.023-.2268.091-.2948.189l-2.0485 2.914c-.0681.098-.0983.219-.0756.34.0226.12.0907.226.1889.294 9.6912 6.809 16.7362 8.863 21.5362 6.266 5.155-2.786 4.996-9.738 4.989-10.033-.015-.287-.076-.566-.189-.815-3.198-7.293-7.907-12.056-13.992-14.155-10.1822-3.518-20.387 1.835-20.8179 2.061-.1739.098-.3402.212-.4914.355l-31.4459 30.113-16.3957-15.015c-.1814-.166-.4687-.158-.6425.03l-2.4114 2.627c-.0831.091-.1209.204-.1209.325 0 .121.0604.234.1436.317l16.1841 14.819-.0076-.015Z"
+      fill="#0B3EE3"
+    />
+    <Path
+      d="M157.463 170.506c-.075-.166-.234-.272-.415-.272l-3.75.038c-.151 0-.294.076-.378.204-.083.128-.098.287-.037.43.869 2.001 1.776 5.405 1.043 6.726-.65 1.178-2.132 1.578-2.525 1.661h-.272c-.771 0-1.519.023-2.275.046 1.595-3.428.831-6.93-.461-8.863-.084-.128-.265-.204-.394-.204l-3.696.106c-.181 0-.34.128-.401.302-.06.173 0 .377.129.498.242.226 1.134 2.053 1.02 4.212-.09 1.759-.808 3.231-2.124 4.379-26.956 3.155-44.9009 21.462-59.5807 36.439-8.2923 8.463-15.4508 15.77-22.4128 18.495-9.9931 3.903-24.0606-6.431-34.1142-15.785-11.2934-10.516-20.08462-22.164-20.16777-22.285-.07559-.098-.18142-.158-.30237-.173-.12094-.015-.24189.015-.34016.083l-2.84979 2.136c-.19653.151-.24189.431-.0907.634 1.24725 1.661 30.78829 40.682 53.23889 40.682 2.2148 0 4.3162-.385 6.2514-1.14 7.8539-3.072 15.3223-10.697 23.985-19.537 15.5262-15.845 34.8472-35.571 64.5772-35.571h.439c.143 0 .219 0 .325-.022.166-.023 4.036-.574 5.911-3.903 1.391-2.469 1.27-5.609-.355-9.331l.022.015Z"
+      fill="#0B3EE3"
+    />
+    <Path
+      d="M55.2491 67.1869c-.4989 0-.96-.3321-1.0961-.8455-.1587-.6039.1965-1.2229.8088-1.3815L177.17 32.6046c1.126-.2944 2.064-1.0191 2.646-2.0231.582-1.004.733-2.1817.431-3.299l-3.311-12.2672c-.167-.6039.196-1.2229.801-1.389.605-.1661 1.225.1963 1.391.8002l3.311 12.2672c.461 1.7061.227 3.4952-.658 5.0277-.884 1.5325-2.321 2.6271-4.029 3.08L55.5439 67.1567c-.0983.0227-.1965.0378-.2948.0378v-.0076ZM188.674 166.7h-64.222c-.627 0-1.134-.506-1.134-1.132 0-.627.507-1.133 1.134-1.133h64.222c1.905 0 3.447-1.547 3.447-3.442V90.7339c0-.6265.507-1.1323 1.134-1.1323.628 0 1.134.5058 1.134 1.1323v70.2591c0 3.148-2.562 5.707-5.715 5.707ZM190.138 53.3575c-.31 0-.613-.1208-.839-.3699-.424-.4605-.393-1.1777.068-1.6004l26.298-24.0891c.461-.4227 1.179-.3925 1.602.0679.424.4605.393 1.1777-.068 1.6004l-26.298 24.0891c-.219.1963-.491.2944-.763.2944v.0076Z"
+      fill="#00C5CA"
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M191.138 54.3575h-1c-.576 0-1.151-.228-1.577-.6949-.795-.867-.739-2.2163.13-3.0125l26.298-24.0891c0 .0001 0-.0001 0 0 .867-.7947 2.217-.7389 3.015.1283.797.867.74 2.2175-.129 3.0142l-26.307 24.0971c-.133.1194-.278.2196-.43.3004v.2565Zm-1-1.0076c.272 0 .544-.0981.763-.2944l26.298-24.0891c.461-.4227.492-1.1399.068-1.6004-.423-.4604-1.141-.4906-1.602-.0679l-26.298 24.0891c-.392.3588-.473.9298-.229 1.3759.043.0794.097.1549.161.2245.194.2132.443.3324.705.3623.045.0051.089.0076.134.0076v-.0076Z"
+      fill="#00C5CA"
+    />
+    <Path
+      d="M194.287 66.5923c-.552 0-1.035-.4077-1.119-.9663-.09-.619.333-1.1928.953-1.2833l37.372-5.526c.62-.0905 1.195.3322 1.285.9512.091.619-.332 1.1928-.952 1.2834l-37.372 5.5259c-.053.0075-.114.0151-.167.0151Z"
+      fill="#00C5CA"
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M192.179 65.7732v-.0022c-.17-1.1607.626-2.2461 1.796-2.4177 0 .0001.001 0 0 0l37.374-5.526c1.159-.1695 2.247.6233 2.419 1.7956.17 1.1608-.626 2.2462-1.797 2.4177 0 .0001 0 0 0 0l-37.376 5.5266c-.054.0077-.177.0251-.308.0251-1.042 0-1.951-.7656-2.108-1.8191Zm2.275.804c-.053.0075-.114.0151-.167.0151-.552 0-1.035-.4077-1.119-.9663-.09-.619.333-1.1928.953-1.2833l37.372-5.526c.62-.0905 1.195.3322 1.285.9512.091.619-.332 1.1928-.952 1.2834l-37.372 5.5259Z"
+      fill="#00C5CA"
+    />
+  </Svg>
+);
+
+export default PictogramEmptyArchive;

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramError = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.197 31.264a.86.86 0 0 0-.032.099 1.12 1.12 0 0 1-.022.073c-.067.189-.107.387-.119.587 0 .02-.006.039-.012.058-.006.02-.012.04-.012.062v85.714c0 1.184.96 2.143 2.143 2.143h85.714a2.142 2.142 0 0 0 2.143-2.143V2.143A2.143 2.143 0 0 0 102.857 0H45a.22.22 0 0 0-.066.013.232.232 0 0 1-.058.013c-.2.01-.397.05-.585.117-.074.023-.145.05-.215.082a2.068 2.068 0 0 0-.484.325c-.046.034-.091.07-.135.108 0 0-.023.015-.032.025l-27.857 30c-.155.173-.28.369-.371.581ZM42.857 7.6V30h-20.8l20.8-22.4ZM45 34.286H19.286v81.428h81.428V4.286H47.143v27.857c0 1.183-.96 2.143-2.143 2.143Z"
+    />
+    <Path
+      fill={color}
+      d="M50.694 55.16c.154-.144.286-.309.39-.491.052-.069.1-.14.143-.214a2.034 2.034 0 0 0 0-1.767 1.69 1.69 0 0 0-.144-.214 2.086 2.086 0 0 0-.389-.493c-.028-.025-.039-.062-.069-.086l-10.714-8.571a2.144 2.144 0 0 0-2.679 3.347l5.944 4.758H36.43a2.143 2.143 0 0 0 0 4.285h6.747l-5.944 4.756a2.143 2.143 0 1 0 2.679 3.346l10.714-8.572c.03-.023.04-.06.07-.084ZM83.571 51.429h-6.747l5.944-4.756a2.143 2.143 0 1 0-2.679-3.346l-10.714 8.571c-.03.023-.04.06-.07.085a2.077 2.077 0 0 0-.388.49c-.053.07-.1.141-.144.215a2.034 2.034 0 0 0 0 1.767c.043.074.091.145.144.214.103.182.235.347.389.49.028.026.039.063.069.086l10.714 8.57a2.143 2.143 0 1 0 2.679-3.345l-5.944-4.756h6.747a2.143 2.143 0 0 0 0-4.285ZM60 70.714a19.21 19.21 0 0 0-17.883 12.054 2.144 2.144 0 0 0 3.973 1.607 15.002 15.002 0 0 1 27.82 0 2.141 2.141 0 0 0 3.684.524c.47-.607.582-1.42.289-2.131A19.21 19.21 0 0 0 60 70.714Z"
+    />
+  </Svg>
+);
+
+export default PictogramError;

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

@@ -0,0 +1,59 @@
+import React from "react";
+import Svg, { ClipPath, Defs, G, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramFeedback = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 64 64" {...props}>
+    <G clipPath="url(#a)">
+      <G clipPath="url(#b)">
+        <Path
+          fill="#0B3EE3"
+          fillRule="evenodd"
+          d="M20.5176 40.1409c-.0003-.0003-.0006-.0004.3153-.4302.3147-.4282.3158-.4297.3159-.4297l.0038.0028.0136.0099c.0122.0089.0308.0224.0557.0403.0497.0359.1244.0893.223.1589.1971.139.4896.3424.8687.5976.7582.5105 1.8623 1.2284 3.2415 2.0548 2.7598 1.6536 6.6146 3.7376 10.9998 5.4647 8.8084 3.4691 19.5767 5.4296 27.9625-.1438l.5904.8883c-8.8496 5.8817-20.0712 3.7424-28.9438.2479-4.4552-1.7546-8.3638-3.8684-11.1571-5.5421-1.3974-.8373-2.5174-1.5654-3.2891-2.085-.3858-.2598-.6847-.4676-.8878-.6108a31.98028 31.98028 0 0 1-.2316-.165c-.0263-.019-.0463-.0335-.0599-.0434l-.0156-.0113-.0053-.0039Z"
+          clipRule="evenodd"
+        />
+        <Path
+          fill="#AAEEEF"
+          d="M30.3118 10.7271c-2.5823-1.73966-6.4608-1.93295-8.9519-.0712l-1.9241 1.7599c-.6582.4985-2.3392 2.2788-2.805 2.9604l-4.7646 6.6234c.7595.2136 1.1257.6303 1.7333 1.2 1.4785 1.3734 1.3334 1.3333 1.5325 2.2666-.6379 1.2513.8608 1.5483-.5974 1.2939.8101 1.1293-1.6017 0-.6684 3.0724-.5873 1.1394-.4.4337-1.5291.5671.5873 1.0071.5468 3.3216 0 4.4-1.0042 1.3333-3.38228.2478-5.67089-.8-.59747-.2747-1.21519-1.1117-1.6-1.6l-3.02785 4.8085-.17215 14.3036 2.82532-1.0275 11.81767-4.3135 10.9266-16.3382-4.5468-2.5128-2.6127-2.0856-1.2557-2.8078.3241-1.1394 1.1848-1.7701 1.7215-.5494 2.3393-.1933 1.4481.8037 2.4607 1.0377 3.7064 2.0652 1.0632-3.9371c.8203-3.0418-.3746-6.2667-2.9772-8.0165h.0203ZM7.73963 48.2868c-.91139-2.1669-3.37215-3.0622-4.77975-3.3979l.08101-6.9382 1.21519-.3967c2.65317.6205 7.21012 2.3093 10.95692 6.8771l.1621 1.058-7.6456 2.7875.01013.0102Z"
+        />
+        <Path
+          fill="#0B3EE3"
+          fillRule="evenodd"
+          d="M64.8886 16.5486c0 .0002-.0001.0004.5018.1807.502.1804.5018.1807.5017.1811l-.0004.001-.0011.0031-.0038.0104c-.0033.0088-.0079.0211-.0139.037a7.13563 7.13563 0 0 1-.0529.1355c-.0467.1167-.1165.2848-.211.4958-.189.4219-.4769 1.0161-.8759 1.7144-.7973 1.395-2.0435 3.2144-3.8391 4.9046-3.6112 3.3992-9.4145 6.2416-18.12 4.1345-3.3128-.8008-6.4079-2.2853-9.2239-4.1644l-.0002-.0001c-1.8793-1.2553-4.57-2.8953-7.091-3.8772-1.2626-.4918-2.4482-.8046-3.4494-.8387-.9974-.034-1.7437.2082-2.2388.7469-.8079.8813-1.0454 1.6695-1.0054 2.3495.041.6981.3796 1.3702.8884 1.9915 1.0258 1.2525 2.6038 2.1298 3.0622 2.3601.0149.0075.031.0155.0483.0242.5315.2666 2.1878 1.0973 3.5695 2.1298.708.529 1.3895 1.1438 1.7995 1.7974.4186.6673.6068 1.4791.0924 2.2449l-.8855-.5947c.1894-.282.1851-.6122-.1105-1.0833-.3042-.4849-.8588-1.0051-1.5344-1.5099-1.3038-.9743-2.8887-1.7695-3.4162-2.0342a15.72749 15.72749 0 0 1-.0419-.021c-.4935-.2479-2.2369-1.2068-3.4086-2.6375-.59-.7203-1.0691-1.6015-1.1281-2.6047-.06-1.0211.3202-2.0817 1.2843-3.1332l.0004-.0004c.7808-.8499 1.8838-1.1316 3.0607-1.0915 1.1731.04 2.4869.3993 3.8002.9108 2.6309 1.0248 5.3985 2.7165 7.2964 3.9842 2.7333 1.8239 5.7141 3.2489 8.8822 4.0147l.0002.0001c8.3171 2.0131 13.7594-.6941 17.1381-3.8745 1.6993-1.5995 2.8841-3.3274 3.6441-4.6572.3795-.6641.6519-1.2267.8285-1.6211.0882-.1971.1525-.3519.1942-.4561.0209-.0521.0361-.0916.0458-.1173a1.3943 1.3943 0 0 0 .0105-.0281l.0023-.0061.0003-.001Z"
+          clipRule="evenodd"
+        />
+        <Path
+          fill="#0073E6"
+          d="M10.5899 35.7312c.9763 0 1.7064-.299 2.18-.895 1.1769-1.4824.151-4.1887.1055-4.3019l-.9059.3738c.242.628.7197 2.4436.0434 3.2916-.4054.5084-1.2162.6493-2.41576.4208-2.55435-.487-4.35583-2.7619-4.94943-4.6693-.28543-.9164-.26888-1.7216.04136-2.0527L3.98585 27.2c-.58119.6237-.68047 1.7387-.26888 3.0609.6784 2.1851 2.7529 4.7911 5.70229 5.3528.42193.0791.81074.1196 1.16864.1196l.002-.0021Z"
+        />
+        <Path
+          fill="#0073E6"
+          d="M11.6568 30.9334c1.6111 0 2.2968-.561 2.5777-1.1387.4213-.8667-.0228-1.9843-.6754-2.5241l-.6134.7739c.3139.2572.6216.8793.4151 1.3074-.2685.5545-1.5656.894-4.39929.1876-4.0709-1.0142-5.06436-3.8926-5.29361-5.5163-.10327-.7401.07642-1.4613.49363-1.9821.46471-.5799.97693-.6663 1.66264-.2783l.47297-.8688c-1.09466-.62-2.11909-.4365-2.88742.5187-.5907.7338-.84888 1.7397-.7043 2.7539.26437 1.8725 1.40034 5.1853 6.02683 6.3408 1.21445.3037 2.17275.426 2.92665.426h-.0021Z"
+        />
+        <Path
+          fill="#00C5CA"
+          fillRule="evenodd"
+          d="M25.2897 29.8016c.1832.1234.2317.372.1082.5552l-8.5333 12.6667c-.1234.1832-.372.2317-.5552.1083-.1833-.1235-.2317-.3721-.1083-.5553l8.5333-12.6666c.1235-.1833.3721-.2317.5553-.1083ZM31.0131 13.646c.1955-.1029.4374-.0278.5403.1677 1.4255 2.7085.4295 5.4084-.434 6.5596-.1325.1768-.3832.2126-.56.08-.1767-.1325-.2125-.3832-.08-.56.7366-.9821 1.6072-3.3489.3661-5.707-.1029-.1955-.0279-.4374.1676-.5403Z"
+          clipRule="evenodd"
+        />
+        <Path
+          fill="#0B3EE3"
+          d="M13.7537 27.9284c-.1911.0484-.3944.0716-.6099.0716l.002-.0021c-1.283 0-3.0235-.8356-5.51216-2.6287-1.47614-1.065-2.17355-2.7908-2.01089-4.9902.14843-2.031 1.64897-3.6789 3.48704-3.8326 1.29021-.1106 3.55651-.5461 5.55651 1.5874l-.5334.7991c-1.6-1.92-3.9625-1.7315-4.94382-1.3973-1.37245.1158-2.4948 1.3701-2.60867 2.9192-.13826 1.8563.40259 3.2348 1.60221 4.0999 2.59238 1.8689 4.34098 2.6561 5.35158 2.4077.3863-.0947.673-.3431.9027-.7829.2257-.4315-.1423-1.086-.3802-1.4375-1.124-1.6538-3.64-3.215-4.75269-3.2159-.05252 0-.10301.0042-.14949.0105l-.14437-.9808c.6134-.0985 1.45455.1619 2.32275.6191V21.2l.9028.5159c1.0461.6981 2.0308 1.6084 2.6058 2.4557.8113 1.1955.6852 2.01.4372 2.4835-.3599.684-.8723 1.1134-1.525 1.2733Z"
+        />
+      </G>
+    </G>
+    <Defs>
+      <ClipPath id="a">
+        <Path fill="#fff" d="M0 0h64v64H0z" />
+      </ClipPath>
+      <ClipPath id="b">
+        <Path
+          fill="#fff"
+          d="M0 0h64v42.6667H0z"
+          transform="translate(1.86621 9.33334)"
+        />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default PictogramFeedback;

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

@@ -0,0 +1,60 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramFireworks = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M77.035 34.443a2.34 2.34 0 0 1 1.222 3.758l-6.434 7.772.637 10.068a2.339 2.339 0 0 1-3.197 2.323l-9.38-3.716-9.379 3.716a2.34 2.34 0 0 1-3.196-2.323l.636-10.068L41.51 38.2a2.34 2.34 0 0 1 1.22-3.757l9.773-2.507 5.404-8.52a2.339 2.339 0 0 1 3.95 0l5.405 8.52 9.772 2.507Zm-9.94 10.9a2.339 2.339 0 0 1 .533-1.64l4.672-5.645-7.098-1.82a2.34 2.34 0 0 1-1.394-1.013l-3.925-6.188-3.925 6.188a2.34 2.34 0 0 1-1.394 1.013l-7.098 1.82 4.673 5.646c.38.458.57 1.044.532 1.639l-.462 7.313 6.813-2.7a2.338 2.338 0 0 1 1.723 0l6.813 2.7-.462-7.313Z"
+    />
+    <Path
+      fill={color}
+      d="M59.883 65.188a2.34 2.34 0 0 0-2.339 2.34v49.899a2.34 2.34 0 1 0 4.679 0v-49.9a2.34 2.34 0 0 0-2.34-2.339ZM96.526 56.574a2.339 2.339 0 0 0-3.3-.222c-4.045 3.534-7.345 8.367-9.808 14.365-3.32 8.085-5.004 18.109-5.004 29.793a2.34 2.34 0 0 0 4.679 0c0-25.312 8.277-36.324 13.21-40.635a2.34 2.34 0 0 0 .223-3.301Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M117.525 42.031a2.338 2.338 0 0 1 1.976 3.422l-2.245 4.29 1.262 4.516a2.339 2.339 0 0 1-2.602 3.084l-4.775-.809-4.033 2.681a2.335 2.335 0 0 1-2.246.19 2.34 2.34 0 0 1-1.363-1.797l-.706-4.79-3.796-3.008a2.34 2.34 0 0 1 .413-3.929l4.338-2.152 1.687-4.539a2.34 2.34 0 0 1 3.864-.821l3.387 3.46 4.839.202Zm-4.464 10.083-.56-2.004a2.336 2.336 0 0 1 .18-1.714l.964-1.844-2.079-.087a2.342 2.342 0 0 1-1.575-.701l-1.456-1.488-.725 1.952a2.335 2.335 0 0 1-1.153 1.28l-1.864.925 1.631 1.293c.467.37.775.903.862 1.492l.304 2.06 1.733-1.153a2.34 2.34 0 0 1 1.686-.358l2.052.347Z"
+    />
+    <Path
+      fill={color}
+      d="M26.542 56.352a2.338 2.338 0 1 0-3.079 3.522c4.934 4.312 13.212 15.324 13.212 40.635a2.34 2.34 0 1 0 4.678 0c0-11.683-1.684-21.707-5.004-29.792-2.463-5.998-5.763-10.831-9.807-14.365Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20.357 45.881a2.34 2.34 0 0 1 .413 3.93l-3.796 3.006-.706 4.791a2.34 2.34 0 0 1-3.61 1.607l-4.032-2.68-4.775.808a2.337 2.337 0 0 1-2.643-2.936l1.303-4.664-2.244-4.29a2.34 2.34 0 0 1 1.975-3.422l4.838-.201 3.387-3.461a2.339 2.339 0 0 1 3.865.822l1.687 4.538 4.338 2.152Zm-7.876 5.337c.087-.589.395-1.123.862-1.492l1.631-1.293-1.864-.925a2.337 2.337 0 0 1-1.153-1.28l-.725-1.951-1.456 1.487c-.417.425-.98.676-1.574.701l-2.08.087.964 1.844c.276.527.34 1.14.18 1.714l-.56 2.004 2.053-.347a2.34 2.34 0 0 1 1.686.358l1.733 1.152.303-2.059Z"
+    />
+    <Path
+      fill={color}
+      d="M32.362 15.446c3.537 1.99 7.14 7.724 7.87 12.523a2.34 2.34 0 0 0 4.625-.703c-.946-6.229-5.427-13.212-10.201-15.898a2.34 2.34 0 0 0-2.294 4.078Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M28.921 7.018a7.026 7.026 0 0 1-7.018 7.017 7.025 7.025 0 0 1-7.017-7.017A7.025 7.025 0 0 1 21.903 0a7.026 7.026 0 0 1 7.018 7.018Zm-4.678 0c0-1.29-1.05-2.34-2.34-2.34-1.29 0-2.339 1.05-2.339 2.34 0 1.29 1.05 2.339 2.34 2.339 1.29 0 2.339-1.05 2.339-2.34Z"
+    />
+    <Path
+      fill={color}
+      d="M76.871 29.93a2.34 2.34 0 0 0 2.664-1.962c.729-4.798 4.333-10.533 7.87-12.522a2.34 2.34 0 0 0-2.294-4.078c-4.775 2.686-9.255 9.67-10.201 15.899a2.339 2.339 0 0 0 1.962 2.663Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M104.881 7.018a7.025 7.025 0 0 1-7.017 7.017 7.026 7.026 0 0 1-7.018-7.017A7.026 7.026 0 0 1 97.863 0a7.025 7.025 0 0 1 7.018 7.018Zm-4.678 0c0-1.29-1.05-2.34-2.34-2.34-1.29 0-2.339 1.05-2.339 2.34 0 1.29 1.05 2.339 2.34 2.339 1.29 0 2.339-1.05 2.339-2.34Z"
+    />
+    <Path
+      fill={color}
+      d="M19.689 80.89a2.344 2.344 0 0 0-2.34 2.338c0 1.289 1.052 2.34 2.34 2.34 1.288 0 2.34-1.051 2.34-2.34 0-1.288-1.052-2.339-2.34-2.339ZM27.174 34.457c0 1.288 1.051 2.339 2.34 2.339 1.288 0 2.339-1.05 2.339-2.34a2.344 2.344 0 0 0-2.34-2.339 2.344 2.344 0 0 0-2.339 2.34ZM59.689 14.34c1.288 0 2.34-1.05 2.34-2.34 0-1.288-1.052-2.339-2.34-2.339a2.344 2.344 0 0 0-2.34 2.34c0 1.288 1.052 2.339 2.34 2.339ZM92.438 33.755c0 1.288 1.05 2.339 2.339 2.339 1.288 0 2.34-1.05 2.34-2.34a2.344 2.344 0 0 0-2.34-2.338 2.344 2.344 0 0 0-2.34 2.339ZM97.584 80.89a2.343 2.343 0 0 0-2.34 2.338c0 1.289 1.051 2.34 2.34 2.34 1.288 0 2.34-1.051 2.34-2.34 0-1.288-1.052-2.339-2.34-2.339ZM39.014 104.946a2.344 2.344 0 0 0-2.34 2.34 2.344 2.344 0 0 0 2.34 2.339 2.344 2.344 0 0 0 2.339-2.339c0-1.289-1.051-2.34-2.34-2.34ZM80.754 104.946a2.344 2.344 0 0 0-2.34 2.34 2.344 2.344 0 0 0 2.34 2.339 2.344 2.344 0 0 0 2.339-2.339c0-1.289-1.051-2.34-2.34-2.34ZM46.904 67.293a2.344 2.344 0 0 0-2.34 2.339c0 1.288 1.051 2.34 2.34 2.34 1.288 0 2.339-1.051 2.339-2.34 0-1.288-1.05-2.34-2.34-2.34ZM73.044 66.24a2.344 2.344 0 0 0-2.34 2.34c0 1.288 1.052 2.339 2.34 2.339 1.288 0 2.34-1.051 2.34-2.34 0-1.288-1.052-2.339-2.34-2.339Z"
+    />
+  </Svg>
+);
+
+export default PictogramFireworks;

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramFollowMessage = ({
+  size,
+  color,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M70.1904 128.004h-.001v99.65c-1.8251 0-3.5729.006-5.2671.012-3.7844.013-7.3011.025-10.8128-.033-4.2757-.073-7.15 1.816-7.1091 6.276.0307 4.198 2.9869 6.056 6.8943 6.066 14.8217.053 29.6536.042 44.4753 0 4.112-.01 7.171-1.784 7.038-6.391-.133-4.618-3.243-6.045-7.3857-5.961-3.4687.072-6.9423.055-10.5695.037-1.6568-.008-3.3457-.016-5.0808-.016v-5.783c0-4.128 0-83.099.01-91.814.3478-2.607 1.6229-4.119 4.4713-5.444 21.6317-10.007 43.2077-20.149 64.7807-30.2908 5.939-2.792 11.878-5.5839 17.818-8.3729 1.844-.8651 3.698-1.7141 5.552-2.5632 4.982-2.282 9.967-4.565 14.783-7.1656 1.892-1.0285 3.846-3.7677 3.958-5.8353.077-1.4617-1.561-3.1206-3.009-4.5869-.288-.2918-.568-.576-.826-.8495-.525-.5598-1.322-.8448-2.121-1.1302-.369-.1318-.738-.2638-1.081-.423-8.888-4.1733-17.774-8.3516-26.66-12.53C137.56 40.281 115.071 29.7061 92.5406 19.212c-.5023-.2335-1.0056-.4605-1.5054-.6859-5.3827-2.4275-10.3432-4.6645-8.9485-12.89461.5421-3.27444-2.4141-5.77226-6.0453-5.62533-3.5597.14693-5.5441 2.38237-5.8101 6.03464-.081 1.12627-.0665 2.25798-.0521 3.3873.0056.43867.0112.877.0112 1.3145V128.004Z"
+      fill="#AAEEEF"
+    />
+    <Path
+      d="M86.197 24.8741c.3501-.7508 1.2425-1.0757 1.9933-.7257l73.9997 34.5c.751.3501 1.076 1.2425.726 1.9934-.35.7508-1.242 1.0757-1.993.7256l-74.0003-34.5c-.7509-.35-1.0758-1.2425-.7257-1.9933Z"
+      fill="#00C5CA"
+    />
+  </Svg>
+);
+
+export default PictogramFollowMessage;

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramHeart = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M86.844 8c9.029 0 17.481 3.601 23.8 10.14 12.683 13.125 12.441 34.49-.54 47.624l-41.33 41.815a12.213 12.213 0 0 1-8.714 3.647 12.214 12.214 0 0 1-8.715-3.647L9.748 65.489C3.462 59.13 0 50.673 0 41.677c0-8.995 3.462-17.452 9.748-23.812C16.035 11.503 24.393 8 33.283 8c8.887 0 17.244 3.503 23.531 9.865l3.249 3.287 3.245-3.286C69.596 11.504 77.954 8 86.844 8Zm-22.427 95.171 41.329-41.816c10.605-10.73 10.826-28.161.491-38.856-5.15-5.33-12.037-8.264-19.394-8.264-7.244 0-14.055 2.855-19.178 8.039L55.09 35.009a3.054 3.054 0 0 1-4.357.001 3.144 3.144 0 0 1-.002-4.409l4.977-5.039-3.25-3.288c-5.123-5.184-11.933-8.039-19.174-8.039-7.244 0-14.055 2.855-19.178 8.039-5.122 5.183-7.943 12.073-7.943 19.403 0 7.33 2.82 14.22 7.943 19.403l41.597 42.091a6.118 6.118 0 0 0 8.715 0Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M109.287 40.262a22.853 22.853 0 0 0-6.537-14.681c-2.745-2.778-6.151-4.796-9.85-5.838-1.64-.461-3.338.51-3.794 2.168-.456 1.659.503 3.377 2.143 3.839a16.282 16.282 0 0 1 7.144 4.24 16.587 16.587 0 0 1 4.744 10.656c.101 1.653 1.457 2.926 3.072 2.926.064 0 .128-.002.193-.007 1.698-.105 2.99-1.584 2.885-3.303Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramHeart;

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

@@ -0,0 +1,26 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramHourglass = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M30 16.63V11h60v5.63c0 14.2-8.087 27.167-20.87 33.451-2.375 1.168-3.913 3.535-3.913 6.171v6.496c0 2.636 1.541 5.003 3.913 6.17C81.913 75.203 90 88.174 90 102.371V108H30v-5.629c0-14.2 8.087-27.168 20.87-33.453 2.372-1.167 3.913-3.534 3.913-6.17v-6.496c0-2.636-1.541-5.003-3.913-6.17C38.087 43.796 30 30.825 30 16.628Zm56.522-2.166H33.478v2.165c0 12.88 7.32 24.61 18.913 30.313 3.562 1.75 5.87 5.354 5.87 9.31v6.496c0 3.953-2.308 7.56-5.87 9.31-11.593 5.706-18.913 17.432-18.913 30.313v2.165h53.044v-2.165c0-12.88-7.32-24.61-18.913-30.313-3.562-1.746-5.87-5.354-5.87-9.31v-6.496c0-3.956 2.311-7.56 5.87-9.31 11.593-5.706 18.913-17.432 18.913-30.313v-2.165Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M96 8a4 4 0 0 0-4-4H28a4 4 0 0 0-4 4v2a4 4 0 0 0 4 4h64a4 4 0 0 0 4-4V8ZM28 7h64l.117.007A1 1 0 0 1 93 8v2l-.007.117A1 1 0 0 1 92 11H28l-.117-.007A1 1 0 0 1 27 10V8l.007-.117A1 1 0 0 1 28 7ZM96 109a4 4 0 0 0-4-4H28a4 4 0 0 0-4 4v2a4 4 0 0 0 4 4h64a4 4 0 0 0 4-4v-2Zm-68-1h64l.117.007A1 1 0 0 1 93 109v2l-.007.117A1 1 0 0 1 92 112H28l-.117-.007A1 1 0 0 1 27 111v-2l.007-.117A1 1 0 0 1 28 108Z"
+      fill={color}
+    />
+    <Path
+      d="M60 70a2 2 0 1 0 .002 4.002A2 2 0 0 0 60 70ZM80.421 21.773a1.75 1.75 0 1 1 3.5.044c-.052 4.137-1.567 8.083-4.3 11.07a1.75 1.75 0 0 1-2.582-2.362c2.144-2.344 3.341-5.462 3.382-8.752ZM34.263 105.078h51.786s-1.418-9.415-3.11-13.14c-4.802-10.573-13.101-15.86-22.783-15.86-9.664 0-17.954 5.266-22.756 15.8-1.704 3.737-3.137 13.2-3.137 13.2ZM19.97 50.993a1.995 1.995 0 1 1-3.987 0v-1.996a1.995 1.995 0 1 1 3.988 0v1.996ZM13.988 56.982h-1.993A1.995 1.995 0 0 1 10 54.986c0-1.103.893-1.997 1.995-1.997h1.993a1.995 1.995 0 0 1 0 3.993ZM21.964 52.99h1.995a1.996 1.996 0 0 1 0 3.992h-1.995c-1.1 0-1.993-.894-1.993-1.996 0-1.103.892-1.997 1.993-1.997ZM17.976 56.982c-1.1 0-1.993.894-1.993 1.997v1.996a1.995 1.995 0 1 0 3.988 0v-1.996a1.995 1.995 0 0 0-1.995-1.997ZM109.359 10.46a1.994 1.994 0 1 1-3.988 0V8.468a1.993 1.993 0 1 1 3.988 0v1.994ZM103.376 16.443h-1.994a1.994 1.994 0 0 1 0-3.988h1.994a1.994 1.994 0 1 1 0 3.988ZM111.352 12.455h1.995a1.994 1.994 0 0 1 0 3.988h-1.995a1.994 1.994 0 0 1 0-3.988ZM107.364 16.443a1.993 1.993 0 0 0-1.993 1.995v1.993a1.993 1.993 0 1 0 3.988 0v-1.993a1.995 1.995 0 0 0-1.995-1.995ZM107.137 90.745a1.995 1.995 0 1 1-3.988 0V88.75a1.995 1.995 0 1 1 3.988 0v1.995ZM101.155 96.735h-1.994a1.995 1.995 0 0 1 0-3.993h1.994c1.102 0 1.994.894 1.994 1.997a1.995 1.995 0 0 1-1.994 1.996ZM109.131 92.742h1.995a1.996 1.996 0 0 1 0 3.993h-1.995a1.995 1.995 0 0 1 0-3.993ZM105.143 96.735a1.995 1.995 0 0 0-1.994 1.997v1.995a1.995 1.995 0 1 0 3.988 0v-1.995a1.995 1.995 0 0 0-1.994-1.997Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramHourglass;

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

@@ -0,0 +1,67 @@
+import React from "react";
+import { Svg, G, Mask, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const IBANCard = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 236 134" {...props}>
+    <Path
+      fill="#AAEEEF"
+      fill-rule="evenodd"
+      d="M6.752 0a4 4 0 0 0-4 4v109.372a4 4 0 0 0 4 4h174.164a29.835 29.835 0 0 1-.916-7.357c0-16.448 13.334-29.781 29.781-29.781 2.302 0 4.542.261 6.693.755V4a4 4 0 0 0-4-4H6.752Z"
+      clip-rule="evenodd"
+    />
+    <Path
+      fill="#00C5CA"
+      fill-rule="evenodd"
+      d="M68 17.527a1 1 0 0 1 1-1h130a1 1 0 0 1 0 2H69a1 1 0 0 1-1-1ZM68 28a1 1 0 0 1 1-1h79a1 1 0 0 1 0 2H69a1 1 0 0 1-1-1Z"
+      clip-rule="evenodd"
+    />
+    <Path
+      fill="#00C5CA"
+      d="M77.08 56v-1.5h1.695V47H77.08v-1.5h5.01V47h-1.695v7.5h1.695V56h-5.01Zm9.548 0v-8.94h-2.94V45.5h7.59v1.56h-3.03V56h-1.62Zm12.637-.735v-8.52l.555.42-2.07 1.095-.435-1.41 2.805-1.5h.78v9.915h-1.635ZM97.6 56v-1.56h5.01V56H97.6Zm7.305 0-.495-1.23 3.21-3.615c.17-.18.345-.385.525-.615.19-.24.37-.485.54-.735.17-.25.305-.495.405-.735.11-.25.165-.485.165-.705 0-.32-.065-.59-.195-.81-.12-.23-.3-.405-.54-.525-.23-.12-.51-.18-.84-.18-.29 0-.575.085-.855.255-.28.17-.535.41-.765.72-.23.31-.41.67-.54 1.08l-1.245-.78a4.1 4.1 0 0 1 .765-1.485c.35-.42.765-.74 1.245-.96.49-.22 1.02-.33 1.59-.33.59 0 1.115.125 1.575.375.46.24.82.58 1.08 1.02.26.43.39.93.39 1.5 0 .29-.04.59-.12.9-.08.3-.21.615-.39.945-.17.33-.39.68-.66 1.05-.27.36-.595.745-.975 1.155l-2.385 2.595-.3-.45h5.16V56h-6.345Zm14.792.15c-.74 0-1.385-.17-1.935-.51-.54-.34-1.05-.91-1.53-1.71l1.26-.795c.25.37.495.675.735.915.25.23.505.4.765.51.26.11.535.165.825.165.35 0 .675-.085.975-.255.3-.18.54-.425.72-.735.18-.31.27-.66.27-1.05s-.07-.72-.21-.99a1.39 1.39 0 0 0-.615-.63c-.27-.15-.59-.225-.96-.225-.17 0-.35.02-.54.06-.18.03-.375.08-.585.15-.21.06-.44.14-.69.24l-.45-1.185 3.24-3.57.315.465h-4.47v-1.5h6.015l.3.6-3.435 3.81-.375-.39c.08-.04.21-.075.39-.105.19-.04.345-.06.465-.06.44 0 .85.085 1.23.255.39.16.725.39 1.005.69.29.29.515.635.675 1.035.17.39.255.81.255 1.26 0 .68-.165 1.29-.495 1.83-.32.53-.755.95-1.305 1.26-.55.31-1.165.465-1.845.465Zm13.658-.15v-8.46l.375.09-3.45 4.215-.06-.18h6.525v1.485h-7.53l-.69-1.35 5.145-6.3h1.245V56h-1.56Zm7.877.105c-.69 0-1.315-.155-1.875-.465a3.956 3.956 0 0 1-1.395-1.365l.9-1.005c.47.52.88.875 1.23 1.065.35.19.73.285 1.14.285.41 0 .78-.09 1.11-.27.33-.18.59-.425.78-.735.2-.31.3-.655.3-1.035 0-.4-.095-.755-.285-1.065-.18-.32-.425-.57-.735-.75-.31-.19-.66-.285-1.05-.285-.19 0-.37.015-.54.045-.17.02-.375.075-.615.165-.24.09-.555.23-.945.42l-.855-1.155.615-4.455h5.67V47h-4.65l.315-.285-.495 3.33-.375-.435c.1-.1.27-.195.51-.285.24-.1.505-.18.795-.24.3-.07.585-.105.855-.105.64 0 1.21.15 1.71.45.51.29.91.695 1.2 1.215.3.52.45 1.115.45 1.785 0 .69-.165 1.315-.495 1.875-.33.55-.78.99-1.35 1.32-.57.32-1.21.48-1.92.48Zm8.915-.105c-.52 0-1.005-.09-1.455-.27a3.68 3.68 0 0 1-1.155-.78c-.32-.33-.575-.72-.765-1.17-.18-.45-.27-.945-.27-1.485 0-.36.065-.78.195-1.26.14-.48.34-1.005.6-1.575.27-.57.6-1.18.99-1.83l1.365-2.31h1.575l.06.15-1.65 2.775c-.3.51-.57.995-.81 1.455-.23.46-.425.895-.585 1.305-.16.4-.28.765-.36 1.095l-.36-1.545c.25-.41.53-.755.84-1.035.31-.28.645-.49 1.005-.63.36-.15.745-.225 1.155-.225.58 0 1.11.16 1.59.48.49.31.88.725 1.17 1.245.3.52.45 1.09.45 1.71 0 .75-.155 1.42-.465 2.01-.3.58-.72 1.04-1.26 1.38-.54.34-1.16.51-1.86.51Zm0-1.5c.39 0 .735-.09 1.035-.27.31-.19.55-.45.72-.78.18-.34.27-.725.27-1.155 0-.37-.09-.715-.27-1.035-.18-.33-.42-.595-.72-.795-.3-.2-.635-.3-1.005-.3-.41 0-.775.095-1.095.285-.32.19-.57.445-.75.765-.18.32-.27.675-.27 1.065 0 .42.09.8.27 1.14.18.33.425.595.735.795.31.19.67.285 1.08.285Zm5.785 1.5 4.35-9.48.18.48h-5.31v-1.5h6.495l.21 1.035L157.672 56h-1.74Zm10.492.045c-.65 0-1.245-.135-1.785-.405-.53-.28-.955-.65-1.275-1.11a2.62 2.62 0 0 1-.48-1.53c0-.31.04-.6.12-.87.09-.28.22-.535.39-.765.18-.23.395-.44.645-.63s.54-.36.87-.51l-.09.315c-.35-.13-.65-.3-.9-.51-.25-.22-.445-.47-.585-.75a2.146 2.146 0 0 1-.195-.915c0-.53.145-1.01.435-1.44.3-.43.695-.775 1.185-1.035.5-.26 1.055-.39 1.665-.39.61 0 1.16.13 1.65.39.5.26.895.605 1.185 1.035.3.43.45.91.45 1.44 0 .33-.065.63-.195.9s-.32.515-.57.735c-.25.21-.56.39-.93.54l-.045-.255c.4.16.75.38 1.05.66.3.28.535.6.705.96.17.35.255.715.255 1.095 0 .57-.16 1.085-.48 1.545-.32.46-.75.825-1.29 1.095-.53.27-1.125.405-1.785.405Zm0-1.5c.37 0 .7-.07.99-.21.3-.14.535-.33.705-.57.17-.24.255-.515.255-.825 0-.33-.085-.62-.255-.87a1.764 1.764 0 0 0-.705-.615c-.29-.15-.62-.225-.99-.225s-.7.075-.99.225c-.29.15-.52.355-.69.615-.17.25-.255.54-.255.87 0 .3.085.57.255.81.17.24.4.435.69.585.29.14.62.21.99.21Zm0-4.755c.32 0 .605-.06.855-.18.26-.12.46-.28.6-.48.15-.21.225-.45.225-.72 0-.27-.075-.51-.225-.72a1.41 1.41 0 0 0-.6-.495 1.826 1.826 0 0 0-.855-.195c-.32 0-.61.065-.87.195-.25.12-.45.285-.6.495-.14.21-.21.45-.21.72 0 .27.07.51.21.72.15.2.35.36.6.48.26.12.55.18.87.18ZM178.4 56l-.06-.15 3.12-6.63.045 1.245c-.23.39-.5.73-.81 1.02a3.51 3.51 0 0 1-1.005.645c-.36.15-.725.225-1.095.225-.57 0-1.095-.15-1.575-.45-.48-.3-.865-.7-1.155-1.2a3.202 3.202 0 0 1-.435-1.635c0-.71.16-1.345.48-1.905a3.6 3.6 0 0 1 1.305-1.35 3.624 3.624 0 0 1 1.875-.495c.5 0 .97.09 1.41.27.44.18.825.435 1.155.765.33.32.59.695.78 1.125.19.42.285.87.285 1.35 0 .25-.025.52-.075.81-.05.28-.135.6-.255.96-.11.35-.26.755-.45 1.215-.19.45-.425.975-.705 1.575L179.99 56h-1.59Zm.54-5.145c.39 0 .74-.085 1.05-.255a1.95 1.95 0 0 0 .99-1.71c0-.39-.085-.74-.255-1.05-.17-.32-.41-.57-.72-.75-.3-.18-.645-.27-1.035-.27-.36 0-.68.09-.96.27-.28.17-.505.41-.675.72-.16.3-.24.655-.24 1.065 0 .35.08.675.24.975.17.3.395.545.675.735.28.18.59.27.93.27Zm8.846 5.295c-.8 0-1.49-.22-2.07-.66-.57-.44-1.01-1.06-1.32-1.86-.31-.81-.465-1.77-.465-2.88 0-1.11.155-2.065.465-2.865.31-.81.75-1.435 1.32-1.875.58-.44 1.27-.66 2.07-.66.8 0 1.49.22 2.07.66.58.44 1.025 1.065 1.335 1.875.31.8.465 1.755.465 2.865 0 1.11-.155 2.07-.465 2.88-.31.8-.755 1.42-1.335 1.86-.58.44-1.27.66-2.07.66Zm0-1.47c.73 0 1.295-.34 1.695-1.02.4-.69.6-1.66.6-2.91 0-1.25-.2-2.215-.6-2.895-.4-.69-.965-1.035-1.695-1.035-.73 0-1.295.345-1.695 1.035-.4.68-.6 1.645-.6 2.895s.2 2.22.6 2.91c.4.68.965 1.02 1.695 1.02Zm6.277 1.485c-.33 0-.585-.095-.765-.285-.18-.2-.27-.48-.27-.84 0-.33.095-.6.285-.81.19-.21.44-.315.75-.315.33 0 .585.1.765.3.18.19.27.465.27.825 0 .33-.095.6-.285.81-.19.21-.44.315-.75.315Zm3.413 0c-.33 0-.585-.095-.765-.285-.18-.2-.27-.48-.27-.84 0-.33.095-.6.285-.81.19-.21.44-.315.75-.315.33 0 .585.1.765.3.18.19.27.465.27.825 0 .33-.095.6-.285.81-.19.21-.44.315-.75.315Zm3.413 0c-.33 0-.585-.095-.765-.285-.18-.2-.27-.48-.27-.84 0-.33.095-.6.285-.81.19-.21.44-.315.75-.315.33 0 .585.1.765.3.18.19.27.465.27.825 0 .33-.095.6-.285.81-.19.21-.44.315-.75.315Zm-13.402 58.752c.916 3.589 2.418 6.519 4.609 9.06 5.033 5.834 11.453 8.665 19.111 8.1 10.177-.752 17.811-7.865 20.213-16.735.44-1.633.729-3.289.749-4.994.014-1.204.231-1.544.824-1.582.648-.044.851.327.811 1.691-.163 5.168-1.838 9.815-4.942 13.918-4.029 5.331-9.428 8.566-15.993 9.393-13.081 1.643-23.496-6.362-26.698-17.347-.108-.374-.261-.735-.43-1.208-.506.653-.93 1.238-1.394 1.783-.285.333-.689.428-1.042.109-.315-.286-.423-.667-.145-1.055a313.286 313.286 0 0 1 2.581-3.542.606.606 0 0 1 .532-.255c.273.019 2.52 1.599 3.781 2.426.394.259.696.606.401 1.129-.262.467-.692.541-1.293.191-.485-.282-.942-.609-1.671-1.085l-.004.003Zm45.77-11.169c.468-.65.811-1.245 1.279-1.715.217-.217.793-.353 1.004-.214.223.146.396.779.264.997a42.579 42.579 0 0 1-2.387 3.47c-.302.395-.835.316-1.242.054a200.588 200.588 0 0 1-3.374-2.231c-.383-.255-.499-.606-.238-1.014.248-.385.628-.504 1.025-.299.542.282 1.054.629 1.756 1.054-.054-.439-.044-.738-.135-1.003-2.839-8.455-8.638-13.779-17.286-15.572-11.809-2.446-23.004 4.988-26.118 15.834-.532 1.85-.902 3.708-.936 5.633-.02 1.123-.318 1.538-.936 1.453-.549-.075-.763-.432-.705-1.49.275-5.202 1.933-9.914 5.128-14.034 3.971-5.127 9.224-8.202 15.587-9.161 11.863-1.79 22.99 5.324 26.595 16.258.207.633.451 1.252.716 1.98h.003Z"
+    />
+    <Path
+      fill="#AAEEEF"
+      d="M223.929 109.518c-.071 7.917-6.332 14.486-14.505 14.469-7.99-.017-14.414-6.311-14.424-14.53-.014-8.09 6.447-14.493 14.485-14.469 8.282.027 14.42 6.753 14.447 14.534l-.003-.004Z"
+    />
+    <Path
+      fill="#00C5CA"
+      fill-rule="evenodd"
+      d="M210.596 102.673a.596.596 0 0 0-1.193 0v5.965h-5.965a.596.596 0 0 0 0 1.193h5.965v5.965a.596.596 0 1 0 1.193 0v-5.965h5.964a.597.597 0 1 0 0-1.193h-5.964v-5.965Z"
+      clip-rule="evenodd"
+    />
+    <Mask
+      id="a"
+      width="50"
+      height="90"
+      x="0"
+      y="11"
+      //   maskUnits="userSpaceOnUse"
+      //   style="mask-type:alpha"
+    >
+      <Path
+        fill="#00C5CA"
+        fill-rule="evenodd"
+        d="M.202 11.66a1 1 0 0 1 1.4-.196l44.041 33.238c1.532 1.156.714 3.596-1.205 3.596H2.752a1 1 0 0 1 0-2h41.686L.398 13.06a1 1 0 0 1-.196-1.4Z"
+        clip-rule="evenodd"
+      />
+      <Path
+        fill="#00C5CA"
+        fill-rule="evenodd"
+        d="M22.773 46.298h14.263v47.547H22.773V46.298Zm2 2v43.547h10.263V48.298H24.773Zm-23.021-1a1 1 0 0 1 1-1h7.131v47.547H2.752a1 1 0 1 1 0-2h5.131V48.298H2.752a1 1 0 0 1-1-1Z"
+        clip-rule="evenodd"
+      />
+      <Path
+        fill="#00C5CA"
+        fill-rule="evenodd"
+        d="M1.752 92.845a1 1 0 0 1 1-1h43.547a3 3 0 0 1 3 3v3.008a3 3 0 0 1-3 3H2.752a1 1 0 0 1 0-2h43.547a1 1 0 0 0 1-1v-3.008a1 1 0 0 0-1-1H2.752a1 1 0 0 1-1-1Z"
+        clip-rule="evenodd"
+      />
+    </Mask>
+    <G mask="url(#a)">
+      <Path fill="#00C5CA" d="M2.752-.875h50.803v108.613H2.752V-.875Z" />
+    </G>
+  </Svg>
+);
+
+export default IBANCard;

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramInProgress = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M33.93 68h3.991v4h-3.992v-4ZM41.913 68h3.991v4h-3.991v-4ZM49.896 68h3.992v4h-3.992v-4ZM33.93 76h3.991v4h-3.992v-4ZM41.913 76h3.991v4h-3.991v-4ZM49.896 76h3.992v4h-3.992v-4ZM57.88 76h3.991v4H57.88v-4ZM65.863 76h3.992v4h-3.992v-4ZM33.93 84h3.991v4h-3.992v-4ZM41.913 84h3.991v4h-3.991v-4ZM49.896 84h3.992v4h-3.992v-4ZM57.88 84h3.991v4H57.88v-4ZM65.863 84h3.992v4h-3.992v-4ZM33.93 92h3.991v4h-3.992v-4ZM41.913 92h3.991v4h-3.991v-4ZM49.896 92h3.992v4h-3.992v-4ZM57.88 92h3.991v4H57.88v-4ZM65.863 92h3.992v4h-3.992v-4ZM33.93 100h3.991v4h-3.992v-4ZM41.913 100h3.991v4h-3.991v-4ZM49.896 100h3.992v4h-3.992v-4ZM57.88 100h3.991v4H57.88v-4ZM65.863 100h3.992v4h-3.992v-4ZM33.93 108h3.991v4h-3.992v-4ZM41.913 108h3.991v4h-3.991v-4ZM49.896 108h3.992v4h-3.992v-4ZM57.88 108h3.991v4H57.88v-4ZM65.863 108h3.992v4h-3.992v-4Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M117.755 6h-13.971V2c0-1.104-.894-2-1.996-2H81.829a1.998 1.998 0 0 0-1.995 2v4H1.996A1.998 1.998 0 0 0 0 8v8c0 1.105.894 2 1.996 2h5.987v38c0 1.105.894 2 1.996 2 1.102 0 1.996.895 1.996 2s-.894 2-1.996 2a1.997 1.997 0 0 1-1.996-2H3.992a5.961 5.961 0 0 0 1.527 3.963L.399 70.8l.026.02A1.961 1.961 0 0 0 0 72v8a2 2 0 0 0 .585 1.414l3.991 4c.375.375.882.586 1.412.586h7.983c.53 0 1.037-.21 1.411-.586l3.992-4A2 2 0 0 0 19.958 80v-8a1.962 1.962 0 0 0-.424-1.18l.025-.02-5.12-6.837a5.971 5.971 0 0 0-2.464-9.62V18h67.859v2c0 1.105.893 2 1.995 2h3.992v94h-7.983V36h-3.992v8H61.871v-4H57.88v4H45.904v-2h-3.991v2H29.938v-6h25.946v-4H29.938v-8h-3.992v90H22.78l-9.395-9.413a1.993 1.993 0 0 0-2.822 0L1.169 116H0v4h119.751v-4h-1.557a5.955 5.955 0 0 0 1.315-5.697 5.94 5.94 0 0 0-4.19-4.071 6.006 6.006 0 0 0-1.915-7.024 5.976 5.976 0 0 0-7.266 0 6.007 6.007 0 0 0-1.915 7.024 5.953 5.953 0 0 0-2.875 9.768h-3.552V22h3.992a1.998 1.998 0 0 0 1.996-2v-2h13.971a1.998 1.998 0 0 0 1.996-2V8c0-1.104-.894-2-1.996-2ZM10.977 66l2.994 4H5.988l2.993-4h1.996Zm2.168 16 2.822-2.827V74H3.992v5.173L6.814 82h6.33Zm96.028-72-5.389 3.6V10h5.389ZM91.809 4h-7.984v8h7.984V4Zm-61.871 6.4 5.389 3.6H24.549l5.389-3.6ZM12.573 10l5.39 3.6 5.389-3.6H12.573Zm34.729 0-5.39 3.6-5.389-3.6h10.779Zm11.975 4-5.39-3.6L48.5 14h10.778Zm11.975-4-5.39 3.6-5.388-3.6h10.778ZM5.389 10H3.992v4h7.385l-5.988-4Zm67.06 4 5.987-4h1.398v4h-7.385Zm17.763 90 3.593 5.4V98.6l-3.593 5.4Zm3.593-42.6L90.212 56l3.593-5.4v10.8Zm-.4 6.6-3.592-5.4v10.8l3.592-5.4Zm-3.592-18.6V38.6l3.592 5.4-3.592 5.4ZM93.405 92l-3.592-5.4v10.8l3.592-5.4Zm.4-6.611L90.212 80l3.593-5.4V85.39Zm0-58.788L90.212 32l3.593 5.4V26.6Zm-3.992-1.2V22h2.259l-2.26 3.4ZM73.846 68V48H61.871v20h11.975ZM57.88 48v17.2l-4.59-4.546a1.999 1.999 0 0 0-1.397-.578h-5.988V48H57.88Zm-15.966 3.334V48H29.938v3.334h11.975Zm-29.938 59.494L17.136 116H6.814l5.161-5.172Zm17.963-55.494V116h43.908V72h-13.97a1.994 1.994 0 0 1-1.398-.577l-7.407-7.339h-7.163a1.997 1.997 0 0 1-1.995-2v-6.75H29.938Zm59.875 55.267L93.405 116h-3.592v-5.399ZM111.767 112c0 1.105.894 2 1.996 2a1.998 1.998 0 0 0 1.996-2c0-1.104-.894-2-1.996-2a1.999 1.999 0 0 0-1.996 2Zm-1.996-10c1.103 0 1.996.896 1.996 2 0 1.105-.893 2-1.996 2a1.998 1.998 0 0 1-1.996-2c0-1.104.894-2 1.996-2Zm-1.996 10c0-1.104-.893-2-1.995-2a1.998 1.998 0 0 0-1.996 2c0 1.105.893 2 1.996 2a1.997 1.997 0 0 0 1.995-2Zm-23.95-94v-2h9.98a1.997 1.997 0 0 0 1.995-2V4h3.992v14H83.825Zm31.934-7.6L110.37 14h5.389v-3.6Z"
+    />
+  </Svg>
+);
+
+export default PictogramInProgress;

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramInbox = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      d="M120 35.598c0-12.65-10.292-22.942-22.942-22.942-12.502 0-22.7 10.053-22.936 22.5H56.888a2.344 2.344 0 0 0 0 4.688h17.624c1.102 5.864 4.441 10.947 9.096 14.327L55.9 81.878a4.25 4.25 0 0 1-3.025 1.253 4.249 4.249 0 0 1-3.025-1.254L8.282 40.31c.705-.3 1.48-.465 2.293-.465h25.22a2.344 2.344 0 0 0 0-4.688h-25.22C4.744 35.156 0 39.901 0 45.732v51.036c0 5.832 4.744 10.576 10.575 10.576h84.787c5.832 0 10.576-4.744 10.576-10.576V56.751C114.191 53.274 120 45.101 120 35.598ZM5.1 98.929a5.857 5.857 0 0 1-.412-2.16V45.731c0-.712.127-1.396.36-2.028l27.638 27.639L5.1 98.929Zm5.476 3.727a5.86 5.86 0 0 1-2.161-.412L36 74.657l10.535 10.535a8.938 8.938 0 0 0 6.34 2.623 8.938 8.938 0 0 0 6.34-2.623l10.628-10.627 27.679 27.679a5.858 5.858 0 0 1-2.161.412H10.576Zm90.674-5.888c0 .763-.147 1.492-.413 2.161L73.159 71.25l14.656-14.657a22.81 22.81 0 0 0 9.243 1.947c1.432 0 2.833-.133 4.192-.385v38.613Zm-4.192-42.916c-10.065 0-18.254-8.188-18.254-18.254 0-10.065 8.189-18.254 18.254-18.254 10.066 0 18.254 8.189 18.254 18.254 0 10.066-8.188 18.254-18.254 18.254Z"
+      fill={color}
+    />
+    <Path
+      d="M98.23 24.582h-4.008a2.344 2.344 0 0 0 0 4.688h1.664v16.406a2.344 2.344 0 0 0 4.688 0v-18.75a2.344 2.344 0 0 0-2.344-2.344ZM46.342 39.844a2.344 2.344 0 1 0 0-4.688 2.344 2.344 0 0 0 0 4.688Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramInbox;

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramManual = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      d="M218 43.2264c0-2.8129-1.802-5.2921-4.529-5.9848-7.953-2.0206-25.405-5.5643-44.471-3.7317-26 2.4992-49 19.4983-49 19.4983V53S97 36.5013 71 34.0021c-19.0657-1.8326-36.5182 1.7111-44.4714 3.7317C23.8023 38.4265 22 40.9057 22 43.7186V55H6.49869C2.90956 55 0 57.9096 0 61.4987V199.501C0 203.09 2.90956 206 6.49869 206H234.501c3.589 0 6.499-2.91 6.499-6.499V61.4987C241 57.9096 238.09 55 234.501 55H218V43.2264Z"
+      fill="#AAEEEF"
+    />
+    <Path
+      d="M72.1985 50.0308c-11.5522-1.5392-24.0476.5243-33.5649 2.924-.8033.2025-1.2903 1.0179-1.0877 1.8212.2025.8032 1.0179 1.2903 1.8212 1.0877 9.3744-2.3636 21.4376-4.3244 32.4351-2.8591 12.8374 1.7104 27.1483 9.1422 36.9158 15.1107.707.432 1.63.2091 2.062-.4978.432-.7069.209-1.6301-.498-2.0621-9.82-6.0009-24.5852-13.7261-38.0835-15.5246ZM21.5 168.497V90.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v88.779c0 3.544 3.6962 6.184 7.239 5.097 9.7602-2.996 25.8743-6.794 40.4591-4.851 13.484 1.796 28.2319 9.507 38.0519 15.505l.057.035c.147.089 1.063.633 5.437 3.133 1.201.686 1.773.76 1.967.737.036-.004.04-.008.044-.013l.003-.003c.027-.026.115-.125.219-.391.22-.566.37-1.503.447-2.926.076-1.393.076-3.088.076-5.102V139c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5V191.011c-.001 1.783-.007 3.391-.08 4.753-.079 1.461-.242 2.809-.647 3.851-.432 1.111-1.259 2.124-2.703 2.298-1.212.147-2.515-.368-3.814-1.111-4.367-2.495-5.316-3.058-5.499-3.169l-.053-.032-.017-.011c-9.7676-5.965-24.0616-13.383-36.8851-15.091-13.9208-1.855-29.5224 1.78-39.1827 4.745-5.3162 1.631-11.1192-2.243-11.1192-7.965v-10.782Zm17.1336-99.5422c9.5173-2.3997 22.0127-4.4632 33.5649-2.924 7.4671.995 15.2956 3.7974 22.4308 7.0928.7521.3474 1.0802 1.2386.7328 1.9907-.3473.7521-1.2386 1.0802-1.9907.7329-6.9987-3.2324-14.5196-5.9034-21.5692-6.8426-10.9975-1.4653-23.0607.4955-32.4351 2.8591-.8033.2026-1.6187-.2845-1.8212-1.0877-.2026-.8033.2844-1.6187 1.0877-1.8212ZM216.5 139.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5v39.779c0 5.722-5.803 9.596-11.119 7.965-9.66-2.965-25.262-6.6-39.183-4.745-6.552.873-13.513 3.242-20.088 6.17-.756.337-1.643-.003-1.98-.76-.337-.757.003-1.643.76-1.98 6.714-2.991 13.968-5.479 20.912-6.404 14.585-1.943 30.699 1.855 40.459 4.851 3.543 1.087 7.239-1.553 7.239-5.097V139.5Z"
+      fill="#00C5CA"
+    />
+  </Svg>
+);
+
+export default PictogramManual;

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

@@ -0,0 +1,38 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramNotAvailable = ({
+  size,
+  color,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M109.884 13.75a1.803 1.803 0 0 1 2.548 0 7.804 7.804 0 0 1 2.302 5.555v17.739c0 4.331-3.526 7.855-7.861 7.855h-7.076V116.4h6.837a1.8 1.8 0 1 1 0 3.6H15.35a1.8 1.8 0 1 1 0-3.6h7.824c-1.443-7.574-2.48-18.068-3.087-31.25a477.036 477.036 0 0 1-.5-19.493c0-3.81.31-7.38.796-10.633-1.963.103-3.837.191-5.559.191-3.752 0-6.787-.42-8.479-2.022C5.465 52.359 5 51.255 5 50c0-5.275 3.74-7.761 6.878-8.918 3.013-1.11 7.058-1.668 12.659-1.739.86-2.176 1.508-3.445 1.59-3.602.31-.597.927-.971 1.599-.971h4.93c.592 0 1.147.29 1.483.778l3.211 4.654 3.212-4.654c.337-.487.891-.778 1.483-.778h4.93c.672 0 1.288.374 1.598.97.075.144.615 1.2 1.356 3.017 9.067 4.465 18.026 22.339 12.37 39.406a1.802 1.802 0 0 1-3.42-1.131c4.396-13.265-.977-26.167-6.823-32.19 1.562 5.244 3.058 12.449 3.058 20.814 0 .086-.005 8.728-.5 19.493-.607 13.181-1.644 23.676-3.087 31.25H61.72v-5.297h-3.66a1.8 1.8 0 1 1 0-3.6h3.66v-3.594h-1.954a1.8 1.8 0 1 1 0-3.6h1.954v-1.703h-1.954a1.8 1.8 0 1 1 0-3.6h1.954v-.25a1.8 1.8 0 0 1 3.603 0v.25h18.441v-.25a1.8 1.8 0 0 1 3.603 0v.25h1.82a1.8 1.8 0 1 1 0 3.6h-1.82v1.703h1.82a1.8 1.8 0 1 1 0 3.6h-1.82v3.594h3.526a1.8 1.8 0 1 1 0 3.6h-3.526v5.297h8.827V44.9h-7.073c-4.335 0-7.862-3.525-7.862-7.857V19.305c0-4.332 3.527-7.856 7.862-7.856h14.644a1.8 1.8 0 1 1 0 3.6H89.122a4.262 4.262 0 0 0-4.26 4.256v17.738a4.262 4.262 0 0 0 4.26 4.256h17.751a4.263 4.263 0 0 0 4.259-4.256V19.305a4.227 4.227 0 0 0-1.247-3.01 1.8 1.8 0 0 1-.001-2.545ZM83.765 98.606H65.323v1.704h18.442v-1.704Zm-18.442 5.304h18.442v3.593H65.323v-3.593Zm18.442 7.193H65.323v5.297h18.442v-5.297Zm-54.9-72.732h2.844l4.158 6.024a1.801 1.801 0 0 0 2.966 0l4.158-6.024h2.843c1.353 2.998 5.246 12.664 5.642 25.227a115.123 115.123 0 0 0-28.252 0c.099-3.118.41-6.059.848-8.762.87-.039 1.732-.07 2.575-.085a4.758 4.758 0 0 0 4.434 3.052 4.753 4.753 0 0 0 3.926-2.075c.412.193.743.413.989.658.352.352.813.528 1.274.528a1.799 1.799 0 0 0 1.274-3.073c-.719-.718-1.642-1.278-2.798-1.698a4.76 4.76 0 0 0-4.664-3.841 4.76 4.76 0 0 0-4.353 2.848c-.651.01-1.31.03-1.972.055 1.362-6.326 3.25-10.929 4.109-12.834Zm1.065 14.681a1.152 1.152 0 0 0 2.303 0 1.152 1.152 0 0 0-2.303 0Zm-8.913-1.667c-4.785.255-10.741.571-12.193-.805-.137-.13-.222-.271-.222-.579 0-4.585 4.411-6.735 14.627-7.029a73.372 73.372 0 0 0-2.21 8.412h-.002Zm30.485 15.847a111.518 111.518 0 0 0-28.304 0c.06 6.708.493 33.272 3.645 49.168h1.275c.113-2.145.368-6.16.895-11.457a1.8 1.8 0 0 1 1.97-1.613 1.8 1.8 0 0 1 1.615 1.969c-.5 5.033-.753 8.944-.87 11.101H42.97c-.296-5.39-1.451-21.768-5.201-39.642h-.84c-1.41 6.722-2.593 13.876-3.519 21.29a1.8 1.8 0 0 1-3.575-.446c1.004-8.044 2.308-15.79 3.876-23.025a1.8 1.8 0 0 1 1.76-1.419h3.756c.848 0 1.581.591 1.76 1.42 4.086 18.859 5.297 36.37 5.591 41.822h1.277c3.153-15.896 3.586-42.46 3.646-49.168Z"
+    />
+    <Path
+      fill={color}
+      d="M39.871 25.758a1.8 1.8 0 0 0 1.802-1.8v-2.365a1.8 1.8 0 0 0-3.603 0v2.365a1.8 1.8 0 0 0 1.801 1.8ZM32.426 25.758a1.8 1.8 0 0 0 1.802-1.8v-2.365a1.8 1.8 0 0 0-3.603 0v2.365a1.8 1.8 0 0 0 1.801 1.8Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M22.626 23.445c.09 0 .18-.002.269-.006 1.748 6.387 7.636 10.996 14.416 10.996s12.668-4.609 14.416-10.996a5.856 5.856 0 0 0 6.12-5.841 5.854 5.854 0 0 0-5.934-5.847 14.895 14.895 0 0 0-4.442-7.768A14.897 14.897 0 0 0 37.31 0c-3.781 0-7.39 1.415-10.16 3.983a14.891 14.891 0 0 0-4.442 7.768h-.084a5.856 5.856 0 0 0-5.851 5.847 5.856 5.856 0 0 0 5.852 5.847ZM37.31 3.6c5.268 0 9.805 3.687 11.02 8.665-9.359.57-13.692-4.34-13.876-4.553a1.802 1.802 0 0 0-2.955.275c-1.22 2.182-2.84 3.426-5.106 3.882C27.747 7.092 32.184 3.6 37.311 3.6ZM23.506 15.53a2.25 2.25 0 0 0-3.13 2.069 2.25 2.25 0 0 0 2.25 2.246c.317 0 .627-.067.922-.2a1.803 1.803 0 0 1 2.527 1.397c.76 5.583 5.59 9.793 11.236 9.793 5.646 0 10.477-4.21 11.237-9.793a1.8 1.8 0 0 1 2.526-1.398c.295.134.606.201.923.201a2.25 2.25 0 0 0 2.249-2.247 2.25 2.25 0 0 0-3.13-2.069c-.146.063-.3.103-.454.124l-.009.003-.009.002c-1.342.176-2.61.255-3.805.255-6.805 0-11.218-2.558-13.44-4.306-2.19 2.732-5.215 4.066-9.187 4.066l-.013-.001-.01-.001a1.804 1.804 0 0 1-.683-.142Z"
+    />
+    <Path
+      fill={color}
+      d="M91.305 20.24a4.032 4.032 0 0 0-4.03 4.026v7.625a1.8 1.8 0 0 0 3.603 0v-3.516h2.324a1.8 1.8 0 1 0 0-3.6h-2.324v-.51c0-.235.192-.426.427-.426h13.385c.235 0 .426.192.426.426v7.626a1.8 1.8 0 0 0 3.602 0v-7.626a4.032 4.032 0 0 0-4.028-4.026H91.305Z"
+    />
+    <Path
+      fill={color}
+      d="M96.393 32.025c-.564-.86-1.67-1.256-2.654-.974a2.422 2.422 0 0 0-1.734 2.11 2.421 2.421 0 0 0 1.403 2.382c.902.407 1.986.21 2.688-.49.803-.8.924-2.087.297-3.028ZM99.379 34.276a2.422 2.422 0 0 0 2.335 1.477 2.421 2.421 0 0 0 2.168-1.663 2.416 2.416 0 0 0-.825-2.637 2.43 2.43 0 0 0-2.795-.091c-.946.625-1.311 1.87-.883 2.914ZM98.036 28.34a1.821 1.821 0 0 0 1.445-1.634 1.812 1.812 0 0 0-1.066-1.775c-1.49-.657-3.056.93-2.358 2.412a1.824 1.824 0 0 0 1.98.997ZM104.254 26.927c.329-1.6-1.563-2.75-2.851-1.787a1.812 1.812 0 0 0-.609 2.041 1.818 1.818 0 0 0 1.77 1.192c.814-.033 1.54-.642 1.69-1.446Z"
+    />
+  </Svg>
+);
+
+export default PictogramNotAvailable;

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

@@ -0,0 +1,29 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramPiggyBank = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m11.522 58.596-5.36.672a6.733 6.733 0 0 0-5.887 6.67v11.635a6.733 6.733 0 0 0 5.887 6.67l4.797.6a36.614 36.614 0 0 0 10.314 15.159v11.691a6.7 6.7 0 0 0 6.691 6.692h13.387a6.7 6.7 0 0 0 6.691-6.692v-2.553h14.773v2.553a6.7 6.7 0 0 0 6.691 6.692h13.387a6.7 6.7 0 0 0 6.691-6.692v-7.663a36.682 36.682 0 0 0 17.737-35.942h.838c5.663 0 10.27-4.606 10.27-10.269 0-5.662-4.607-10.269-10.27-10.269a2.307 2.307 0 0 0 0 4.616 5.66 5.66 0 0 1 5.654 5.653 5.66 5.66 0 0 1-5.654 5.654h-1.691c-4.016-15.9-18.44-27.704-35.57-27.704h-2.893a2.308 2.308 0 0 0 0 4.616h2.892c17.684 0 32.07 14.386 32.07 32.07a32.073 32.073 0 0 1-16.792 28.203 2.308 2.308 0 0 0-1.207 2.028v9.007a2.078 2.078 0 0 1-2.076 2.076H69.506a2.078 2.078 0 0 1-2.076-2.076v-4.861a2.308 2.308 0 0 0-2.308-2.308H45.734a2.308 2.308 0 0 0-2.308 2.308v4.861a2.078 2.078 0 0 1-2.076 2.076H27.964a2.078 2.078 0 0 1-2.076-2.076V98.938c0-.688-.306-1.339-.835-1.778a32.018 32.018 0 0 1-10.166-15.115 2.307 2.307 0 0 0-1.916-1.6l-6.236-.782a2.11 2.11 0 0 1-1.845-2.09V65.938a2.11 2.11 0 0 1 1.845-2.09l6.73-.843a2.308 2.308 0 0 0 1.882-1.502 32.115 32.115 0 0 1 6.934-11.2c.221-.16.41-.355.56-.576a31.955 31.955 0 0 1 15.245-8.482 2.307 2.307 0 1 0-1.062-4.491c-1.72.406-3.406.943-5.047 1.595-2.319-6.037-8.215-10.154-14.758-10.154h-.512a2.308 2.308 0 0 0-2.245 2.838l3.941 16.697a36.857 36.857 0 0 0-6.88 10.867Zm16.262-18.265a36.795 36.795 0 0 0-5.505 3.727L19.69 33.09c3.709.85 6.819 3.576 8.094 7.24Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M26.566 58.83a2.324 2.324 0 0 1 1.632-.676c.606 0 1.202.247 1.631.676.43.43.676 1.025.676 1.632 0 .606-.246 1.202-.676 1.631-.43.43-1.025.676-1.631.676a2.324 2.324 0 0 1-1.632-.676 2.325 2.325 0 0 1-.676-1.631c0-.607.247-1.203.676-1.632ZM50.757 13.692A2.308 2.308 0 0 1 53.065 16v9.154a2.308 2.308 0 0 1-4.615 0V16a2.308 2.308 0 0 1 2.307-2.308ZM49.126 5.996a2.324 2.324 0 0 1 1.632-.677c.607 0 1.202.247 1.631.677.43.429.676 1.024.676 1.631a2.32 2.32 0 0 1-.676 1.632c-.43.429-1.024.676-1.632.676a2.324 2.324 0 0 1-1.63-.676 2.326 2.326 0 0 1-.677-1.632c0-.607.247-1.2.676-1.631ZM69.505.231a2.308 2.308 0 0 1 2.308 2.308v3.923a2.308 2.308 0 0 1-4.615 0V2.539A2.308 2.308 0 0 1 69.505.23ZM92.135 72.454a2.308 2.308 0 0 1 4.615 0v.123a2.308 2.308 0 0 1-2.307 2.293h-.015a2.308 2.308 0 0 1-2.293-2.322v-.094ZM81.92 90.612a21.391 21.391 0 0 0 8.817-10.561 2.307 2.307 0 1 1 4.31 1.651 26.027 26.027 0 0 1-10.728 12.853 2.307 2.307 0 1 1-2.4-3.943Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M79.198 21.012c0-5.344-4.348-9.692-9.693-9.692-5.344 0-9.692 4.348-9.692 9.692 0 5.345 4.348 9.692 9.692 9.692 5.345 0 9.693-4.348 9.693-9.692Zm-4.616 0c0 2.8-2.277 5.077-5.077 5.077a5.083 5.083 0 0 1-5.076-5.077c0-2.8 2.277-5.077 5.076-5.077 2.8 0 5.077 2.278 5.077 5.077ZM42.505 49.154h-2.077a2.308 2.308 0 0 0 0 4.615h30a2.308 2.308 0 0 0 0-4.615H59.01a9.63 9.63 0 0 0 1.44-5.077c0-5.344-4.347-9.692-9.692-9.692-5.344 0-9.692 4.348-9.692 9.692 0 1.86.528 3.6 1.44 5.077Zm13.33-5.077c0 2.8-2.278 5.077-5.078 5.077a5.083 5.083 0 0 1-5.077-5.077c0-2.8 2.278-5.077 5.077-5.077 2.8 0 5.077 2.278 5.077 5.077Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramPiggyBank;

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramPin = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fill={color}
+      d="M41.202 24.844c1.297 0 2.35-1.05 2.35-2.344a2.35 2.35 0 0 0-4.7 0 2.35 2.35 0 0 0 2.35 2.344Z"
+    />
+    <Path
+      fill={color}
+      d="M60 13.125c16.844 0 30.546 13.668 30.546 30.469 0 16.8-13.702 30.468-30.546 30.468S29.454 60.395 29.454 43.594c0-5.215 1.307-10.216 3.884-14.862a2.353 2.353 0 0 1 3.193-.916A2.341 2.341 0 0 1 37.45 31c-2.187 3.945-3.297 8.18-3.297 12.593 0 14.215 11.595 25.781 25.847 25.781s25.847-11.566 25.847-25.781c0-14.216-11.595-25.782-25.847-25.782-3.44 0-6.496.608-9.91 1.97a2.353 2.353 0 0 1-3.055-1.305 2.343 2.343 0 0 1 1.31-3.047c3.941-1.573 7.645-2.305 11.655-2.305Z"
+    />
+    <Path
+      fill={color}
+      d="M60 55.313a2.348 2.348 0 0 0-2.35 2.343A2.348 2.348 0 0 0 60 60c1.297 0 2.35-1.05 2.35-2.344A2.348 2.348 0 0 0 60 55.313ZM63.804 45.438c-.584.404-1.046.725-1.195.967-.118.194-.26.677-.26 1.876A2.347 2.347 0 0 1 60 50.625a2.347 2.347 0 0 1-2.35-2.344c0-3.997 1.312-5.194 3.472-6.692.569-.395 1.213-.843 1.953-1.48a4.683 4.683 0 0 0 1.624-3.547c0-2.584-2.108-4.687-4.699-4.687a4.693 4.693 0 0 0-4.7 4.688 2.346 2.346 0 0 1-2.35 2.343 2.347 2.347 0 0 1-2.349-2.343c0-5.18 4.207-9.376 9.399-9.376 5.182 0 9.399 4.206 9.399 9.375a9.365 9.365 0 0 1-3.248 7.09c-.928.801-1.715 1.347-2.347 1.786Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M61.854 119.096a2.352 2.352 0 0 1-3.708 0C56.466 116.945 17 66.145 17 43.594 17 20.754 36.192 0 60 0c23.832 0 43 20.779 43 43.594 0 22.551-39.466 73.351-41.146 75.502ZM60 4.687c-20.403 0-38.3 18.181-38.3 38.907 0 17.396 27.685 56.168 38.3 70.199 10.539-13.933 38.3-52.76 38.3-70.2C98.3 22.869 80.404 4.688 60 4.688Z"
+    />
+  </Svg>
+);
+
+export default PictogramPin;

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

@@ -0,0 +1,53 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramPlaces = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fill={color}
+      d="M109.938 30.358c-8.162-13.502-21.098-23.021-36.425-26.8C58.188-.225 42.303 2.184 28.79 10.34l2.037 3.37c12.61-7.61 27.434-9.858 41.74-6.33 14.307 3.529 26.38 12.413 33.996 25.015a54.985 54.985 0 0 1-5.356 64.391l2.99 2.565a58.915 58.915 0 0 0 5.741-68.994ZM93.598 104.106C82.05 113.25 67.63 117.35 52.991 115.655c-14.636-1.695-27.735-8.984-36.886-20.523C-.877 73.716.545 42.652 19.41 22.872l-2.851-2.716c-20.217 21.192-21.74 54.476-3.544 77.42 9.805 12.364 23.84 20.174 39.522 21.99 2.314.268 4.623.4 6.92.4 13.255 0 26.041-4.425 36.587-12.774l-2.447-3.086Z"
+    />
+    <Path
+      fill={color}
+      d="M57.39 92.384h3.94v23.385h-3.94V92.384ZM57.39 33.329h3.94v25.59h-3.94V33.33ZM57.39 3.802h3.94v15.747h-3.94V3.802ZM88.911 58.92h27.581v3.936h-27.58V58.92ZM47.54 58.92h7.88v3.936h-7.88V58.92ZM2.227 58.92H33.75v3.936H2.227V58.92ZM71.18 29.392h37.432v3.937H71.18v-3.937ZM9.495 29.392h49.863v3.937H9.495v-3.937ZM96.792 88.447h12.431v3.936H96.792v-3.936ZM57.39 88.447h1.97v3.936h-1.97v-3.936ZM12.078 88.447H57.39v3.937H12.078v-3.937Z"
+    />
+    <Path
+      fill={color}
+      d="M43.475 7.016 40.096 4.99c-20.713 34.477-20.713 77.31 0 111.789l3.38-2.028c-19.964-33.226-19.964-74.509 0-107.735ZM84.41 95.663a104.775 104.775 0 0 1-9.007 19.088l3.374 2.03a108.602 108.602 0 0 0 9.35-19.807l-3.717-1.31ZM78.781 4.99l-3.379 2.028A104.535 104.535 0 0 1 90.35 60.886h3.94A108.481 108.481 0 0 0 78.78 4.99Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M49.51 74.665c0-13.025 10.605-23.622 23.64-23.622 13.037 0 23.642 10.597 23.642 23.622 0 13.026-10.605 23.622-23.641 23.622-13.036 0-23.641-10.596-23.641-23.622Zm3.94 0c0 10.854 8.837 19.685 19.7 19.685 10.864 0 19.701-8.83 19.701-19.685 0-10.854-8.837-19.685-19.7-19.685-10.865 0-19.701 8.83-19.701 19.685Z"
+    />
+    <Path
+      fill={color}
+      d="M61.33 74.665h-3.94c0 8.683 7.07 15.748 15.76 15.748h.003v-3.937c-6.52 0-11.823-5.297-11.823-11.81ZM75.4 59.077l-.561 3.895c5.776.831 10.132 5.859 10.132 11.693h3.94c0-7.78-5.808-14.48-13.51-15.588ZM117.885 108.706l-23.64-23.621-2.786 2.783 22.248 22.23-5.095 5.091-22.248-22.23-2.786 2.783 23.641 23.622c.384.384.889.576 1.393.576s1.009-.192 1.393-.576l7.88-7.874a1.965 1.965 0 0 0 0-2.784Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M22.04 5.768c1.705 0 3.405.455 4.902 1.319 4.703 2.714 6.32 8.746 3.605 13.447l-6.775 11.807a1.967 1.967 0 0 1-1.696.988c-.002-.002-.008-.002-.012-.002a1.969 1.969 0 0 1-1.696-.968l-6.891-11.666a9.82 9.82 0 0 1-1.415-5.1 9.775 9.775 0 0 1 2.898-6.955 9.795 9.795 0 0 1 7.012-2.87h.069Zm0 21.675 5.093-8.876a5.912 5.912 0 0 0-2.159-8.072c-.918-.53-2.011-.776-3.024-.79h-.01a5.895 5.895 0 0 0-4.198 1.723 5.862 5.862 0 0 0-1.738 4.173 5.878 5.878 0 0 0 .851 3.065l.012.017 5.174 8.76Z"
+    />
+    <Path fill={color} d="M19.919 13.644h3.94v3.937h-3.94v-3.937Z" />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M46.505 48.425a9.78 9.78 0 0 1 4.59 5.979c.68 2.539.331 5.19-.984 7.468l-6.773 11.805a1.968 1.968 0 0 1-1.705.988h-.004c-.697 0-1.343-.37-1.698-.97l-6.87-11.661a9.818 9.818 0 0 1-1.414-5.253 9.77 9.77 0 0 1 3.002-6.909 9.859 9.859 0 0 1 7.014-2.764 9.846 9.846 0 0 1 4.842 1.317Zm-4.9 20.352 5.09-8.87a5.911 5.911 0 0 0-2.16-8.072 5.922 5.922 0 0 0-2.92-.792c-.034-.002-.069-.002-.104-.002-1.56 0-3.015.587-4.126 1.66a5.86 5.86 0 0 0-1.8 4.145 5.879 5.879 0 0 0 .864 3.18l5.156 8.751Z"
+    />
+    <Path fill={color} d="M39.521 54.982h3.94v3.937h-3.94v-3.937Z" />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M70.148 16.927a9.783 9.783 0 0 1 4.588 5.979 9.765 9.765 0 0 1-.983 7.468L66.98 42.181a1.966 1.966 0 0 1-1.696.988h-.014c-.697 0-1.344-.37-1.698-.97l-6.87-11.663a9.818 9.818 0 0 1-1.414-5.252 9.77 9.77 0 0 1 3.002-6.91c1.891-1.826 4.466-2.797 7.014-2.763a9.855 9.855 0 0 1 4.844 1.316Zm-4.901 20.357 5.09-8.872a5.912 5.912 0 0 0-5.079-8.864c-.033-.002-.069-.002-.106-.002-1.56 0-3.014.586-4.126 1.659a5.86 5.86 0 0 0-1.8 4.146 5.878 5.878 0 0 0 .853 3.157l.012.022 5.155 8.754Z"
+    />
+    <Path fill={color} d="M63.162 23.486h3.94v3.937h-3.94v-3.937Z" />
+  </Svg>
+);
+
+export default PictogramPlaces;