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

package/src/components/pictograms/Pictogram.tsx

@@ -0,0 +1,123 @@
+import React from "react";
+import { ColorValue } from "react-native";
+import { IOColors } from "../../core/IOColors";
+
+import PictogramAirBaloon from "./svg/PictogramAirBaloon";
+import PictogramHeart from "./svg/PictogramHeart";
+import PictogramCompleted from "./svg/PictogramCompleted";
+import PictogramEmailValidation from "./svg/PictogramEmailValidation";
+import PictogramEmailToValidate from "./svg/PictogramEmailToValidate";
+import PictogramAbacus from "./svg/PictogramAbacus";
+import PictogramPiggyBank from "./svg/PictogramPiggyBank";
+import PictogramProcessing from "./svg/PictogramProcessing";
+import PictogramBaloons from "./svg/PictogramBaloons";
+import PictogramPlaces from "./svg/PictogramPlaces";
+import PictogramNotAvailable from "./svg/PictogramNotAvailable";
+import PictogramAirship from "./svg/PictogramAirship";
+import PictogramSearch from "./svg/PictogramSearch";
+import PictogramUnrecognized from "./svg/PictogramUnrecognized";
+import PictogramError from "./svg/PictogramError";
+import PictogramUmbrella from "./svg/PictogramUmbrella";
+import PictogramInProgress from "./svg/PictogramInProgress";
+import PictogramFireworks from "./svg/PictogramFireworks";
+import PictogramPuzzle from "./svg/PictogramPuzzle";
+import PictogramQuestion from "./svg/PictogramQuestion";
+import PictogramPin from "./svg/PictogramPin";
+import PictogramTimeout from "./svg/PictogramTimeout";
+import PictogramUploadFile from "./svg/PictogramUploadFile";
+import PictogramHourglass from "./svg/PictogramHourglass";
+import PictogramTeaBreak from "./svg/PictogramTeaBreak";
+import PictogramSms from "./svg/PictogramSms";
+import PictogramInbox from "./svg/PictogramInbox";
+import PictogramBeerMug from "./svg/PictogramBeerMug";
+import PictogramIBANCard from "./svg/PictogramIBANCard";
+import PictogramFollowMessage from "./svg/PictogramFollowMessage";
+import PictogramManual from "./svg/PictogramManual";
+import PictogramSetup from "./svg/PictogramSetup";
+import PictogramDonation from "./svg/PictogramDonation";
+import PictogramAttention from "./svg/PictogramAttention";
+import PictogramEmptyArchive from "./svg/PictogramEmptyArchive";
+import PictogramUmbrellaNew from "./svg/PictogramUmbrellaNew";
+import PictogramFeedback from "./svg/PictogramFeedback";
+import PictogramCameraRequest from "./svg/PictogramCameraRequest";
+
+export const IOPictograms = {
+  airBaloon: PictogramAirBaloon,
+  abacus: PictogramAbacus,
+  emailValidation: PictogramEmailValidation /* io-email-validated */,
+  emailToValidate: PictogramEmailToValidate /* io-email-to-validate */,
+  inbox: PictogramInbox,
+  piggyBank: PictogramPiggyBank,
+  processing: PictogramProcessing,
+  baloons: PictogramBaloons,
+  places: PictogramPlaces,
+  notAvailable: PictogramNotAvailable,
+  airship: PictogramAirship,
+  search: PictogramSearch,
+  unrecognized: PictogramUnrecognized,
+  error: PictogramError,
+  umbrella: PictogramUmbrella,
+  inProgress: PictogramInProgress,
+  fireworks: PictogramFireworks /* io-fireworks */,
+  puzzle: PictogramPuzzle,
+  question: PictogramQuestion,
+  pin: PictogramPin,
+  timeout: PictogramTimeout,
+  uploadFile: PictogramUploadFile,
+  hourglass: PictogramHourglass,
+  teaBreak: PictogramTeaBreak,
+  beerMug: PictogramBeerMug,
+  sms: PictogramSms,
+  heart: PictogramHeart /* io-heart */,
+  completed: PictogramCompleted,
+  ibanCard: PictogramIBANCard,
+  followMessage: PictogramFollowMessage,
+  manual: PictogramManual,
+  setup: PictogramSetup,
+  donation: PictogramDonation,
+  attention: PictogramAttention,
+  emptyArchive: PictogramEmptyArchive,
+  umbrellaNew: PictogramUmbrellaNew,
+  feedback: PictogramFeedback,
+  cameraRequest: PictogramCameraRequest
+};
+
+export type IOPictograms = keyof typeof IOPictograms;
+export type IOPictogramSizeScale = 48 | 64 | 72 | 80 | 120 | 240;
+
+type IOPictogramsProps = {
+  name: IOPictograms;
+  color?: IOColors;
+  size?: IOPictogramSizeScale | "100%";
+};
+
+export type SVGPictogramProps = {
+  size: IOPictogramSizeScale | "100%";
+  color: ColorValue;
+};
+
+export const Pictogram = ({
+  name,
+  color = "aqua",
+  size = 120,
+  ...props
+}: IOPictogramsProps) => {
+  const PictogramElement = IOPictograms[name];
+  return <PictogramElement {...props} size={size} color={IOColors[color]} />;
+};
+
+/*
+░░░ VARIOUS SETS ░░░
+*/
+
+/* Bleed pictograms
+    Used in the <Banner /> component
+*/
+const { donation, feedback } = IOPictograms;
+
+const IOPictogramsBleed = {
+  donation,
+  feedback
+} as const;
+
+export type IOPictogramsBleed = keyof typeof IOPictogramsBleed;

package/src/components/pictograms/PictogramSection.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import { IOColors } from "../../core/IOColors";
+
+import { IOPictogramSizeScale } from "./Pictogram";
+// Added these verbose names to avoid chaos and misunderstandings
+// when using `Quick File Search…`
+import PictogramSectionMessages from "./svg/PictogramSectionMessages";
+import PictogramSectionPayments from "./svg/PictogramSectionPayments";
+import PictogramSectionDocuments from "./svg/PictogramSectionDocuments";
+import PictogramSectionServices from "./svg/PictogramSectionServices";
+import PictogramSectionProfile from "./svg/PictogramSectionProfile";
+import PictogramSectionSettings from "./svg/PictogramSectionSettings";
+
+export const IOSectionPictograms = {
+  messages: PictogramSectionMessages /* io-home-messaggi */,
+  payments: PictogramSectionPayments,
+  documents: PictogramSectionDocuments,
+  services: PictogramSectionServices,
+  profile: PictogramSectionProfile,
+  settings: PictogramSectionSettings
+};
+
+export type IOSectionPictogramType = keyof typeof IOSectionPictograms;
+
+type IOSectionPictogramsProps = {
+  name: IOSectionPictogramType;
+  color?: IOColors;
+  size?: IOPictogramSizeScale | "100%";
+};
+
+const PictogramSection = ({
+  name,
+  color = "greyLight",
+  size = 48,
+  ...props
+}: IOSectionPictogramsProps) => {
+  const SectionPictogramElement = IOSectionPictograms[name];
+  return (
+    <SectionPictogramElement {...props} size={size} color={IOColors[color]} />
+  );
+};
+export default PictogramSection;

package/src/components/pictograms/README.md

@@ -0,0 +1,39 @@
+# Pictograms
+There are different sets:
+* **General:** Pictograms used to enrich the following states:
+  * Empty 
+  * Success
+  * Error 
+* **Sections:** Pictograms used in the `Header` component as companion of the title. 
+
+## Prefixes
+- **General**: `Pictogram…`
+- **Sections**: `PictogramSection…`
+
+## Add a new pictogram
+First of all, follow the instructions stated in the main README (`Vector graphics` section).
+
+If you want to add a new pictogram in the `General` set, open the `Pictogram.tsx` file and import the React component:
+```jsx
+[…]
+import PictogramAirBaloon from "./svg/PictogramAirBaloon";
+[…]
+```
+Add the desired key to the `IOPictograms` object with the corresponding component reference:
+```jsx
+export const IOPictograms = {
+  airBaloon: PictogramAirBaloon,
+  …
+}
+```
+You can add the recently added pictogram with the following declaration:
+```jsx
+// Default size: 120×120px
+// Default color: Aqua
+<Pictogram name="airBaloon">
+```
+
+## View all the available pictograms
+There are two ways:
+- In the app, go to the `Profile → Design System → Pictograms` (you must enable `Debug Mode`)
+- In the repository, go to the `svg/originals` subfolder

package/src/components/pictograms/SectionPictogram.tsx

@@ -0,0 +1,48 @@
+import React from "react";
+import { IOColors } from "../../core/IOColors";
+
+import { IOPictogramSizeScale } from "./Pictogram";
+// Added these verbose names to avoid chaos and misunderstandings
+// when using `Quick File Search…`
+import SectionPictogramMessages from "./svg/SectionPictogramMessages";
+import SectionPictogramPayments from "./svg/SectionPictogramPayments";
+import SectionPictogramDocuments from "./svg/SectionPictogramDocuments";
+import SectionPictogramServices from "./svg/SectionPictogramServices";
+import SectionPictogramProfile from "./svg/SectionPictogramProfile";
+import SectionPictogramSettings from "./svg/SectionPictogramSettings";
+import SectionPictogramSmile from "./svg/SectionPictogramSmile";
+
+export const IOSectionPictograms = {
+  messages: SectionPictogramMessages,
+  payments: SectionPictogramPayments,
+  documents: SectionPictogramDocuments,
+  services: SectionPictogramServices,
+  profile: SectionPictogramProfile,
+  settings: SectionPictogramSettings,
+  smile: SectionPictogramSmile
+};
+
+export type IOSectionPictograms = keyof typeof IOSectionPictograms;
+
+type IOSectionPictogramsProps = {
+  name: IOSectionPictograms;
+  color?: IOColors;
+  size?: IOPictogramSizeScale | "100%";
+};
+
+const SectionPictogram = ({
+  name,
+  color = "greyLight",
+  size = 48,
+  ...props
+}: IOSectionPictogramsProps) => {
+  const SectionPictogramElement = IOSectionPictograms[name];
+  return (
+    <SectionPictogramElement
+      {...props}
+      size={size}
+      color={IOColors[color] as IOColors}
+    />
+  );
+};
+export default SectionPictogram;

package/src/components/pictograms/index.tsx

