feat: [SIW-499] Add credentials catalog icons (#76)

## Short description
This PR adds three new icons for the IT-Wallet credentials catalog
([FIGMA](https://www.figma.com/file/c80PUA6BYANkGPyaqsRBNA/IT-Wallet---Esperienza-in-IO?type=design&node-id=2035-41538&mode=design&t=4RThxGUSOXVUc1Jo-0)):
- disabilityCard;
- driverLicense;
- healthCard.

## List of changes proposed in this pull request
- Adds original `svg` files and React components;
- Adds icons mapping in `Icon.tsx`;

## How to test
Start the example app and open the `Icons` section, the new icons should
be rendered properly.

---------

Co-authored-by: Damiano Plebani <[email protected]>

src/components/icons/Icon.tsx

@@ -154,6 +154,9 @@ import LegIconRadioOff from "./svg/LegIconRadioOff";
 import LegIconRadioOn from "./svg/LegIconRadioOn";
 import IconKeyboard from "./svg/IconKeyboard";
 import IconContactless from "./svg/IconContactless";
+import IconDisabilityCard from "./svg/IconDisabilityCard";
+import IconDriverLicense from "./svg/IconDriverLicense";
+import IconHealthCard from "./svg/IconHealthCard";
 
 export const IOIcons = {
   archive: IconArchive,
@@ -253,6 +256,9 @@ export const IOIcons = {
   cancel: IconCancel,
   help: IconQuestion,
   search: IconSearch,
+  disabilityCard: IconDisabilityCard,
+  driverLicense: IconDriverLicense,
+  healthCard: IconHealthCard,
   chevronRight: IconChevronRight,
   chevronLeft: IconChevronLeft,
   chevronBottom: IconChevronBottom,

src/components/icons/svg/IconDisabilityCard.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconDisabilityCard = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12ZM14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6ZM6.09958 9.00504C5.55003 8.95008 5.05999 9.35103 5.00504 9.90057C4.95008 10.4501 5.35103 10.9402 5.90057 10.9951L9.09958 11.315L9.10008 11.3151C9.61103 11.3664 10.0001 11.7965 10.0001 12.3101V13.2297C10.0001 13.6113 9.9273 13.9893 9.78566 14.3435L9.78551 14.3439L8.0716 18.6287C7.86648 19.1415 8.1159 19.7234 8.62868 19.9286C9.0604 20.1012 9.54115 19.9518 9.80477 19.5942C9.85436 19.527 9.89627 19.4524 9.92874 19.3712L11.8393 14.5948C11.848 14.573 11.8611 14.5532 11.8777 14.5366C11.9454 14.4689 12.0552 14.4689 12.1229 14.5366C12.1366 14.5504 12.148 14.5664 12.1564 14.5839L12.3573 15.0861L12.3575 15.0867L14.0714 19.3715C14.2766 19.8843 14.8585 20.1337 15.3713 19.9286C15.4565 19.8945 15.5344 19.85 15.6042 19.7971C15.9547 19.532 16.0998 19.0561 15.9287 18.6284L14.1964 14.2975C14.0665 13.9566 13.9999 13.5948 13.9999 13.2297V12.3101C13.9999 11.7965 14.3889 11.3665 14.8998 11.3151L14.9004 11.315L18.0994 10.9951C18.649 10.9402 19.0499 10.4501 18.995 9.90057C18.94 9.35103 18.45 8.95008 17.9004 9.00504L14.7014 9.32494L13.4289 9.45219C12.9219 9.48202 12.4343 9.50013 12 9.50013C11.5658 9.50013 11.0781 9.48201 10.571 9.45218L9.29859 9.32494L6.09958 9.00504Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconDisabilityCard;

src/components/icons/svg/IconDriverLicense.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconDriverLicense = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8 8h-.87593c-.91773 0-1.7177.62459-1.94028 1.51493L4.56252 12H8V8Zm-.87593-2C5.2886 6 3.68867 7.24919 3.2435 9.02986l-.82358 3.29434C.99656 12.9369 0 14.352 0 16v3c0 .5523.44772 1 1 1h3.17071C4.58254 21.1652 5.69378 22 7 22s2.41746-.8348 2.82929-2h4.34141c.4118 1.1652 1.5231 2 2.8293 2s2.4175-.8348 2.8293-2H23c.5523 0 1-.4477 1-1v-3c0-2.2091-1.7909-4-4-4h-.999l-1.8945-3.78885C16.429 6.85601 15.0439 6 13.5288 6H7.12407ZM19.8293 18H22v-2c0-1.1046-.8954-2-2-2H4c-1.10457 0-2 .8954-2 2v2h2.17071C4.58254 16.8348 5.69378 16 7 16s2.41746.8348 2.82929 2h4.34141c.4118-1.1652 1.5231-2 2.8293-2s2.4175.8348 2.8293 2ZM10 8v4h6.7649l-1.4472-2.89443C14.9789 8.428 14.2864 8 13.5288 8H10ZM8 19c0 .5523-.44772 1-1 1s-1-.4477-1-1 .44772-1 1-1 1 .4477 1 1Zm9 1c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconDriverLicense;

src/components/icons/svg/IconHealthCard.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconHealthCard = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0ZM10 4C8.89543 4 8 4.89543 8 6V8H6C4.89543 8 4 8.89543 4 10V14C4 15.1046 4.89543 16 6 16H8V18C8 19.1046 8.89543 20 10 20H14C15.1046 20 16 19.1046 16 18V16H18C19.1046 16 20 15.1046 20 14V10C20 8.89543 19.1046 8 18 8H16V6C16 4.89543 15.1046 4 14 4H10ZM14 9V6H10V9C10 9.55228 9.55228 10 9 10H6V14H9C9.55228 14 10 14.4477 10 15V18H14V15C14 14.4477 14.4477 14 15 14H18V10H15C14.4477 10 14 9.55228 14 9Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconHealthCard;