add interrogation point icon

src/components/Icons/Svg/Massa/InterrogationPoint.tsx

@@ -0,0 +1,45 @@
+import { ComponentPropsWithoutRef } from 'react';
+
+interface SVGProps extends ComponentPropsWithoutRef<'div'> {
+  size?: number;
+  primaryColor?: string;
+  secondaryColor?: string;
+}
+
+export function InterrogationPoint(props: SVGProps) {
+  let { size, primaryColor, secondaryColor, ...rest } = props;
+
+  return (
+    <div
+      className={`bg-primary w-fit rounded-full`}
+      data-testid="svg-icon"
+      {...rest}
+    >
+      <svg
+        width={size ?? 32}
+        height={size ?? 32}
+        viewBox="0 0 32 32"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32
+          16 32Z"
+          fill={primaryColor ?? '#2E374C'}
+        />
+        <path
+          d="M14.6641 18.3516L14.4766 15.7422C16.9089 15.7734 18.125 15.1667 18.125 13.9219C18.125 13.3542 17.9036
+          12.9167 17.4609 12.6094C17.0234 12.2969 16.401 12.1406 15.5938 12.1406C14.9792 12.1406 14.4635 12.2839 14.0469
+          12.5703C13.6354 12.8516 13.3568 13.2526 13.2109 13.7734L11 13.5859C11.151 12.4661 11.6432 11.5885 12.4766
+          10.9531C13.3151 10.3177 14.3958 10 15.7188 10C17.2135 10 18.3932 10.3281 19.2578 10.9844C20.1224 11.6406
+          20.5547 12.5286 20.5547 13.6484C20.5547 14.638 20.2057 15.4479 19.5078 16.0781C18.8099 16.7031 17.8203 17.0495
+          16.5391 17.1172L16.3594 18.3516H14.6641ZM15.5 21.8828C15.0833 21.8828 14.7448 21.776 14.4844 21.5625C14.2292
+          21.349 14.1016 21.0469 14.1016 20.6562C14.1016 20.2656 14.2292 19.9635 14.4844 19.75C14.7448 19.5312 15.0833
+          19.4219 15.5 19.4219C15.8854 19.4219 16.2135 19.5339 16.4844 19.7578C16.7552 19.9766 16.8906 20.276 16.8906
+          20.6562C16.8906 21.0365 16.7552 21.3359 16.4844 21.5547C16.2188 21.7734 15.8906 21.8828 15.5 21.8828Z"
+          fill={secondaryColor ?? 'white'}
+        />
+      </svg>
+    </div>
+  );
+}

src/components/Icons/Svg/Massa/index.ts

@@ -5,3 +5,4 @@ export * from './StationLogo';
 export * from './Certificate';
 export * from './BridgeLogo';
 export * from './FT1';
+export * from './InterrogationPoint';

src/components/Icons/Svg/SvgIcon.stories.tsx

@@ -5,6 +5,7 @@ import {
   StationLogo,
   BridgeLogo,
   FT1,
+  InterrogationPoint,
 } from './Massa';
 
 export default { title: 'Icons/Massa' };
@@ -50,3 +51,7 @@ export const _BridgeLogo = {
 export const _FT1 = {
   render: () => <FT1 size={40} />,
 };
+
+export const _InterrogationPoint = {
+  render: () => <InterrogationPoint size={40} />,
+};