@@ -0,0 +1,4 @@
+export * from "./Pictogram";
+export { Pictogram } from "./Pictogram";
+export { default as PictogramSection } from "./PictogramSection";
+export * from "./PictogramSection";

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramAbacus = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M110.426 100.851h-.639V5.745A5.751 5.751 0 0 0 104.043 0a5.751 5.751 0 0 0-5.745 5.745v7.66h-4.072c-.853-3.3-3.855-5.745-7.418-5.745a7.642 7.642 0 0 0-5.744 2.601 7.642 7.642 0 0 0-5.745-2.601c-3.563 0-6.565 2.444-7.417 5.744h-4.315c-.852-3.3-3.854-5.744-7.417-5.744a7.642 7.642 0 0 0-5.745 2.601 7.641 7.641 0 0 0-11.49 0 7.642 7.642 0 0 0-5.744-2.601c-3.563 0-6.565 2.444-7.417 5.744h-4.072v-7.66A5.751 5.751 0 0 0 15.957 0a5.751 5.751 0 0 0-5.744 5.745v95.106h-.639c-5.28 0-9.574 4.295-9.574 9.575v7.659C0 119.143.857 120 1.915 120h116.17a1.915 1.915 0 0 0 1.915-1.915v-7.659c0-5.28-4.295-9.575-9.574-9.575ZM94.468 17.234h3.83v3.83h-3.83v-3.83Zm-7.66-5.745a3.834 3.834 0 0 0-3.83 3.83v7.66a3.834 3.834 0 0 0 3.83 3.83 3.834 3.834 0 0 0 3.83-3.83v-7.66a3.834 3.834 0 0 0-3.83-3.83ZM71.49 15.32a3.834 3.834 0 0 1 3.83-3.83 3.834 3.834 0 0 1 3.83 3.83v7.66a3.834 3.834 0 0 1-3.83 3.83 3.834 3.834 0 0 1-3.83-3.83v-7.66Zm-3.83 1.915h-3.83v3.83h3.83v-3.83ZM52.34 15.32a3.834 3.834 0 0 1 3.83-3.83A3.834 3.834 0 0 1 60 15.32v7.66a3.834 3.834 0 0 1-3.83 3.83 3.834 3.834 0 0 1-3.83-3.83v-7.66Zm-7.66-3.83a3.834 3.834 0 0 0-3.829 3.83v7.66a3.834 3.834 0 0 0 3.83 3.83 3.834 3.834 0 0 0 3.83-3.83v-7.66a3.834 3.834 0 0 0-3.83-3.83Zm-15.318 3.83a3.834 3.834 0 0 1 3.83-3.83 3.834 3.834 0 0 1 3.83 3.83v7.66a3.834 3.834 0 0 1-3.83 3.83 3.834 3.834 0 0 1-3.83-3.83v-7.66Zm-3.83 1.915h-3.83v3.83h3.83v-3.83Zm-3.83 7.66h4.072c.853 3.3 3.855 5.744 7.417 5.744a7.642 7.642 0 0 0 5.745-2.6 7.641 7.641 0 0 0 11.49 0 7.642 7.642 0 0 0 5.744 2.6c3.563 0 6.565-2.444 7.418-5.744h4.314c.853 3.3 3.855 5.744 7.418 5.744a7.642 7.642 0 0 0 5.744-2.6 7.642 7.642 0 0 0 5.745 2.6c3.563 0 6.565-2.444 7.417-5.744h4.072v17.872h-4.072c-.853-3.3-3.855-5.745-7.418-5.745a7.642 7.642 0 0 0-5.744 2.602 7.641 7.641 0 0 0-11.49 0 7.641 7.641 0 0 0-11.49 0 7.641 7.641 0 0 0-5.744-2.602c-3.563 0-6.565 2.445-7.417 5.745h-4.315c-.852-3.3-3.854-5.745-7.417-5.745-3.563 0-6.565 2.445-7.417 5.745h-4.072V24.894Zm76.596 25.532v-3.83h-3.83v3.83h3.83Zm-7.66-5.745v7.66a3.834 3.834 0 0 1-3.83 3.83 3.834 3.834 0 0 1-3.83-3.83v-7.66a3.834 3.834 0 0 1 3.83-3.83 3.834 3.834 0 0 1 3.83 3.83Zm-11.49 7.66v-7.66a3.834 3.834 0 0 0-3.829-3.83 3.834 3.834 0 0 0-3.83 3.83v7.66a3.834 3.834 0 0 0 3.83 3.83 3.834 3.834 0 0 0 3.83-3.83ZM67.66 44.68v7.66a3.834 3.834 0 0 1-3.83 3.83A3.834 3.834 0 0 1 60 52.34v-7.66a3.834 3.834 0 0 1 3.83-3.83 3.834 3.834 0 0 1 3.83 3.83Zm-11.49 7.66v-7.66a3.834 3.834 0 0 0-3.83-3.83 3.834 3.834 0 0 0-3.83 3.83v7.66a3.834 3.834 0 0 0 3.83 3.83 3.834 3.834 0 0 0 3.83-3.83Zm-11.49-5.745v3.83h-3.829v-3.83h3.83Zm-7.659 5.744v-7.66a3.834 3.834 0 0 0-3.83-3.829 3.834 3.834 0 0 0-3.83 3.83v7.66a3.834 3.834 0 0 0 3.83 3.83 3.834 3.834 0 0 0 3.83-3.83Zm-15.319-5.744h3.83v3.83h-3.83v-3.83Zm4.072 7.66h-4.072v17.871h4.072c.852-3.3 3.854-5.744 7.417-5.744a7.642 7.642 0 0 1 5.745 2.601 7.642 7.642 0 0 1 5.745-2.601c3.562 0 6.564 2.445 7.417 5.745h4.314c.853-3.3 3.855-5.745 7.418-5.745a7.64 7.64 0 0 1 5.744 2.601 7.642 7.642 0 0 1 11.49 0 7.642 7.642 0 0 1 5.745-2.601c3.562 0 6.564 2.445 7.417 5.745h4.072V54.254h-4.072c-.852 3.3-3.855 5.745-7.417 5.745a7.642 7.642 0 0 1-5.745-2.601 7.642 7.642 0 0 1-11.49 0 7.642 7.642 0 0 1-11.489 0A7.642 7.642 0 0 1 52.34 60c-3.562 0-6.565-2.445-7.417-5.745H40.61C39.756 57.555 36.754 60 33.19 60c-3.562 0-6.564-2.445-7.417-5.745Zm72.524 21.701v3.83h-3.83v-3.83h3.83Zm-7.66 5.745v-7.66a3.834 3.834 0 0 0-3.83-3.83 3.834 3.834 0 0 0-3.83 3.83v7.66a3.834 3.834 0 0 0 3.83 3.83 3.834 3.834 0 0 0 3.83-3.83Zm-11.49-7.66v7.66a3.834 3.834 0 0 1-3.829 3.83 3.834 3.834 0 0 1-3.83-3.83v-7.66a3.834 3.834 0 0 1 3.83-3.83 3.834 3.834 0 0 1 3.83 3.83Zm-11.488 7.66v-7.66a3.834 3.834 0 0 0-3.83-3.83 3.834 3.834 0 0 0-3.83 3.83v7.66a3.834 3.834 0 0 0 3.83 3.83 3.834 3.834 0 0 0 3.83-3.83Zm-11.49-5.745v3.83h-3.83v-3.83h3.83Zm-7.66 5.745v-7.66a3.834 3.834 0 0 0-3.829-3.83 3.834 3.834 0 0 0-3.83 3.83v7.66a3.834 3.834 0 0 0 3.83 3.83 3.834 3.834 0 0 0 3.83-3.83Zm-11.489-7.66v7.66a3.834 3.834 0 0 1-3.83 3.83 3.834 3.834 0 0 1-3.83-3.83v-7.66a3.834 3.834 0 0 1 3.83-3.83 3.834 3.834 0 0 1 3.83 3.83Zm-11.49 1.915h-3.829v3.83h3.83v-3.83ZM14.044 5.745c0-1.056.859-1.915 1.914-1.915 1.056 0 1.915.859 1.915 1.915v89.362a1.915 1.915 0 1 0 3.83 0v-11.49h4.072c.852 3.3 3.855 5.745 7.417 5.745a7.642 7.642 0 0 0 5.745-2.601 7.641 7.641 0 0 0 5.745 2.601c3.562 0 6.565-2.445 7.417-5.745h4.315c.852 3.3 3.854 5.745 7.417 5.745a7.642 7.642 0 0 0 5.745-2.601 7.641 7.641 0 0 0 11.489 0 7.642 7.642 0 0 0 5.745 2.601c3.562 0 6.565-2.445 7.417-5.745h4.072v11.49a1.915 1.915 0 1 0 3.83 0V5.745c0-1.056.859-1.915 1.915-1.915s1.914.859 1.914 1.915v95.106H14.043V5.745ZM3.83 116.17h112.34v-5.744a5.751 5.751 0 0 0-5.744-5.745H9.574a5.751 5.751 0 0 0-5.744 5.745v5.744Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramAbacus;

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramAirBaloon = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M49.903 21.105a1.93 1.93 0 0 0-2.501 1.154 41.963 41.963 0 0 0-2.678 14.563c0 1.093.87 1.98 1.943 1.98s1.942-.887 1.942-1.98a37.936 37.936 0 0 1 2.427-13.165 2.013 2.013 0 0 0-.048-1.515 1.95 1.95 0 0 0-1.085-1.037ZM52.922 11.818A30.391 30.391 0 0 0 50.826 15a2.011 2.011 0 0 0-.064 2.008 1.937 1.937 0 0 0 1.692 1.031 1.936 1.936 0 0 0 1.705-1.008 27.746 27.746 0 0 1 1.794-2.738 2.007 2.007 0 0 0-.337-2.74 1.917 1.917 0 0 0-2.694.265ZM104.938 11.076h1.942c1.073 0 1.943-.887 1.943-1.98 0-1.094-.87-1.98-1.943-1.98h-1.942c-1.073 0-1.943.886-1.943 1.98 0 1.093.87 1.98 1.943 1.98ZM116.592 7.115h-1.943c-1.072 0-1.942.887-1.942 1.981 0 1.093.87 1.98 1.942 1.98h1.943c1.072 0 1.943-.887 1.943-1.98 0-1.094-.871-1.98-1.943-1.98ZM110.765 11.076c-1.073 0-1.942.887-1.942 1.98v1.98c0 1.095.869 1.982 1.942 1.982s1.942-.887 1.942-1.981v-1.98c0-1.094-.869-1.981-1.942-1.981ZM110.765 7.115c1.073 0 1.942-.887 1.942-1.98v-1.98c0-1.095-.869-1.982-1.942-1.982s-1.942.887-1.942 1.981v1.98c0 1.094.869 1.981 1.942 1.981ZM9.763 94.254H7.82c-1.073 0-1.942.888-1.942 1.981s.87 1.98 1.942 1.98h1.943c1.072 0 1.941-.887 1.941-1.98s-.87-1.98-1.941-1.98ZM21.416 96.235c0-1.093-.869-1.98-1.942-1.98h-1.942c-1.073 0-1.943.887-1.943 1.98s.87 1.98 1.943 1.98h1.942c1.073 0 1.942-.887 1.942-1.98ZM11.704 102.177c0 1.093.87 1.98 1.943 1.98 1.072 0 1.942-.887 1.942-1.98v-1.981c0-1.093-.87-1.98-1.942-1.98-1.073 0-1.943.887-1.943 1.98v1.981ZM13.647 88.313c-1.073 0-1.943.887-1.943 1.98v1.981c0 1.094.87 1.98 1.943 1.98 1.072 0 1.942-.886 1.942-1.98v-1.98c0-1.094-.87-1.98-1.942-1.98ZM102.995 108.118h-1.942c-1.073 0-1.942.886-1.942 1.98 0 1.094.87 1.98 1.942 1.98h1.942c1.073 0 1.943-.886 1.943-1.98 0-1.094-.87-1.98-1.943-1.98ZM110.765 112.078h1.942c1.073 0 1.942-.886 1.942-1.98 0-1.094-.869-1.98-1.942-1.98h-1.942c-1.073 0-1.942.886-1.942 1.98 0 1.094.869 1.98 1.942 1.98ZM104.938 116.039c0 1.094.87 1.981 1.942 1.981 1.073 0 1.943-.887 1.943-1.981v-1.98c0-1.094-.87-1.981-1.943-1.981-1.072 0-1.942.887-1.942 1.981v1.98ZM106.88 102.177c-1.072 0-1.942.886-1.942 1.98v1.981c0 1.093.87 1.98 1.942 1.98 1.073 0 1.943-.887 1.943-1.98v-1.981c0-1.094-.87-1.98-1.943-1.98Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M107.445 67.968h1.498c5.367.202 9.615 4.697 9.615 10.173 0 5.475-4.248 9.97-9.615 10.172H88.185c-3.179-.039-6.066-1.894-7.47-4.803l-4.912 15.024v13.544c0 4.375-3.479 7.922-7.77 7.922h-15.54c-4.29 0-7.769-3.547-7.769-7.922V98.534L39.08 81.267C23.72 74.89 13.67 59.673 13.647 42.764c0-.682.017-1.338.046-1.981h-3.202c-4.781-.101-8.581-4.126-8.498-9.002-.048-4.116 2.665-7.735 6.573-8.77-.012-.198-.018-.396-.018-.593-.111-6.136 4.666-11.208 10.683-11.342 2.314.013 4.555.818 6.365 2.285C33.248 5.567 43.62 1.183 54.436 1.173c1.207 0 2.405.066 3.574.177a15.64 15.64 0 0 1 4.497 0c1.19-.12 2.387-.18 3.584-.177 13.994-.01 27.015 7.3 34.489 19.363 7.474 12.063 8.356 27.192 2.336 40.073a11.394 11.394 0 0 1 4.529 7.359Zm-8.054-9.019a37.545 37.545 0 0 0 3.604-16.185c-.032-18.55-13.307-34.31-31.285-37.147 8.265 6.86 13.804 20.94 13.804 37.147 0 15.878-5.366 30.16-13.794 37.145a36.056 36.056 0 0 0 8.13-2.262c.578-3.449 3.088-6.23 6.41-7.104-.012-.2-.017-.397-.017-.594-.112-6.136 4.665-11.208 10.683-11.342a9.98 9.98 0 0 1 2.465.342ZM72.46 96.235H62.206V84.2c.042-.005.084-.006.127-.007a.887.887 0 0 0 .186-.017c1.165.111 2.366.177 3.572.177a39.855 39.855 0 0 0 10.751-1.518l-4.38 13.4ZM62.251 5.301l-.103-.014a11.782 11.782 0 0 0-3.768 0c-.037.007-.073.011-.11.014-7.75 1.3-14.66 10.294-17.704 23.005a10.403 10.403 0 0 1-1.327 7.922 65.224 65.224 0 0 0-.341 6.535c0 15.23 5.421 29.241 13.509 34.949.058.032.115.067.17.105a13.875 13.875 0 0 0 5.694 2.408l.109.014c1.247.202 2.52.202 3.768 0l.118-.016a13.896 13.896 0 0 0 5.684-2.4 2.07 2.07 0 0 1 .177-.11c8.084-5.717 13.502-19.724 13.502-34.95 0-19.234-8.507-35.666-19.379-37.462ZM37.925 23.323a9.277 9.277 0 0 0-6.668-2.886h-1.497a11.638 11.638 0 0 0-1.546-4.085C33.777 10.617 41 6.857 48.819 5.626c-5.209 4.722-8.988 10.861-10.893 17.697ZM10.38 26.735c-2.597.154-4.596 2.396-4.502 5.046-.085 2.69 1.976 4.942 4.613 5.04h20.758c3.255-.114 5.806-2.891 5.706-6.21.1-3.32-2.451-6.098-5.706-6.213h-3.277c-1.073 0-1.943-.887-1.943-1.98.114-3.949-2.925-7.249-6.798-7.381-3.872.132-6.911 3.432-6.798 7.381.01.64.097 1.276.26 1.893.15.607.008 1.25-.38 1.734a1.924 1.924 0 0 1-1.59.726 5.062 5.062 0 0 1-.343-.036Zm7.152 16.029c0-.686.017-1.341.048-1.981h13.669a9.043 9.043 0 0 0 3.842-.866c-.04.95-.078 1.902-.078 2.846 0 15.88 5.366 30.159 13.804 37.146C30.84 77.073 17.565 61.31 17.532 42.763ZM58.03 84.178a35.23 35.23 0 0 1-3.593.175 39.867 39.867 0 0 1-10.75-1.513l4.379 13.395H58.32V84.2c-.047-.006-.095-.008-.142-.01-.05-.002-.1-.004-.15-.011Zm10.003 31.861h-15.54c-2.145 0-3.884-1.773-3.884-3.961v-3.96h3.885c1.073 0 1.943-.887 1.943-1.98 0-1.095-.87-1.981-1.943-1.981h-3.885v-3.961h23.309v3.961H60.264c-1.073 0-1.943.886-1.943 1.981 0 1.093.87 1.98 1.943 1.98h11.654v3.96c0 2.188-1.74 3.961-3.885 3.961Zm20.152-31.686h20.767c3.213-.212 5.713-2.93 5.713-6.212 0-3.283-2.5-6-5.713-6.212h-3.276c-1.073 0-1.943-.887-1.943-1.98.161-2.581-1.099-5.04-3.268-6.38a6.701 6.701 0 0 0-7.06 0c-2.169 1.34-3.429 3.799-3.268 6.38.01.64.097 1.276.26 1.893.147.608.003 1.25-.389 1.733a1.976 1.976 0 0 1-1.59.726 4.979 4.979 0 0 1-.344-.035c-2.574.242-4.535 2.46-4.507 5.095.03 2.636 2.038 4.807 4.618 4.992Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramAirBaloon;

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

@@ -0,0 +1,26 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramAirship = ({ 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="M9.191 35.889c1.144-.727 2.552-.528 3.521.458l.13.14.131.159L19.8 45.42l.501-.172c10.803-3.686 24.043-5.857 36.886-6.058l.987-.011.961-.004c20.26 0 32.434 7.127 35.272 17.943.035.431.103.88.202 1.332a.99.99 0 0 1-.154.727.85.85 0 0 1-.618.371l-.107.003-.255-.389.006.055.179.326-.136-.019-.076-.014-.072.01a3.946 3.946 0 0 0-1.166.319l-.222.107-.218.12-.506.3-.156-.567c-.394-1.438-1.473-2.686-3.574-3.79-4.253-2.236-11.96-3.382-22.88-3.382-1.43 0-2.925.02-4.441.059-1.034.031-1.85-.93-1.87-2.097-.02-1.162.757-2.156 1.787-2.182 1.543-.04 3.065-.06 4.524-.06 9.013 0 15.833.74 20.688 2.258l.39.125.207.07a20.358 20.358 0 0 0-.597-.492l-.305-.237-.471-.35c-5.682-4.092-14.477-6.267-25.43-6.267-13.725 0-28.056 2.345-39.309 6.428-4.315 1.566-7.999 3.335-10.772 5.161l-.39.262-.17.117.335-.099c2.317-.677 5.101-1.357 8.238-2.01l1.285-.262c10.442-2.088 23.64-3.724 35.312-4.377 1.035-.06 1.872.878 1.915 2.044.044 1.16-.711 2.174-1.739 2.231-11.038.618-23.198 2.085-33.355 4.025l-1.58.308c-7.002 1.397-11.404 2.697-13.8 3.823l-.337.163-.15.075.15.076c2.264 1.133 6.602 2.456 13.656 3.885l1.553.308.513.099c10.175 1.946 22.333 3.419 33.351 4.04 1.027.057 1.782 1.07 1.738 2.231-.04 1.075-.755 1.958-1.684 2.04l-.175.005-.056-.002c-11.653-.656-24.851-2.298-35.313-4.393-3.432-.688-6.483-1.408-9.016-2.128l-.535-.154-.355-.106.187.13c2.56 1.752 5.964 3.456 9.969 4.988l.637.24.588.217c11.252 4.083 25.584 6.428 39.308 6.428 10.954 0 19.749-2.175 25.43-6.268.32-.23.629-.465.927-.706l.446-.373-.207.07c-4.63 1.523-11.12 2.303-19.685 2.378l-1.392.006c-1.455 0-2.977-.02-4.525-.06-1.03-.027-1.807-1.02-1.787-2.183.02-1.166.838-2.127 1.869-2.096 1.523.039 3.018.059 4.443.059 10.92 0 18.627-1.146 22.88-3.382.225-.118.438-.239.641-.361l.296-.185.585-.38.103.69c.257 1.71 1.118 3.182 2.32 4.028l.205.135.396.248-.264.386c-3.408 4.981-9.361 8.726-17.683 10.697l-.558.129-.187.04v5.448l.1.08c.631.542 1.069 1.35 1.221 2.268l.032.232.02.235.007.243v3.743c0 5.171-3.33 9.462-7.59 9.766l-.237.013-.237.004h-22.74c-4.3 0-7.804-4.085-8.05-9.212l-.01-.286-.003-.285v-3.744c0-1.167.461-2.248 1.241-2.944l.124-.104V81.67l-.702-.12c-5.014-.881-9.811-2.035-14.224-3.425l-.94-.302-.928-.309-.672-.233-6.825 8.778c-.508.653-1.197 1.063-1.936 1.167l-.186.02-.188.006a2.69 2.69 0 0 1-1.08-.228l-.209-.101-.184-.107-6.25-3.97c-1.287-.818-1.914-2.563-1.567-4.224l.048-.207.06-.21 2.856-9.013-.072-.063C1.707 66.873.222 64.476.023 61.94l-.017-.294L0 61.352c0-2.664 1.413-5.178 4.004-7.542l.334-.3L1.483 44.5c-.488-1.54-.082-3.262.988-4.272l.15-.134.158-.124.162-.11 6.25-3.97ZM71.11 91.237H39.556v3.132c0 2.888 1.795 5.25 4.03 5.484l.193.015.184.004h22.74c2.276 0 4.198-2.195 4.391-5.027l.012-.244.004-.232v-3.132Zm-13.19 3.695c0-1.164-.797-2.14-1.829-2.14h-1.516l-.15.008-.145.022c-.901.179-1.533 1.074-1.533 2.11 0 1.164.796 2.14 1.828 2.14h1.516l.15-.007.145-.022c.902-.18 1.534-1.075 1.534-2.11Zm4.977-2.14c1.033 0 1.829.976 1.829 2.14 0 1.036-.632 1.931-1.534 2.11l-.144.023-.15.007H61.38c-1.032 0-1.828-.976-1.828-2.14 0-1.036.632-1.931 1.534-2.11l.144-.022.15-.008h1.517Zm-11.783 2.14c0-1.164-.797-2.14-1.829-2.14H47.77l-.15.008-.145.022c-.901.179-1.533 1.074-1.533 2.11 0 1.164.796 2.14 1.828 2.14h1.516l.15-.007.145-.022c.902-.18 1.534-1.075 1.534-2.11ZM41.742 82.35l-.82-.114v4.72H69.73v-4.164l-.27.041c-2.91.422-6.045.654-9.404.69l-.922.005c-5.73 0-11.612-.401-17.392-1.178ZM5.036 79.302l2.46-7.759.602.382c2.26 1.4 4.873 2.685 7.711 3.85l.161.066-5.417 6.965-5.517-3.504Zm19.997-19.92c1 0 1.789.881 1.789 1.945 0 .941-.62 1.748-1.49 1.915l-.146.022-.153.007H14.75c-1 0-1.789-.88-1.789-1.944 0-.941.62-1.748 1.49-1.915l.146-.022.153-.007h10.282ZM5.036 43.403l5.517-3.505 5.417 6.965-.764.317c-2.861 1.207-5.47 2.533-7.7 3.975l-.01.006-2.46-7.759Z"
+    />
+    <Path
+      fill={color}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M104.929 49.11a8.774 8.774 0 0 0-9.003 0 8.572 8.572 0 0 0-4.173 7.899l.012.35c.028.473.101.977.215 1.476l.088.357-.005-.008-.018.015-.01.004-.03.004-.307-.038-.104-.003-.407.041c-3.436.43-6.023 3.345-5.985 6.797.04 3.532 2.813 6.439 6.372 6.685l.117.005h20.712l.258-.02c4.182-.389 7.339-3.77 7.339-7.87 0-4.167-3.272-7.617-7.474-7.885l-3.387-.004-.018-.004c-.01-.005-.016-.013-.016-.022.203-3.09-1.418-6.128-4.176-7.78Zm-9.339 7.565c-.033-1.758.844-3.345 2.332-4.23a4.938 4.938 0 0 1 5.036 0 4.731 4.731 0 0 1 2.326 4.368c-.004 2.18 1.692 3.876 3.816 3.876h3.246l.2.018c1.986.233 3.565 1.978 3.565 4.04 0 2.13-1.677 3.902-3.847 4.06l-20.439-.002-.174-.02c-1.434-.203-2.544-1.428-2.56-2.895l.003-.178c.067-1.358 1.077-2.5 2.439-2.759l.135-.022.22.019.282.003a3.89 3.89 0 0 0 2.858-1.36 3.717 3.717 0 0 0 .774-3.303 5.5 5.5 0 0 1-.203-1.385l-.009-.23ZM46.1 3.243a8.773 8.773 0 0 0-9.003 0 8.572 8.572 0 0 0-4.172 7.9l.012.349c.028.474.1.978.215 1.477l.088.357-.006-.008-.017.014-.01.005-.03.004-.307-.039-.104-.002-.407.04c-3.436.431-6.024 3.346-5.986 6.798.041 3.532 2.814 6.439 6.373 6.685l.117.004h20.712l.257-.02c4.182-.388 7.34-3.77 7.34-7.869 0-4.168-3.272-7.617-7.475-7.885l-3.387-.004-.017-.004c-.01-.005-.016-.014-.016-.022.203-3.09-1.418-6.128-4.177-7.78Zm-9.338 7.566c-.033-1.759.844-3.345 2.331-4.23a4.939 4.939 0 0 1 5.037 0 4.731 4.731 0 0 1 2.326 4.367c-.005 2.18 1.691 3.877 3.816 3.877h3.246l.2.018c1.986.233 3.565 1.977 3.565 4.04 0 2.13-1.677 3.902-3.847 4.06l-20.44-.002-.173-.02c-1.435-.203-2.544-1.428-2.561-2.895l.003-.178c.068-1.358 1.078-2.5 2.44-2.759l.134-.022.221.018.282.004a3.89 3.89 0 0 0 2.857-1.36 3.717 3.717 0 0 0 .774-3.304 5.503 5.503 0 0 1-.202-1.384l-.01-.23Z"
+    />
+    <Path
+      fill={color}
+      d="M109.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.995ZM11.405 106.589a1.993 1.993 0 1 1-3.983 0v-1.994a1.992 1.992 0 1 1 3.983 0v1.994ZM5.43 112.572H3.437c-1.1 0-1.992-.893-1.992-1.994 0-1.102.892-1.995 1.992-1.995H5.43c1.101 0 1.993.893 1.993 1.995a1.993 1.993 0 0 1-1.993 1.994ZM13.397 108.583h1.992a1.994 1.994 0 0 1 0 3.989h-1.992c-1.1 0-1.992-.893-1.992-1.994 0-1.102.892-1.995 1.992-1.995ZM9.413 112.572c-1.1 0-1.991.892-1.991 1.994v1.994a1.993 1.993 0 1 0 3.983 0v-1.994a1.993 1.993 0 0 0-1.992-1.994ZM107.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"
+    />
+  </Svg>
+);
+
+export default PictogramAirship;

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

@@ -0,0 +1,33 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramAttention = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 72 72" {...props}>
+    <Path
+      fill="#AAEEEF"
+      fill-rule="evenodd"
+      d="M57.0317 22.2055 45.7322 2.6343H16.8246L2.3708 27.669l14.4538 25.0348h28.9076l1.2675-2.1953c.1657-.8017.3311-1.5533.4911-2.2465-2.5348.4908-4.2729-.6946-4.9379-2.2926-.3361-.8089-.4285-1.74-.2528-2.7113l.0007-.004c.3649-1.9728 1.857-4.0841 4.7376-5.5468 1.6869-.8602 3.2284-1.069 4.5941-.6248l-.0399-.0249-.0038-.0007c.623-1.2678 1.5098-2.0917 2.5579-2.3803.6887-.1916 1.3683-.1394 1.9792.0248l.0308-.0533c-1.3369-3.7749-1.4964-7.1019-1.2647-9.6251.0081-.1085.0232-.2118.0428-.3181.2159-1.164 1.0059-2.1041 2.0969-2.4994Z"
+      clip-rule="evenodd"
+    />
+    <Path
+      fill="#0B3EE3"
+      fill-rule="evenodd"
+      d="M54.9355 24.7055c.2317-1.249 1.1244-2.2403 2.3408-2.5773 1.3266-.3661 2.6906.1488 3.4715 1.3027 2.3347 3.4569 3.7708 8.935 4.6201 13.5118.9593-.5152 2.3516-1.0232 3.5675-.5442.6993.2746 1.5981.9887 1.9219 2.8167.7996 4.5475-4.1613 16.1899-4.7285 17.5004l-.1318-.0595c-.0994 8.3197.5587 10.938.6922 11.4691.0125.0499.0205.0814.0227.0974l-1.8388.296c-.0023-.015-.0097-.0441-.0212-.0896v-.0001c-.1789-.7086-1.3643-5.403-.2472-23.2988-.0881-1.0628-1.2983-14.5495-5.3929-20.6126-.403-.5957-1.0252-.678-1.4689-.5548-.2153.0586-.9174.3433-.9999 1.2226-.3617 3.9506.3385 10.0713 5.7305 16.793l-1.4434 1.2145c-1.5273-1.9042-2.7034-3.7686-3.6001-5.5607l-.0565.0861-.0027-.0023c-.438-.3805-1.8087-1.2873-2.9091-.9773-.5064.1398-.9211.5373-1.267 1.2043 2.4641 2.0062 3.058 6.1106 3.0839 6.3011l-1.8145.2888c-.0042-.0416-.6129-4.2022-2.9227-5.4414-1.0133-.5423-2.2285-.4406-3.706.3104-3.2214 1.6404-4.2576 4.2114-3.5963 5.8027.5231 1.2505 1.9494 1.6106 3.759.9701.4255-1.6683.7462-2.7201.8148-2.927l1.9369.6025c-.0037.0115-.012.0356-.0246.0719-.3911 1.1334-4.8976 14.1913-3.4078 27.723l-2.073-1.0262c-.5133-8.3908 1.0276-17.071 2.2471-22.3562-2.5348.4909-4.2729-.6946-4.9379-2.2925-.3361-.8089-.4285-1.7401-.2528-2.7114l.0007-.004c.3649-1.9728 1.857-4.084 4.7376-5.5467 1.6869-.8603 3.2284-1.0691 4.5941-.6249l-.0399-.0249-.0038-.0007c.623-1.2678 1.5098-2.0917 2.5579-2.3803.7095-.1973 1.4093-.136 2.0344.04-1.3594-3.8031-1.5222-7.1551-1.2891-9.6935.0081-.1086.0232-.2118.0428-.3182Zm11.1919 26.9943c1.5768-4.2263 3.3193-9.7422 2.8972-12.1179-.1341-.7719-.3934-1.2349-.771-1.3836-.669-.2647-1.8212.2817-2.5403.7439.5352 3.3383.7357 5.844.7539 6.0891a.79162.79162 0 0 1-.001.1352c-.1527 2.4142-.2629 4.5842-.3388 6.5333Z"
+      clip-rule="evenodd"
+    />
+    <Path
+      fill="#00C5CA"
+      fill-rule="evenodd"
+      d="M30.9508 11.3999c.7456 0 1.35.4768 1.35 1.065v19.17c0 .5882-.6044 1.065-1.35 1.065s-1.35-.4768-1.35-1.065v-19.17c0-.5882.6044-1.065 1.35-1.065Z"
+      clip-rule="evenodd"
+    />
+    <Path
+      fill="#00C5CA"
+      stroke="#00C5CA"
+      d="M32.9992 39.1501c0 1.1612-.8788 2.05-1.9 2.05-1.0212 0-1.9-.8888-1.9-2.05 0-1.1612.8788-2.05 1.9-2.05 1.0212 0 1.9.8888 1.9 2.05Z"
+    />
+  </Svg>
+);
+
+export default PictogramAttention;

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBaloons = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M48.505 18.334a1.969 1.969 0 0 0 2.697-.695 9.998 9.998 0 0 1 8.543-4.94c1.003 0 1.999.154 2.955.456a1.968 1.968 0 0 0 2.586-2.306 1.971 1.971 0 0 0-1.406-1.448 13.662 13.662 0 0 0-4.135-.64 13.946 13.946 0 0 0-11.931 6.878 1.97 1.97 0 0 0 .691 2.695ZM18.967 34.09a1.967 1.967 0 0 0 2.697-.696 9.997 9.997 0 0 1 8.543-4.938c1.002-.001 1.998.152 2.954.454a1.969 1.969 0 1 0 1.181-3.753 13.607 13.607 0 0 0-4.135-.64 13.945 13.945 0 0 0-11.931 6.877 1.97 1.97 0 0 0 .691 2.696ZM36.312 54.698a13.61 13.61 0 0 0-4.136-.64 13.945 13.945 0 0 0-11.932 6.877 1.97 1.97 0 0 0 1.692 2.97c.698 0 1.343-.369 1.698-.97a9.996 9.996 0 0 1 8.542-4.938c1.002-.001 1.998.152 2.954.454a1.97 1.97 0 0 0 2.586-2.306 1.967 1.967 0 0 0-1.404-1.447ZM91.45 54.698a13.609 13.609 0 0 0-4.136-.64 13.946 13.946 0 0 0-11.931 6.877 1.97 1.97 0 0 0 1.692 2.97c.698 0 1.343-.369 1.697-.97a9.995 9.995 0 0 1 8.542-4.938c1.003-.001 1.999.152 2.954.454a1.969 1.969 0 1 0 1.182-3.753Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M86.92 18.608a21.4 21.4 0 0 0-6.14.908C79.317 9.06 70.52 1.19 59.968.89 49.415.589 40.186 7.948 38.13 18.303c-9.672-4.03-20.84-.552-26.516 8.255-5.676 8.806-4.231 20.415 3.43 27.56a21.653 21.653 0 0 0-2.838 22.996 21.646 21.646 0 0 0 19.578 12.392c.679 0 1.35-.041 2.014-.101L32.11 96.04a1.971 1.971 0 0 0 2.666 2.302l7.606-3.169 15.322 22.986c.11.157.243.298.395.417a.342.342 0 0 0 .042.042l.012.011c.015.012.033.02.05.028a.436.436 0 0 1 .037.019c.115.079.239.145.368.197l.024.01.018.008c.039.016.077.032.117.046a.341.341 0 0 1 .02.006l.01.003.01.004a.245.245 0 0 1 .022.009c.012.005.022.01.038.014.118.028.241.043.364.046.02 0 .039.004.058.007.016.003.032.006.048.007h.014c.078 0 .157 0 .236-.014.016 0 .03-.006.044-.013l.018-.008a2.059 2.059 0 0 0 .275-.061l.017-.007.02-.007.026-.01.052-.021.04-.017a1.59 1.59 0 0 0 .187-.071 2 2 0 0 0 .183-.128l.046-.031.022-.015.015-.01.01-.007a1.046 1.046 0 0 0 .21-.193c.04-.04.075-.081.11-.125.014-.019.03-.036.047-.054a.588.588 0 0 0 .068-.081l15.339-22.982 7.593 3.164a1.969 1.969 0 0 0 2.666-2.302l-1.686-6.636c.67.06 1.345.102 2.03.102a21.651 21.651 0 0 0 16.698-35.449 21.653 21.653 0 0 0-16.698-35.45Zm17.724 21.664a17.573 17.573 0 0 1-3.819 10.983 21.486 21.486 0 0 0-19.861-4.223 21.77 21.77 0 0 0-5.157-12.973 22.293 22.293 0 0 0-3.742-3.432 17.757 17.757 0 0 1 7.767-6.593 17.403 17.403 0 0 1 7.088-1.487c9.784.012 17.712 7.94 17.724 17.725Zm-47.262 29.44a21.14 21.14 0 0 1-3.995-.758 21.47 21.47 0 0 1-2.037 8.12.32.32 0 0 0 .031.062c.014.024.028.048.034.076l5.967 23.869v-31.37Zm3.94 0a21.138 21.138 0 0 0 3.994-.758c.14 2.814.832 5.573 2.037 8.12a.325.325 0 0 1-.03.062c-.015.024-.029.048-.035.076l-5.967 23.866V69.712Zm-8.126-4.973a17.713 17.713 0 0 0 12.311 0A21.687 21.687 0 0 1 77.055 48.58c.002-.063.006-.126.01-.188.005-.08.01-.16.01-.243a17.724 17.724 0 0 0-27.57-14.72 17.675 17.675 0 0 0-7.877 14.73c0 .073.005.145.01.216.005.072.01.143.01.215a21.69 21.69 0 0 1 11.548 16.15Zm6.156-59.917c9.183.049 16.822 7.074 17.64 16.222a21.707 21.707 0 0 0-8.33 7.595 21.39 21.39 0 0 0-19.318.31 21.59 21.59 0 0 0-7.554-8.665c1.145-8.83 8.658-15.445 17.562-15.462ZM29.813 20.577c-9.783.013-17.711 7.94-17.723 17.725a17.598 17.598 0 0 0 5.71 13.014 21.49 21.49 0 0 1 19.96-4.28 21.53 21.53 0 0 1 8.26-15.908 17.662 17.662 0 0 0-7.308-8.136 17.454 17.454 0 0 0-8.899-2.415ZM14.06 67.843c0-9.789 7.934-17.725 17.723-17.725 9.788 0 17.722 7.936 17.722 17.725 0 9.79-7.934 17.725-17.722 17.725-9.784-.012-17.712-7.94-17.724-17.725Zm40.625 38.681-6.221-24.88a21.77 21.77 0 0 1-7.426 5.757l4.89 2.883a1.956 1.956 0 0 1 .126 3.296l8.63 12.944Zm-17.783-13.33.808-3.184 2.828 1.67-3.636 1.514Zm44.083-3.184-2.828 1.67 3.636 1.514-.808-3.184Zm-8.223.284a1.955 1.955 0 0 0-.118 3.303l-8.626 12.937 6.221-24.88a21.776 21.776 0 0 0 7.426 5.743l-4.903 2.897Zm-3.564-22.451c0 9.79 7.934 17.725 17.722 17.725 9.784-.012 17.712-7.94 17.724-17.725 0-9.789-7.935-17.725-17.724-17.725-9.788 0-17.722 7.936-17.722 17.725Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M79.351 31.344c.583.918 1.8 1.19 2.718.607a9.87 9.87 0 0 1 8.196-1.071 1.97 1.97 0 1 0 1.181-3.754 13.843 13.843 0 0 0-11.496 1.498 1.97 1.97 0 0 0-.599 2.72ZM63.88 35.003a13.662 13.662 0 0 0-4.135-.64 13.946 13.946 0 0 0-11.931 6.878 1.968 1.968 0 0 0 3.389 2 9.996 9.996 0 0 1 8.542-4.939 9.8 9.8 0 0 1 2.955.455 1.97 1.97 0 1 0 1.18-3.754ZM2.244 10.73h1.97a1.97 1.97 0 1 0 0-3.938h-1.97a1.97 1.97 0 1 0 0 3.939ZM12.09 10.73h1.97a1.97 1.97 0 0 0 0-3.938h-1.97a1.97 1.97 0 0 0 0 3.939ZM6.183 14.67a1.97 1.97 0 0 0 3.938 0V12.7a1.97 1.97 0 0 0-3.938 0v1.97ZM8.151.884a1.97 1.97 0 0 0-1.968 1.97v1.968a1.97 1.97 0 1 0 3.938 0V2.853a1.97 1.97 0 0 0-1.97-1.97ZM8.151 107.231h1.97a1.969 1.969 0 0 0 0-3.938h-1.97a1.968 1.968 0 1 0 0 3.938ZM17.998 107.231h1.969a1.969 1.969 0 1 0 0-3.938h-1.97a1.969 1.969 0 1 0 0 3.938ZM14.06 113.14a1.97 1.97 0 0 0 1.968-1.97v-1.97a1.97 1.97 0 0 0-3.938 0v1.97a1.97 1.97 0 0 0 1.97 1.97ZM16.028 99.354a1.97 1.97 0 1 0-3.938 0v1.969a1.97 1.97 0 1 0 3.938 0v-1.97ZM106.613 16.639h-1.969a1.97 1.97 0 0 0 0 3.938h1.969a1.97 1.97 0 0 0 0-3.939ZM116.459 16.639h-1.969a1.97 1.97 0 1 0 0 3.938h1.969a1.97 1.97 0 1 0 0-3.939ZM110.552 26.486a1.969 1.969 0 0 0 1.968-1.97v-1.969a1.97 1.97 0 1 0-3.938 0v1.97a1.97 1.97 0 0 0 1.97 1.969ZM112.52 12.7a1.969 1.969 0 1 0-3.938 0v1.97a1.97 1.97 0 0 0 3.938 0V12.7Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramBaloons;

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramBeerMug = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      d="M98.686 22.979H85.278v-5.745a1.915 1.915 0 0 0-1.915-1.915H6.746a1.915 1.915 0 0 0-1.916 1.915V95l-1.696 15.261c-.286 2.574.47 5.012 2.13 6.865 1.659 1.854 4 2.874 6.59 2.874h66.4c2.591 0 4.931-1.021 6.59-2.874 1.66-1.854 2.416-4.292 2.13-6.865l-1.696-15.26v-5.64h13.408c9.506 0 17.239-7.73 17.239-17.233V40.213c0-9.503-7.733-17.234-17.239-17.234Zm13.408 49.149c0 7.39-6.015 13.404-13.408 13.404H83.363a1.915 1.915 0 0 0-1.916 1.915v7.66c0 .07.004.14.012.21l1.708 15.367c.164 1.476-.254 2.857-1.177 3.888-.922 1.031-2.25 1.598-3.735 1.598H11.854c-1.486 0-2.813-.568-3.735-1.598-.923-1.031-1.341-2.412-1.177-3.888L8.65 95.318c.008-.07.012-.141.012-.212V19.15h3.83v60.638a1.915 1.915 0 0 0 3.831 0V19.15h57.463v66.383H14.408a1.915 1.915 0 0 0-1.915 1.915v7.66c0 1.057.857 1.914 1.915 1.914H75.7a1.915 1.915 0 0 0 1.916-1.915V19.15h3.83v5.745c0 1.057.858 1.915 1.916 1.915h15.323c7.394 0 13.408 6.013 13.408 13.404v31.915ZM73.786 89.362v3.83H16.322v-3.83h57.462Z"
+      fill={color}
+    />
+    <Path
+      d="M98.686 30.638H83.363a1.915 1.915 0 0 0-1.916 1.915v47.234c0 1.058.858 1.915 1.916 1.915h15.323c5.281 0 9.577-4.295 9.577-9.575V40.213c0-5.28-4.296-9.575-9.577-9.575Zm5.746 41.49a5.752 5.752 0 0 1-5.746 5.745H85.278V34.468h13.408a5.752 5.752 0 0 1 5.746 5.745v31.915ZM61.488.729a1.915 1.915 0 0 0-2.502 1.036l-2.932 7.077a1.915 1.915 0 1 0 3.539 1.465l2.932-7.076A1.914 1.914 0 0 0 61.488.729ZM34.054 8.842l-2.931-7.077a1.916 1.916 0 0 0-3.54 1.466l2.932 7.076a1.915 1.915 0 1 0 3.54-1.465ZM45.054 0a1.915 1.915 0 0 0-1.915 1.915v7.66a1.915 1.915 0 0 0 3.83 0v-7.66A1.915 1.915 0 0 0 45.054 0Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramBeerMug;

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

@@ -0,0 +1,57 @@
+import React from "react";
+import { Svg, Path, G, Defs, ClipPath, Rect } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramCameraRequest = ({
+  size,
+  color,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 124 124" fill="none" {...props}>
+    <G clip-path="url(#clip0_42_891)">
+      <Path
+        d="M40.2701 47.2157V31.1277C40.2701 28.2034 42.6401 25.8334 45.5645 25.8334H118.706C121.63 25.8334 124 28.2034 124 31.1277V82.1674C124 85.0918 121.63 87.4618 118.706 87.4618H45.5645C42.6401 87.4618 40.2701 85.0918 40.2701 82.1674V74.6878L44.0983 69.9478C44.0983 69.9478 48.8263 66.9672 48.983 67.0194C49.1396 67.0716 57.756 64.6534 57.756 64.6534L60.0658 63.3399L61.0098 61.6045L60.118 58.877L59.4873 56.6476L63.0062 53.8839L62.6366 49.7866L62.1185 48.1838L62.9018 44.3074L60.0136 42.536L42.1501 46.3722L40.2661 47.2157"
+        fill="#305CE7"
+      />
+      <Path
+        d="M16.8591 77.5318C16.9917 77.2024 30.7298 44.3475 39.8965 40.8367L40.2821 40.6881V36.9161L39.4627 37.2295C28.8177 41.3067 14.1196 76.0254 13.979 76.3749L13.754 76.9332L16.6302 78.0861L16.8551 77.5278L16.8591 77.5318Z"
+        fill="white"
+      />
+      <Path
+        d="M63.677 48.4368C63.7694 48.2521 63.8578 48.0673 63.9261 47.8745C64.9062 45.1951 63.2151 42.8773 63.1428 42.7809L62.8214 42.4676L62.7371 42.3993C60.4313 40.9211 55.9122 41.0536 49.3043 42.789C44.263 44.1146 39.6194 45.9624 38.7397 46.3159L38.1813 46.5408L39.3462 49.413L39.9046 49.188C46.2112 46.6332 57.3463 43.2469 60.7888 44.8577C60.9857 45.2313 61.303 46.0307 61.0098 46.818C60.5157 48.1396 58.4871 49.2724 55.2896 50.0155L54.7031 50.1521L55.4061 53.1729L55.9926 53.0363C58.2702 52.506 60.0819 51.783 61.4235 50.8711C61.5963 51.3652 61.6886 51.9437 61.5199 52.5181C61.07 54.0646 58.8687 55.4706 55.3217 56.4748L54.7433 56.6395L55.5869 59.6241L56.1653 59.4594C57.041 59.2104 57.8484 58.9412 58.5875 58.644C59.2021 59.5036 59.877 60.8533 59.5195 61.7933C59.0495 63.0225 56.8643 63.8942 53.3655 64.2477C44.3433 65.1555 39.4145 73.5831 34.1925 82.5048C32.3728 85.618 30.4888 88.8356 28.4241 91.6916C26.05 94.9735 18.2892 96.5361 11.842 93.6358C7.41931 91.6474 0.514133 85.9996 3.95668 70.5503L4.08924 69.9638L1.06446 69.289L0.931898 69.8754C-0.421822 75.9571 -2.19331 90.7195 10.5726 96.4638C13.1395 97.6167 16.092 98.2272 19.1167 98.2272C24.3027 98.2272 28.8338 96.4196 30.9387 93.5113C33.0878 90.5428 35.0079 87.2609 36.8718 84.0714C41.6801 75.8527 46.2233 68.0879 53.6748 67.3367C58.5474 66.8466 61.4878 65.3523 62.4197 62.8939C63.2392 60.7288 62.2309 58.5556 61.3713 57.234C63.0263 56.1494 64.0747 54.856 64.4965 53.3657C65.079 51.3291 64.3157 49.5094 63.669 48.4409L63.677 48.4368Z"
+        fill="white"
+      />
+      <Path
+        d="M113.648 43.255H103.469C101.517 43.255 99.9263 41.6643 99.9263 39.712V34.6064C99.9263 32.6542 101.517 31.0635 103.469 31.0635H113.648C115.601 31.0635 117.191 32.6542 117.191 34.6064V39.712C117.191 41.6643 115.601 43.255 113.648 43.255ZM103.469 33.6183C102.923 33.6183 102.481 34.0601 102.481 34.6064V39.712C102.481 40.2583 102.923 40.7002 103.469 40.7002H113.648C114.195 40.7002 114.636 40.2583 114.636 39.712V34.6064C114.636 34.0601 114.195 33.6183 113.648 33.6183H103.469Z"
+        fill="#AAEEEF"
+      />
+      <Path
+        d="M82.135 71.5104C73.9404 71.5104 67.2722 64.8422 67.2722 56.6476C67.2722 48.453 73.9404 41.7848 82.135 41.7848C90.3297 41.7848 96.9978 48.453 96.9978 56.6476C96.9978 64.8422 90.3297 71.5104 82.135 71.5104ZM82.135 44.3396C75.3504 44.3396 69.827 49.8589 69.827 56.6476C69.827 63.4363 75.3463 68.9556 82.135 68.9556C88.9237 68.9556 94.443 63.4363 94.443 56.6476C94.443 49.8589 88.9237 44.3396 82.135 44.3396Z"
+        fill="#AAEEEF"
+      />
+      <Path
+        d="M82.1351 58.7846C81.4281 58.7846 80.8577 58.2142 80.8577 57.5072V48.1557C80.8577 47.4487 81.4281 46.8783 82.1351 46.8783C82.8421 46.8783 83.4125 47.4487 83.4125 48.1557V57.5072C83.4125 58.2142 82.8421 58.7846 82.1351 58.7846Z"
+        fill="#AAEEEF"
+      />
+      <Path
+        d="M82.1351 63.8821C81.4281 63.8821 80.8577 63.3117 80.8577 62.6047V61.7652C80.8577 61.0582 81.4281 60.4878 82.1351 60.4878C82.8421 60.4878 83.4125 61.0582 83.4125 61.7652V62.6047C83.4125 63.3117 82.8421 63.8821 82.1351 63.8821Z"
+        fill="#AAEEEF"
+      />
+      <Rect
+        x="46.5"
+        y="18.6"
+        width="14.9833"
+        height="5.16667"
+        rx="2"
+        fill="#305CE7"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_42_891">
+        <Rect width="124" height="124" fill="white" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+export default PictogramCameraRequest;

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramCompleted = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M.452 60.01C.452 27.2 27.147.507 59.957.507s59.504 26.695 59.504 59.505-26.695 59.504-59.504 59.504C27.147 119.515.452 92.82.452 60.01Zm5.946 0c0 29.534 24.025 53.559 53.559 53.559 29.533 0 53.558-24.025 53.558-53.559 0-29.533-24.025-53.558-53.558-53.558-29.534 0-53.559 24.025-53.559 53.559Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m75.536 45.523-22.811 22.69L44.4 59.84a2.98 2.98 0 0 0-4.198-.025c-1.165 1.14-1.165 3.034-.025 4.199L50.59 74.498a2.956 2.956 0 0 0 4.199 0L79.71 49.721a2.98 2.98 0 0 0 .025-4.198 2.959 2.959 0 0 0-4.199 0Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramCompleted;

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

@@ -0,0 +1,26 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramDonation = ({ size, color, ...props }: SVGPictogramProps) => (
+  <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M147.212 192.138c.852.489 1.722.687 2.557.688 1.688-.002 3.239-.8 4.178-1.531 7.01-3.154 96.182-35.614 99.267-36.674h.001l.189-.065-1.328-3.835-.574.197c-5.355 1.842-93.089 33.823-99.504 36.809-.155.077-.319.189-.457.301 0 0-.006.004-.015.011h-.001c-.157.12-1.433 1.085-2.287.591-1.146-.68-6.407-6.424 2.924-52.883 4.407-21.91 2.285-38.661-6.295-49.7966-10.504-13.6464-27.726-14.7298-33.383-15.0824l-.888-.0516c-3.536.0774-11.8661.7223-12.832 5.1851-.6467 2.9494 1.932 5.8989 8.503 9.5534-12.1766.4299-28.967 2.4593-35.0553 9.9833-.0776.1032-.1466.2063-.2069.3181-.6037 1.1179-1.1901 3.5084.3794 5.3917.4798.573 1.161 1.147 2.2752 1.557-2.1345 1.696-3.9916 3.899-3.8706 6.38.207 4.187 5.5364 5.984 7.287 6.569.1294.043.2587.078.3967.095.1811.026 1.7075.206 4.0963.206l-.0087.009c1.4315 0 3.1716-.066 5.1144-.271-.581 2.115-.8166 4.783.629 6.892 1.3194 1.935 3.6737 2.898 6.9248 2.898l.0087-.009c.8537 0 1.7678-.06 2.7509-.198 1.8857-.095 5.7711-.365 9.6731-1.091-3.196 15.023-15.1229 77.882 4.582 96.651 1.561 2.063 15.359 19.055 45.05 19.055v.008c15.574 0 65.53-14.678 90.374-28.642l-2-3.534C138 262 121 220.936 115.442 218.433c-.086-.12-.181-.232-.284-.326-19.07-17.837-5.227-85.166-3.106-94.877 2.869-.886 5.268-2.124 6.21-3.856l-3.579-1.934c-1 1.84-9.71 3.525-17.0745 3.903-3.0701.422-5.2432.069-5.9417-.945-.8383-1.215-.129-3.711.5702-5.31 3.7122-.764 7.786-2.086 11.701-4.33l-2.026-3.517c-9.8141 5.624-21.1456 4.764-22.7496 4.609-3.1218-1.083-4.2773-2.21-4.3118-2.855-.0756-1.499 3.5311-4.206 6.9223-5.792 3.4963-.397 8.28-1.458 14.887-3.5632l-1.2418-3.8609c-17.3595 5.5291-19.8 2.9924-19.9035 2.8807-.138-.1634-.0518-.5504.0259-.7653 6.5712-7.6702 29.8555-8.3581 36.8925-8.3839 1.285-.0086 2.38-.8857 2.664-2.1326.285-1.2726-.336-2.5624-1.517-3.13-10.487-5.0561-10.849-7.3434-10.849-7.3434.483-.9373 4.915-1.9433 8.779-2.0379l.724.0516.008.0004c5.757.3615 21.029 1.3204 30.408 13.4998 7.83 10.1639 9.693 25.8227 5.528 46.5287-10.391 51.726-3.295 55.841-.966 57.191Z"
+      fill="#0B3EE3"
+    />
+    <Path
+      d="M89.9306 0C76.0999 0 64.8867 11.1786 64.8867 24.9668 64.8867 11.1786 53.6769 0 39.8462 0c-.2464 0-.4929.00332-.7393.00996C21.2631.52456 11.9649 21.5073 23.268 35.2822l32.1174 39.1467c4.9122 5.986 14.0938 5.986 19.006 0l32.1176-39.1467C117.809 21.5073 108.51.52457 90.6666.00996A27.44628 27.44628 0 0 0 89.9273 0h.0033Z"
+      fill="#AAEEEF"
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M87.1816 7.87002c0-.72428.5872-1.31143 1.3115-1.31143 5.9448 0 10.2533 2.29037 13.0539 5.63291 2.77 3.3058 3.994 7.5532 3.994 11.4157 0 .7242-.587 1.3114-1.311 1.3114s-1.311-.5872-1.311-1.3114c0-3.3505-1.07-6.9716-3.3825-9.7312-2.2813-2.7228-5.8413-4.69455-11.0434-4.69455-.7243 0-1.3115-.58715-1.3115-1.31143Z"
+      fill="#00C5CA"
+    />
+  </Svg>
+);
+
+export default PictogramDonation;

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramEmailToValidate = ({
+  size,
+  color,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fill={color}
+      d="M98.919 18c11.632 0 21.096 9.422 21.096 21.003 0 10.792-8.218 19.707-18.752 20.872V95.01c0 3.858-3.15 7.001-7.032 7.001H7.032C3.12 102.011 0 98.84 0 95.01V43.67c0-3.887 3.176-7.001 7.032-7.001h70.922C79.124 26.182 88.079 18 98.919 18ZM61.98 70.545 55 75.848a7.029 7.029 0 0 1-4.37 1.528 7.025 7.025 0 0 1-4.376-1.535l-6.179-4.76L8.712 97.343h84.993L61.981 70.545ZM4.688 43.8v50.815l31.596-26.458L4.688 43.8Zm79.295 10.023L65.796 67.646l30.779 26v-33.77a21 21 0 0 1-12.592-6.053ZM36.567 88.01a2.34 2.34 0 0 1 2.344 2.334 2.34 2.34 0 0 1-2.344 2.333 2.34 2.34 0 0 1-2.344-2.333 2.34 2.34 0 0 1 2.344-2.334Zm29.535 0a2.339 2.339 0 0 1 2.344 2.334 2.339 2.339 0 0 1-2.344 2.333H45.943a2.339 2.339 0 0 1-2.344-2.333 2.339 2.339 0 0 1 2.344-2.334h20.16ZM77.96 41.336H9.15a763809.95 763809.95 0 0 1 40.02 30.85c.86.686 2.062.686 2.923 0l.045-.034L81.065 50.17a21.004 21.004 0 0 1-3.106-8.834Zm20.96-18.669c-9.047 0-16.408 7.328-16.408 16.336a16.08 16.08 0 0 0 3.6 10.196 16.368 16.368 0 0 0 12.808 6.14c9.047 0 16.408-7.329 16.408-16.336 0-9.007-7.361-16.336-16.408-16.336Z"
+    />
+    <Path
+      fill={color}
+      d="M100.486 50.37a2.443 2.443 0 0 1-1.664.634 2.527 2.527 0 0 1-1.704-.626c-.486-.418-.729-1.002-.729-1.752 0-.666.236-1.226.705-1.68.47-.455 1.045-.682 1.728-.682.672 0 1.237.227 1.697.681.458.455.688 1.015.688 1.68-.001.74-.241 1.322-.721 1.744Zm5.977-14.681a7.238 7.238 0 0 1-1.313 1.752c-.506.491-1.416 1.318-2.729 2.48-.362.328-.653.616-.871.864a3.472 3.472 0 0 0-.488.682c-.108.206-.19.413-.248.619-.059.206-.146.568-.265 1.086-.202 1.1-.837 1.649-1.904 1.649-.555 0-1.02-.18-1.4-.539-.38-.36-.568-.893-.568-1.6 0-.888.14-1.657.417-2.308.275-.65.645-1.22 1.103-1.712.46-.492 1.078-1.076 1.857-1.752a33.292 33.292 0 0 0 1.48-1.34c.304-.301.56-.637.767-1.007.21-.37.312-.77.312-1.204 0-.846-.316-1.559-.952-2.14-.634-.581-1.453-.872-2.456-.872-1.174 0-2.038.293-2.593.88-.555.586-1.023 1.45-1.408 2.591-.363 1.195-1.052 1.792-2.064 1.792a2.042 2.042 0 0 1-1.513-.626c-.41-.417-.615-.868-.615-1.355 0-1.004.325-2.021.975-3.052.651-1.03 1.601-1.884 2.85-2.56C96.083 27.34 97.54 27 99.203 27c1.547 0 2.912.284 4.097.85 1.184.564 2.099 1.333 2.745 2.306a5.63 5.63 0 0 1 .968 3.17c.001.898-.183 1.685-.551 2.362Z"
+    />
+  </Svg>
+);
+
+export default PictogramEmailToValidate;

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

@@ -0,0 +1,33 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+
+import { SVGPictogramProps } from "../Pictogram";
+
+const PictogramEmailValidation = ({
+  size,
+  color,
+  ...props
+}: SVGPictogramProps) => (
+  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M37.066 87.421a2.32 2.32 0 0 0-2.324 2.314 2.32 2.32 0 0 0 2.324 2.315 2.32 2.32 0 0 0 2.325-2.314 2.32 2.32 0 0 0-2.325-2.315Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M78.105 36.512C79.265 26.114 88.145 18 98.895 18c11.534 0 20.919 9.343 20.919 20.826 0 10.702-8.15 19.542-18.595 20.698v34.84c0 3.825-3.123 6.942-6.973 6.942H7.779c-3.879 0-6.973-3.145-6.973-6.942v-50.91c0-3.854 3.15-6.942 6.973-6.942h70.326Zm-41.32 31.224L5.456 43.583v50.39l31.33-26.237Zm3.76 2.899 6.127 4.72a6.966 6.966 0 0 0 4.34 1.523 6.97 6.97 0 0 0 4.333-1.516l6.922-5.258 31.458 26.574H9.445l31.1-26.043Zm43.539-17.113L66.049 67.23 96.57 93.01V59.525a20.823 20.823 0 0 1-12.486-6.002ZM52.506 71.698a.467.467 0 0 0-.017.013l-.027.02c-.854.68-2.046.68-2.9 0l-.03-.023C49.5 71.683 9.904 41.158 9.879 41.14H78.11a20.827 20.827 0 0 0 3.08 8.759L52.506 71.698Zm33.688-22.761a16.23 16.23 0 0 0 12.7 6.088c8.972 0 16.271-7.267 16.271-16.199 0-8.931-7.299-16.198-16.27-16.198-8.972 0-16.271 7.267-16.271 16.198 0 3.718 1.235 7.214 3.57 10.11Z"
+      fill={color}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m106.549 32.562-9.979 9.934-5.33-5.306a2.33 2.33 0 0 0-3.286 0 2.306 2.306 0 0 0 0 3.273l6.973 6.942a2.331 2.331 0 0 0 3.287 0l11.622-11.57a2.306 2.306 0 0 0 0-3.273 2.331 2.331 0 0 0-3.287 0ZM66.353 87.421h-19.99a2.319 2.319 0 0 0-2.324 2.314 2.319 2.319 0 0 0 2.325 2.315h19.99a2.32 2.32 0 0 0 2.324-2.314 2.319 2.319 0 0 0-2.325-2.315Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default PictogramEmailValidation;