diff --git a/scripts/picto-builder.ts b/scripts/picto-builder.ts
index db7e1f9b7..1c421539b 100644
--- a/scripts/picto-builder.ts
+++ b/scripts/picto-builder.ts
@@ -126,9 +126,9 @@ async function generateComponent(svgPath: string, outputDir: string): Promise<st
     const cleanedSvg = extractSvgInnerContent(await cleanSvgContent(svgData));
 
     const template = `import React from 'react';
-import { createIcon } from './utils/IconWrapper';
+import { createPicto } from './utils/PictoWrapper';
 
-export default createIcon(
+export default createPicto(
     <>
         {{& svgContent }}
     </>,
@@ -167,7 +167,7 @@ async function generateTypes(outputDir: string): Promise<string> {
     const iconNames = files.map(f => pascalCaseName(path.basename(f, ".tsx")));
     const filePath = path.join(outputDir, "index.d.ts");
 
-    const header = `import { IconWrapper } from './utils/IconWrapper';\n\ntype SvgIconComponent = typeof IconWrapper;\n\n`;
+    const header = `import { PictoWrapper } from './utils/PictoWrapper';\n\ntype SvgIconComponent = typeof PictoWrapper;\n\n`;
     const lines = iconNames.map(name => `export const ${name}: SvgIconComponent;`);
 
     const content = `${header}${lines.join("\n")}\n`;
diff --git a/src/Tile.tsx b/src/Tile.tsx
index 6cee46e21..b43091b47 100644
--- a/src/Tile.tsx
+++ b/src/Tile.tsx
@@ -21,17 +21,6 @@ export type TileProps = {
     desc?: ReactNode;
     detail?: ReactNode;
     start?: ReactNode;
-    imageUrl?: string;
-    imageAlt?: string;
-    /**
-     * @deprecated imageWidth has no effect
-     */
-    imageWidth?: string | number;
-    /**
-     * @deprecated imageHeight has no effect
-     */
-    imageHeight?: string | number;
-    imageSvg?: boolean;
     grey?: boolean;
     /** make the whole tile clickable */
     enlargeLinkOrButton?: boolean;
@@ -60,7 +49,8 @@ export type TileProps = {
     noBackground?: boolean;
     disabled?: boolean;
     style?: CSSProperties;
-} & (TileProps.WithLink | TileProps.WithButton | TileProps.Unclickable);
+} & (TileProps.WithImage | TileProps.WithPicto) &
+    (TileProps.WithLink | TileProps.WithButton | TileProps.Unclickable);
 
 export namespace TileProps {
     export type Unclickable = {
@@ -78,6 +68,30 @@ export namespace TileProps {
         linkProps?: never;
         buttonProps: ComponentProps<"button">;
     };
+
+    export type WithImage = {
+        imageUrl?: string;
+        imageAlt?: string;
+        /**
+         * @deprecated imageWidth has no effect
+         */
+        imageWidth?: string | number;
+        /**
+         * @deprecated imageHeight has no effect
+         */
+        imageHeight?: string | number;
+        imageSvg?: boolean;
+        pictogram?: never;
+    };
+
+    export type WithPicto = {
+        imageUrl?: never;
+        imageAlt?: never;
+        imageWidth?: never;
+        imageHeight?: never;
+        imageSvg?: never;
+        pictogram: ReactNode;
+    };
 }
 
 /** @see <https://components.react-dsfr.codegouv.studio/?path=/docs/components-tile> */
@@ -99,6 +113,7 @@ export const Tile = memo(
             imageWidth,
             imageHeight,
             imageSvg = false,
+            pictogram,
             orientation = "vertical",
             small = false,
             noBorder = false,
@@ -189,33 +204,37 @@ export const Tile = memo(
                     </div>
                 </div>
 
-                {imageUrl !== undefined && imageUrl.length > 0 && (
+                {((imageUrl !== undefined && imageUrl.length > 0) || pictogram !== undefined) && (
                     <div className={cx(fr.cx("fr-tile__header"), classes.header)}>
-                        {imageSvg ? (
+                        {imageSvg || pictogram !== undefined ? (
                             <div className={cx(fr.cx("fr-tile__pictogram"), classes.img)}>
-                                <svg
-                                    aria-hidden={true}
-                                    className={cx(fr.cx("fr-artwork"), classes.artwork)}
-                                    viewBox="0 0 80 80"
-                                    width="80px"
-                                    height="80px"
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    xmlnsXlink="http://www.w3.org/1999/xlink"
-                                >
-                                    {(
-                                        [
-                                            "artwork-decorative",
-                                            "artwork-minor",
-                                            "artwork-major"
-                                        ] as const
-                                    ).map(label => (
-                                        <use
-                                            key={label}
-                                            className={fr.cx(`fr-${label}`)}
-                                            xlinkHref={`${imageUrl}#${label}`}
-                                        />
-                                    ))}
-                                </svg>
+                                {pictogram !== undefined ? (
+                                    pictogram
+                                ) : (
+                                    <svg
+                                        aria-hidden={true}
+                                        className={cx(fr.cx("fr-artwork"), classes.artwork)}
+                                        viewBox="0 0 80 80"
+                                        width="80px"
+                                        height="80px"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        xmlnsXlink="http://www.w3.org/1999/xlink"
+                                    >
+                                        {(
+                                            [
+                                                "artwork-decorative",
+                                                "artwork-minor",
+                                                "artwork-major"
+                                            ] as const
+                                        ).map(label => (
+                                            <use
+                                                key={label}
+                                                className={fr.cx(`fr-${label}`)}
+                                                xlinkHref={`${imageUrl}#${label}`}
+                                            />
+                                        ))}
+                                    </svg>
+                                )}
                             </div>
                         ) : (
                             <div className={cx(fr.cx("fr-tile__img"), classes.img)}>
diff --git a/src/picto/Accessibility.tsx b/src/picto/Accessibility.tsx
index c043d8f95..e83213bd3 100644
--- a/src/picto/Accessibility.tsx
+++ b/src/picto/Accessibility.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Airport.tsx b/src/picto/Airport.tsx
index fa10ceb1a..9a1c7caf7 100644
--- a/src/picto/Airport.tsx
+++ b/src/picto/Airport.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Application.tsx b/src/picto/Application.tsx
index 1db5f0b4e..0667db59a 100644
--- a/src/picto/Application.tsx
+++ b/src/picto/Application.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M33 38H29C28.4477 38 28 38.4477 28 39V41C28 41.5523 28.4477 42 29 42H33C33.5523 42 34 41.5523 34 41V39C34 38.4477 33.5523 38 33 38Z" />
diff --git a/src/picto/Archive.tsx b/src/picto/Archive.tsx
index 9fdfb58a6..1ca09c41c 100644
--- a/src/picto/Archive.tsx
+++ b/src/picto/Archive.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/ArmyTank.tsx b/src/picto/ArmyTank.tsx
index ff53de019..ce813eb3c 100644
--- a/src/picto/ArmyTank.tsx
+++ b/src/picto/ArmyTank.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M19 51C20.1046 51 21 50.1046 21 49C21 47.8954 20.1046 47 19 47C17.8954 47 17 47.8954 17 49C17 50.1046 17.8954 51 19 51Z" />
diff --git a/src/picto/Art.tsx b/src/picto/Art.tsx
index 7c6e8d1fd..ebee628dc 100644
--- a/src/picto/Art.tsx
+++ b/src/picto/Art.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Astronaut.tsx b/src/picto/Astronaut.tsx
index fdc58b0f3..66ea5459b 100644
--- a/src/picto/Astronaut.tsx
+++ b/src/picto/Astronaut.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Audio.tsx b/src/picto/Audio.tsx
index 68b4f1958..7283029ae 100644
--- a/src/picto/Audio.tsx
+++ b/src/picto/Audio.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Avatar.tsx b/src/picto/Avatar.tsx
index 84d7e6e18..448ada0f3 100644
--- a/src/picto/Avatar.tsx
+++ b/src/picto/Avatar.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M42.1481 10C58.7166 10 72.1481 23.4315 72.1481 40C72.1481 40.5523 71.7004 41 71.1481 41C70.5958 41 70.1481 40.5523 70.1481 40C70.1481 24.536 57.6121 12 42.1481 12C26.6841 12 14.1481 24.536 14.1481 40C14.1481 55.464 26.6841 68 42.1481 68C53.3028 68 63.2553 61.4175 67.7265 51.4083C67.9518 50.9041 68.5432 50.6779 69.0474 50.9031C69.5517 51.1284 69.7778 51.7198 69.5526 52.224C64.7624 62.9473 54.099 70 42.1481 70C25.5796 70 12.1481 56.5685 12.1481 40C12.1481 23.4315 25.5796 10 42.1481 10Z" />
diff --git a/src/picto/Backpack.tsx b/src/picto/Backpack.tsx
index edc7f2768..89ea8b949 100644
--- a/src/picto/Backpack.tsx
+++ b/src/picto/Backpack.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Base.tsx b/src/picto/Base.tsx
index ca70d6b95..a9b4178f6 100644
--- a/src/picto/Base.tsx
+++ b/src/picto/Base.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Binders.tsx b/src/picto/Binders.tsx
index 88f146d18..b753a329c 100644
--- a/src/picto/Binders.tsx
+++ b/src/picto/Binders.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M55.7 69.3129C55.5 69.3129 55.2 69.2129 55.1 69.1129C54.9 68.9129 54.8 68.7129 54.7 68.4129L50 12.6129C50 12.0129 50.4 11.6129 50.9 11.5129L68.8 10.0129C69.4 9.91287 69.8 10.4129 69.9 10.9129L70.1 13.5129L74.6 66.8129C74.6 67.3129 74.2 67.8129 73.7 67.9129L55.7 69.3129ZM52.1 13.4129L56.6 67.2129L72.5 65.9129L68 12.1129L52.1 13.4129Z" />
diff --git a/src/picto/Book.tsx b/src/picto/Book.tsx
index 3dc26fda6..5090ff3b3 100644
--- a/src/picto/Book.tsx
+++ b/src/picto/Book.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M31 32C31 31.4477 30.5523 31 30 31C29.4477 31 29 31.4477 29 32C29 32.5523 29.4477 33 30 33C30.5523 33 31 32.5523 31 32Z" />
diff --git a/src/picto/Calendar.tsx b/src/picto/Calendar.tsx
index fcb86f610..4eb58b0ea 100644
--- a/src/picto/Calendar.tsx
+++ b/src/picto/Calendar.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M69.5518 69.3258C64.4014 73.4965 56.845 72.7023 52.6742 67.5518C48.5035 62.4014 49.2977 54.845 54.4482 50.6742C59.5986 46.5035 67.155 47.2977 71.3258 52.4482C71.6733 52.8774 71.6071 53.5071 71.1779 53.8546C70.7487 54.2022 70.119 54.136 69.7715 53.7068C66.2958 49.4147 59.9989 48.7529 55.7068 52.2285C51.4147 55.7042 50.7529 62.0011 54.2285 66.2932C57.7042 70.5853 64.0011 71.2471 68.2932 67.7715C71.0207 65.5628 72.3571 62.1366 71.9191 58.7185C71.8489 58.1707 72.2361 57.6697 72.7839 57.5995C73.3317 57.5293 73.8327 57.9165 73.9029 58.4643C74.4281 62.5633 72.8238 66.6762 69.5518 69.3258Z" />
diff --git a/src/picto/Catalog.tsx b/src/picto/Catalog.tsx
index 120c0241b..db36dc53c 100644
--- a/src/picto/Catalog.tsx
+++ b/src/picto/Catalog.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M34.5547 63.1679C34.3904 63.0584 34.1974 63 34 63H14L13.8834 63.0067C13.386 63.0645 13 63.4872 13 64L13.0067 64.1166C13.0645 64.614 13.4872 65 14 65H33.705L33.8051 65.0652C35.8457 66.3489 37.9148 67 40 67L40.3678 66.9932C42.3286 66.9212 44.2743 66.2734 46.1949 65.0652L46.294 65H66L66.1166 64.9933C66.614 64.9355 67 64.5128 67 64C67 63.4477 66.5523 63 66 63H46L45.8823 63.007C45.7265 63.0254 45.5767 63.0803 45.4453 63.1679C43.6023 64.3966 41.7921 65 40 65C38.2079 65 36.3977 64.3966 34.5547 63.1679Z" />
diff --git a/src/picto/CityHall.tsx b/src/picto/CityHall.tsx
index 366c0ce9b..e017406a5 100644
--- a/src/picto/CityHall.tsx
+++ b/src/picto/CityHall.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M44.9933 9.88338C44.9355 9.38604 44.5128 9 44 9C43.4477 9 43 9.44772 43 10V14L43.0067 14.1166C43.0645 14.614 43.4872 15 44 15C44.5523 15 45 14.5523 45 14V10L44.9933 9.88338Z" />
diff --git a/src/picto/Coding.tsx b/src/picto/Coding.tsx
index d504eea2c..b416c7637 100644
--- a/src/picto/Coding.tsx
+++ b/src/picto/Coding.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Community.tsx b/src/picto/Community.tsx
index 9b6607951..a8a98fe7f 100644
--- a/src/picto/Community.tsx
+++ b/src/picto/Community.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M37 23C37 22.4477 36.5523 22 36 22H24L23.8834 22.0067C23.386 22.0645 23 22.4872 23 23C23 23.5523 23.4477 24 24 24H36L36.1166 23.9933C36.614 23.9355 37 23.5128 37 23Z" />
diff --git a/src/picto/Companie.tsx b/src/picto/Companie.tsx
index 1dfb2e058..aa0cc2f4c 100644
--- a/src/picto/Companie.tsx
+++ b/src/picto/Companie.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Compass.tsx b/src/picto/Compass.tsx
index f25ca1bf9..3a88d2735 100644
--- a/src/picto/Compass.tsx
+++ b/src/picto/Compass.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M48.82 39.9C48.75 39.9 48.68 39.9 48.6 39.89C47.75 39.8 47.06 39.2 46.86 38.36C46.56 37.09 45.91 35.93 44.99 35.01C44.07 34.09 42.91 33.44 41.64 33.14C41.1 33.01 40.77 32.47 40.9 31.93C41.03 31.39 41.57 31.06 42.11 31.19C43.74 31.58 45.22 32.41 46.41 33.6C47.6 34.79 48.43 36.27 48.82 37.9L54.84 25.17L46.67 29.04C46.17 29.28 45.58 29.06 45.34 28.56C45.1 28.06 45.32 27.46 45.82 27.23L56.52 22.16C56.9 21.98 57.36 22.06 57.65 22.36C57.95 22.66 58.03 23.11 57.85 23.5L50.62 38.76C50.28 39.46 49.59 39.89 48.82 39.9Z" />
diff --git a/src/picto/Conclusion.tsx b/src/picto/Conclusion.tsx
index ed67390d1..9de9a667b 100644
--- a/src/picto/Conclusion.tsx
+++ b/src/picto/Conclusion.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M68.1999 67.8523C69.194 67.8523 69.9999 67.0464 69.9999 66.0523C69.9999 65.0582 69.194 64.2523 68.1999 64.2523C67.2058 64.2523 66.3999 65.0582 66.3999 66.0523C66.3999 67.0464 67.2058 67.8523 68.1999 67.8523Z" />
diff --git a/src/picto/ConnectionLost.tsx b/src/picto/ConnectionLost.tsx
index 1e4c1fc82..b99e3321b 100644
--- a/src/picto/ConnectionLost.tsx
+++ b/src/picto/ConnectionLost.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M54.1056 40.5528C54.4547 39.8545 55.4171 39.8178 55.8308 40.4425L55.8944 40.5528L67.8944 64.5528C68.2094 65.1827 67.792 65.918 67.1151 65.9936L67 66H63C62.4477 66 62 65.5523 62 65C62 64.4872 62.386 64.0645 62.8834 64.0067L63 64H65.381L55 43.236L44.618 64H59C59.5128 64 59.9355 64.386 59.9933 64.8834L60 65C60 65.5128 59.614 65.9355 59.1166 65.9933L59 66H43C42.2958 66 41.8247 65.2979 42.0598 64.6586L42.1056 64.5528L54.1056 40.5528Z" />
diff --git a/src/picto/Contract.tsx b/src/picto/Contract.tsx
index 397234532..cd816f560 100644
--- a/src/picto/Contract.tsx
+++ b/src/picto/Contract.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Culture.tsx b/src/picto/Culture.tsx
index 6a9b3ffdd..7b051d311 100644
--- a/src/picto/Culture.tsx
+++ b/src/picto/Culture.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M27.0144 31.57C19.3475 33.0262 12.6391 37.1038 6.91221 43.7721C6.64728 44.0806 6.59552 44.5187 6.78129 44.8805L7.29883 45.8488L7.9007 46.9303L8.40715 47.8135C8.49467 47.9642 8.58374 48.1166 8.67432 48.2706L9.23586 49.2136C11.1682 52.4186 13.2942 55.5544 15.5538 58.389C15.7574 58.6445 15.9609 58.8961 16.1642 59.1437L16.7735 59.8744C22.9621 67.1812 28.9681 70.7279 34.5066 68.7121C40.6898 66.4616 43.618 59.8503 43.415 49.1257C43.4045 48.5735 42.9484 48.1343 42.3962 48.1448C41.8441 48.1553 41.4049 48.6114 41.4154 49.1636C41.604 59.1294 39.0319 64.9367 33.8226 66.8327C29.342 68.4635 23.9827 65.2835 18.2983 58.5793L17.7091 57.8733C17.5123 57.6338 17.3152 57.3901 17.1177 57.1424C14.9181 54.383 12.8393 51.3168 10.9486 48.1809C10.7595 47.8672 10.5761 47.5591 10.3987 47.2575L9.8848 46.3726L9.40797 45.5304L9.18383 45.1265L8.87606 44.5626L9.21265 44.1871C14.4735 38.3802 20.5251 34.8383 27.3876 33.5349C27.9302 33.4318 28.2865 32.9084 28.1834 32.3658C28.0804 31.8232 27.557 31.4669 27.0144 31.57Z" />
diff --git a/src/picto/DataVisualization.tsx b/src/picto/DataVisualization.tsx
index bf9eec057..85974ca4b 100644
--- a/src/picto/DataVisualization.tsx
+++ b/src/picto/DataVisualization.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Datalma.tsx b/src/picto/Datalma.tsx
index 0d0a98ea6..36a0f9bc1 100644
--- a/src/picto/Datalma.tsx
+++ b/src/picto/Datalma.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <path
             d="M20.8854 10V26.1817L10 35.4712H31.7707L31.7707 19.5238L20.8854 10Z"
diff --git a/src/picto/DigitalArt.tsx b/src/picto/DigitalArt.tsx
index 6a3cbccea..cd0d4b0db 100644
--- a/src/picto/DigitalArt.tsx
+++ b/src/picto/DigitalArt.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Doctor.tsx b/src/picto/Doctor.tsx
index fba4036da..34ccb5de2 100644
--- a/src/picto/Doctor.tsx
+++ b/src/picto/Doctor.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Document.tsx b/src/picto/Document.tsx
index b278ad24b..054cdd4c7 100644
--- a/src/picto/Document.tsx
+++ b/src/picto/Document.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M41 18C41.5523 18 42 18.4477 42 19C42 19.5128 41.614 19.9355 41.1166 19.9933L41 20H25C24.4477 20 24 19.5523 24 19C24 18.4872 24.386 18.0645 24.8834 18.0067L25 18H41Z" />
diff --git a/src/picto/DocumentAdd.tsx b/src/picto/DocumentAdd.tsx
index 89b7ccb33..24b7e9558 100644
--- a/src/picto/DocumentAdd.tsx
+++ b/src/picto/DocumentAdd.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/DocumentDownload.tsx b/src/picto/DocumentDownload.tsx
index 96463c89a..513e0dc67 100644
--- a/src/picto/DocumentDownload.tsx
+++ b/src/picto/DocumentDownload.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M40 19C40 18.4477 39.5523 18 39 18H23L22.8834 18.0067C22.386 18.0645 22 18.4872 22 19C22 19.5523 22.4477 20 23 20H39L39.1166 19.9933C39.614 19.9355 40 19.5128 40 19Z" />
diff --git a/src/picto/DocumentSearch.tsx b/src/picto/DocumentSearch.tsx
index fa24ea6d4..3fd75e3e1 100644
--- a/src/picto/DocumentSearch.tsx
+++ b/src/picto/DocumentSearch.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M48.0374 46.7318C48.188 46.1997 48.749 45.8885 49.2902 46.0367C51.6704 46.6881 53.4951 48.523 53.9781 50.7982C54.0929 51.3389 53.7401 51.8686 53.1901 51.9814C52.6401 52.0943 52.1011 51.7475 51.9864 51.2068C51.6623 49.6804 50.4075 48.4185 48.7445 47.9633C48.2032 47.8152 47.8866 47.2638 48.0374 46.7318Z" />
diff --git a/src/picto/DrivingLicense.tsx b/src/picto/DrivingLicense.tsx
index 5e1bd294d..7d179b66c 100644
--- a/src/picto/DrivingLicense.tsx
+++ b/src/picto/DrivingLicense.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M32 17C32 16.4477 31.5523 16 31 16C30.4477 16 30 16.4477 30 17C30 17.5523 30.4477 18 31 18C31.5523 18 32 17.5523 32 17Z" />
diff --git a/src/picto/DrivingLicenseNew.tsx b/src/picto/DrivingLicenseNew.tsx
index cb3efb1b5..be7ea2393 100644
--- a/src/picto/DrivingLicenseNew.tsx
+++ b/src/picto/DrivingLicenseNew.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/EarOff.tsx b/src/picto/EarOff.tsx
index 1a6794696..6b6786bfc 100644
--- a/src/picto/EarOff.tsx
+++ b/src/picto/EarOff.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Ecosystem.tsx b/src/picto/Ecosystem.tsx
index 827cf015e..3af6790be 100644
--- a/src/picto/Ecosystem.tsx
+++ b/src/picto/Ecosystem.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Environment.tsx b/src/picto/Environment.tsx
index 1a8eb5dd4..23ea63f49 100644
--- a/src/picto/Environment.tsx
+++ b/src/picto/Environment.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Error.tsx b/src/picto/Error.tsx
index 3fb8362eb..079d91d72 100644
--- a/src/picto/Error.tsx
+++ b/src/picto/Error.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M40 36.5502L48.4351 28.1151C49.2552 27.295 50.5848 27.295 51.4049 28.1151C52.1774 28.8875 52.227 30.1212 51.5131 30.9678L51.4049 31.0849L42.9699 39.52L52.3649 48.9151L52.4731 49.0322C53.187 49.8788 53.1374 51.1125 52.3649 51.8849C51.5448 52.705 50.2152 52.705 49.3951 51.8849L40 42.4898L30.6049 51.8849C29.7848 52.705 28.4552 52.705 27.6351 51.8849C26.8626 51.1125 26.813 49.8788 27.5269 49.0322L27.6351 48.9151L37.0302 39.52L28.5951 31.0849L28.4869 30.9678C27.773 30.1212 27.8226 28.8875 28.5951 28.1151C29.4152 27.295 30.7448 27.295 31.5649 28.1151L40 36.5502Z" />
diff --git a/src/picto/EyeOff.tsx b/src/picto/EyeOff.tsx
index 212d2ee23..063c67b84 100644
--- a/src/picto/EyeOff.tsx
+++ b/src/picto/EyeOff.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Factory.tsx b/src/picto/Factory.tsx
index a0102bee4..72ce80530 100644
--- a/src/picto/Factory.tsx
+++ b/src/picto/Factory.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M31.314 7.15888C30.1429 6.77114 28.9341 7.09379 27.7352 8.02183L27.6737 8.071L27.4927 8.0603C25.8008 7.9816 24.443 8.35679 23.4639 9.22655L23.295 9.38518C22.2177 10.4552 22.0934 11.9594 22.7851 13.7729L22.8937 14.041L22.3737 15.073L22.2153 15.0841C19.6168 15.2908 18.0967 16.5614 18.0042 18.8129L17.9997 19.0338C17.9997 21.2738 19.3473 22.5977 21.726 22.9302L21.9997 22.963V24C21.9997 24.5128 22.3858 24.9355 22.8831 24.9933L22.9997 25C23.5126 25 23.9352 24.614 23.993 24.1166L23.9997 24V22.0135C23.9997 21.4612 23.552 21.0135 22.9997 21.0135C20.8322 21.0135 19.9997 20.3934 19.9997 19.0338C19.9997 17.6742 20.8322 17.0541 22.9997 17.0541C23.3355 17.0541 23.6459 16.8859 23.83 16.6115L23.8929 16.5037L24.8929 14.5173C25.0319 14.2412 25.0354 13.9163 24.9024 13.6372C24.2081 12.1813 24.2081 11.2971 24.7044 10.8042C25.3192 10.1935 26.3588 9.93542 27.8958 10.096C28.1749 10.1252 28.4535 10.0357 28.6634 9.84944C29.5084 9.09972 30.1606 8.88378 30.6854 9.05753C31.31 9.26431 31.7614 9.71262 32.0749 10.475C32.2849 10.9858 32.8693 11.2296 33.38 11.0195C33.8908 10.8095 34.1346 10.2251 33.9246 9.71436C33.3975 8.43269 32.5156 7.55668 31.314 7.15888Z" />
diff --git a/src/picto/Firefighter.tsx b/src/picto/Firefighter.tsx
index 07b387f97..311db757f 100644
--- a/src/picto/Firefighter.tsx
+++ b/src/picto/Firefighter.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M58.1644 30.0136L64.1644 31.0136C64.7092 31.1044 65.0772 31.6196 64.9864 32.1644C64.9021 32.6703 64.4518 33.0237 63.9517 32.9989L63.8356 32.9864L57.8356 31.9864C57.2908 31.8956 56.9228 31.3804 57.0136 30.8356C57.0979 30.3297 57.5482 29.9763 58.0483 30.0011L58.1644 30.0136Z" />
diff --git a/src/picto/FlowList.tsx b/src/picto/FlowList.tsx
index 3e45f64a7..d8550f4e6 100644
--- a/src/picto/FlowList.tsx
+++ b/src/picto/FlowList.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/FlowSettings.tsx b/src/picto/FlowSettings.tsx
index eafe62498..6daa988a2 100644
--- a/src/picto/FlowSettings.tsx
+++ b/src/picto/FlowSettings.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M17.6081 40.0335C17.056 40.9082 16.7766 41.7892 16.6364 42.4556C16.5666 42.7872 16.5324 43.0605 16.5157 43.2458C16.5073 43.3382 16.5034 43.4082 16.5016 43.4519C16.5007 43.4738 16.5003 43.489 16.5001 43.4971L16.5 43.5018L16.5 43.5037C16.4978 44.0542 16.051 44.4997 15.5 44.4997C14.9477 44.4997 14.5 44.052 14.5 43.4997V26.4997C14.5 25.9474 14.9477 25.4997 15.5 25.4997C16.0523 25.4997 16.5 25.9474 16.5 26.4997V38.1496V39.5L17.6081 40.0335Z" />
diff --git a/src/picto/Food.tsx b/src/picto/Food.tsx
index 6c20008d9..1387e5042 100644
--- a/src/picto/Food.tsx
+++ b/src/picto/Food.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Gendarmerie.tsx b/src/picto/Gendarmerie.tsx
index 8e48e4b87..a6d0a054d 100644
--- a/src/picto/Gendarmerie.tsx
+++ b/src/picto/Gendarmerie.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M54.487 24.1416C54.9611 23.8583 55.5751 24.013 55.8584 24.4871C56.1417 24.9611 55.987 25.5751 55.5129 25.8584C51.1524 28.464 44.0845 30 36 30C31.5371 30 27.8612 29.3637 22.7366 27.9647C22.2039 27.8193 21.8898 27.2694 22.0353 26.7366C22.1807 26.2039 22.7306 25.8899 23.2633 26.0353L24.5278 26.3722C28.8481 27.4927 32.1163 28 36 28C43.7519 28 50.475 26.539 54.487 24.1416Z" />
diff --git a/src/picto/Grocery.tsx b/src/picto/Grocery.tsx
index a9162a657..e74122d06 100644
--- a/src/picto/Grocery.tsx
+++ b/src/picto/Grocery.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Health.tsx b/src/picto/Health.tsx
index 4eeb3a41c..0d4fcb6d0 100644
--- a/src/picto/Health.tsx
+++ b/src/picto/Health.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M40.7318 18.2817C43.6285 15.2246 48.3616 15.2525 51.2314 18.2872C52.3324 19.4516 52.9425 21.1463 52.9962 23.0966C53.0114 23.6486 53.4712 24.0839 54.0233 24.0687C54.5754 24.0535 55.0106 23.5936 54.9954 23.0415C54.929 20.628 54.1492 18.4619 52.6845 16.9131C49.2585 13.2901 43.7192 13.0318 40 16.2207C36.2809 13.0318 30.7415 13.2901 27.3155 16.9131C23.8057 20.6246 24.431 27.8823 28.2353 31.9053C29.9796 33.7499 32.5623 35.7191 35.9888 37.8241L36.9442 38.4016C37.4324 38.692 37.9363 38.985 38.4559 39.2805L39.4947 39.8631C39.5263 39.8816 39.5589 39.8983 39.5922 39.9131C39.7238 39.9721 39.8626 40.0003 39.9998 40.0002C40.1371 40.0003 40.276 39.9722 40.4078 39.9131C40.4411 39.8983 40.4736 39.8816 40.5052 39.8632L41.5441 39.2805C42.0637 38.985 42.5676 38.692 43.0558 38.4016L44.0112 37.8241C47.4377 35.7191 50.0204 33.7499 51.7647 31.9053C52.1441 31.504 52.1265 30.8711 51.7252 30.4917C51.3239 30.1122 50.691 30.1299 50.3115 30.5312C48.694 32.2416 46.2303 34.1161 42.9257 36.1436L42.0036 36.7003C41.3644 37.0802 40.6965 37.4653 40 37.8555C39.3035 37.4653 38.6356 37.0802 37.9965 36.7003L37.0743 36.1436C33.7697 34.1161 31.306 32.2416 29.6885 30.5312C26.567 27.2302 26.0447 21.1678 28.7686 18.2872C31.6384 15.2525 36.3714 15.2246 39.2681 18.2816C39.2762 18.2903 39.2844 18.2988 39.2929 18.3073C39.3751 18.3895 39.4682 18.4546 39.5678 18.5022C39.8396 18.6324 40.1589 18.6332 40.4322 18.5022C40.5318 18.4546 40.6249 18.3895 40.7071 18.3073C40.7155 18.2989 40.7237 18.2904 40.7318 18.2817Z" />
diff --git a/src/picto/Hospital.tsx b/src/picto/Hospital.tsx
index b3f3d42fc..02bed1d8e 100644
--- a/src/picto/Hospital.tsx
+++ b/src/picto/Hospital.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/House.tsx b/src/picto/House.tsx
index 3f8636c4a..6698be35b 100644
--- a/src/picto/House.tsx
+++ b/src/picto/House.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/HumanCooperation.tsx b/src/picto/HumanCooperation.tsx
index 558cc0894..20bb54420 100644
--- a/src/picto/HumanCooperation.tsx
+++ b/src/picto/HumanCooperation.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M37.0961 15.6809C37.5129 16.8194 37.1302 18.1564 36.376 18.7893C36.0548 19.0588 35.7715 19.2179 35.2894 19.3645L34.9744 19.4517C34.9173 19.4662 34.8578 19.4808 34.7955 19.4956L34.3877 19.5871L32.4643 19.9804L32.2226 20.0318L32.3576 20.1024L32.6029 20.2355L33.0713 20.4991C33.5496 20.7752 33.7135 21.3868 33.4373 21.8651C33.1612 22.3434 32.5496 22.5073 32.0713 22.2311L31.8578 22.1094L31.4117 21.8646L29.8779 21.0624L29.1921 20.6968C29.0787 20.6356 28.9652 20.5738 28.8508 20.5111L28.1465 20.1195L27.3799 19.6818C26.9016 19.4057 26.7377 18.7941 27.0138 18.3158C27.29 17.8375 27.9016 17.6736 28.3799 17.9498L29.1265 18.3761C29.2448 18.4427 29.3604 18.5074 29.4743 18.5708L29.6092 18.6447C29.7104 18.5737 29.8266 18.5204 29.9543 18.4904L30.5011 18.3635L31.5451 18.1313L32.3143 17.9686L33.8959 17.647L34.3424 17.5479L34.5642 17.4915L34.7366 17.4399C34.7617 17.4315 34.7852 17.4232 34.8073 17.4149L34.9237 17.3653L35.0148 17.3136L35.0905 17.2572C35.2102 17.1567 35.3403 16.7023 35.218 16.3684C35.0123 15.8063 34.2001 15.324 32.4881 15.1307L29.1049 14.7834L27.2402 14.5988L25.1612 14.4016L23.036 14.2144L22.077 14.1382L21.9215 14.1408L21.8053 14.1524L21.6076 14.1862L21.4576 14.2207L21.2909 14.2656L21.0056 14.3536L20.5499 14.5131L19.9948 14.7257L19.3259 14.9965L18.0776 15.5234L15.8059 16.5099L15.6979 16.5474L15.6247 16.5652L15.5479 16.5764C15.5347 16.5777 15.5212 16.5786 15.5075 16.5793L15.4215 16.5789L15.3265 16.57L15.2206 16.5516L15.1014 16.523L14.8933 16.4592L14.7319 16.4015L14.4502 16.2905L14.233 16.1989L13.7183 15.97L12.9021 15.59L10.5664 14.4701C10.0689 14.2303 9.86006 13.6326 10.0999 13.1351C10.3397 12.6376 10.9375 12.4287 11.435 12.6686L13.1877 13.5049L13.8991 13.837L14.676 14.1904L15.1474 14.3956L15.4075 14.501L17.4277 13.6237L18.5652 13.1419L19.1407 12.9064L19.8 12.6496L20.0887 12.544L20.4774 12.4117L20.8199 12.3085L21.0267 12.2546L21.219 12.2117L21.3991 12.179L21.5696 12.1558L21.7328 12.1412C21.7595 12.1394 21.786 12.138 21.8124 12.1369L22.0468 12.1349L22.2792 12.1469L23.5269 12.2487L25.7325 12.446L28.3381 12.6969L31.8823 13.0572L32.4329 13.1147C34.9969 13.3503 36.5708 14.2458 37.0961 15.6809Z" />
diff --git a/src/picto/InProgress.tsx b/src/picto/InProgress.tsx
index 85c3c3b3b..d3af50325 100644
--- a/src/picto/InProgress.tsx
+++ b/src/picto/InProgress.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Information.tsx b/src/picto/Information.tsx
index 1704389ca..ff10e1226 100644
--- a/src/picto/Information.tsx
+++ b/src/picto/Information.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M42 26C42 24.8954 41.1046 24 40 24C38.8954 24 38 24.8954 38 26C38 27.1046 38.8954 28 40 28C41.1046 28 42 27.1046 42 26Z" />
diff --git a/src/picto/Innovation.tsx b/src/picto/Innovation.tsx
index 755b0cb8a..641ea18b7 100644
--- a/src/picto/Innovation.tsx
+++ b/src/picto/Innovation.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/InternationalDrivingLicense.tsx b/src/picto/InternationalDrivingLicense.tsx
index d431ecd65..df75bc8c3 100644
--- a/src/picto/InternationalDrivingLicense.tsx
+++ b/src/picto/InternationalDrivingLicense.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/InternationalDrivingLicenseNew.tsx b/src/picto/InternationalDrivingLicenseNew.tsx
index def39a9a7..adc0ae149 100644
--- a/src/picto/InternationalDrivingLicenseNew.tsx
+++ b/src/picto/InternationalDrivingLicenseNew.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Internet.tsx b/src/picto/Internet.tsx
index b8da91c52..409514656 100644
--- a/src/picto/Internet.tsx
+++ b/src/picto/Internet.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/JusticeScales.tsx b/src/picto/JusticeScales.tsx
index 2e87e077c..4403b8924 100644
--- a/src/picto/JusticeScales.tsx
+++ b/src/picto/JusticeScales.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Language.tsx b/src/picto/Language.tsx
index 8862aa305..94b15ae35 100644
--- a/src/picto/Language.tsx
+++ b/src/picto/Language.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M50.0855 41C50.6378 41 51.0855 41.4477 51.0855 42L51.085 43H57.0855C57.6378 43 58.0855 43.4477 58.0855 44C58.0855 44.5523 57.6378 45 57.0855 45L55.4161 45.0004C54.2973 47.8987 52.6521 50.5405 50.5943 52.8058C52.2359 54.4641 54.1483 55.9595 56.1508 57.1382C56.1941 57.1637 56.2347 57.1919 56.2727 57.2225L59.1694 50.5992L59.179 50.579L59.174 50.588L59.1967 50.5417L59.181 50.575L59.2166 50.505L59.2309 50.4806C59.2438 50.4593 59.2577 50.4382 59.2724 50.4177C59.2832 50.4024 59.2947 50.3873 59.3065 50.3727C59.3155 50.3615 59.3247 50.3505 59.3342 50.3397L59.3592 50.3123L59.385 50.286C59.3947 50.2765 59.4054 50.2664 59.4163 50.2565C59.4311 50.2433 59.4455 50.2312 59.4601 50.2194C59.4749 50.2076 59.491 50.1954 59.5075 50.1838C59.5224 50.1733 59.5367 50.1638 59.5512 50.1546C59.5688 50.1435 59.5876 50.1324 59.6068 50.122L59.6429 50.1033L59.6847 50.0838L59.7048 50.0753L59.7336 50.064L59.748 50.058L59.8082 50.0391C59.8308 50.0326 59.8539 50.0268 59.8772 50.0219C59.8896 50.0191 59.902 50.0167 59.9143 50.0145C59.942 50.0098 59.9697 50.0062 59.9975 50.0037L60.0231 50.0017L60.0853 49.9997L60.1284 50.0007L60.147 50.0016L60.1771 50.0039C60.2041 50.0065 60.2304 50.0101 60.2565 50.0146C60.2691 50.0167 60.2814 50.0191 60.2938 50.0217C60.3172 50.0268 60.3402 50.0326 60.3631 50.0393C60.3779 50.0435 60.3929 50.0482 60.4079 50.0533C60.4279 50.0602 60.4472 50.0674 60.4662 50.0753L60.4864 50.0838L60.5282 50.1033L60.556 50.117C60.5784 50.1289 60.5994 50.1417 60.6206 50.155C60.6344 50.1638 60.6487 50.1733 60.6628 50.1832C60.6801 50.1954 60.6962 50.2076 60.7118 50.2201C60.7256 50.2312 60.74 50.2433 60.754 50.2559C60.7657 50.2664 60.7764 50.2765 60.7869 50.2868C60.8036 50.3032 60.8205 50.321 60.8368 50.3396C60.8464 50.3505 60.8556 50.3615 60.8645 50.3727C60.8764 50.3873 60.8878 50.4024 60.8989 50.4179C60.9134 50.4382 60.9272 50.4593 60.9403 50.4808L60.9543 50.5047C60.9683 50.5292 60.981 50.5539 60.9927 50.5791C60.9955 50.5853 60.9987 50.5922 61.0017 50.5992L68.0017 66.5992C68.2231 67.1052 67.9923 67.6948 67.4864 67.9162C66.9804 68.1375 66.3907 67.9068 66.1694 67.4008L63.806 62H56.364L54.0017 67.4008C53.7803 67.9068 53.1907 68.1375 52.6847 67.9162C52.1787 67.6948 51.948 67.1052 52.1694 66.5992L55.4996 58.9898C55.3749 58.9718 55.2516 58.9297 55.1363 58.8618C52.9956 57.6018 50.9532 56.0085 49.1889 54.2319C47.2107 56.0908 44.9253 57.6325 42.4138 58.7733C41.911 59.0017 41.3182 58.7792 41.0898 58.2763C40.8614 57.7735 41.0838 57.1807 41.5867 56.9523C43.9013 55.901 46.0076 54.4791 47.8319 52.7648C46.6969 51.444 45.7263 50.0525 44.983 48.6424C44.7255 48.1539 44.9128 47.549 45.4013 47.2915C45.8899 47.0339 46.4947 47.2212 46.7522 47.7098C47.3994 48.9374 48.2444 50.1582 49.2333 51.3258C50.9018 49.4627 52.267 47.3284 53.2578 45.0009L42.0855 45C41.5332 45 41.0855 44.5523 41.0855 44C41.0855 43.4477 41.5332 43 42.0855 43H49.085L49.0855 42C49.0855 41.4477 49.5332 41 50.0855 41ZM60.085 53.494L57.239 60H62.931L60.085 53.494ZM63.0855 43C63.6378 43 64.0855 43.4477 64.0855 44C64.0855 44.5523 63.6378 45 63.0855 45H61.0855C60.5332 45 60.0855 44.5523 60.0855 44C60.0855 43.4477 60.5332 43 61.0855 43H63.0855Z" />
diff --git a/src/picto/Leaf.tsx b/src/picto/Leaf.tsx
index b06d153e0..23b4c51ee 100644
--- a/src/picto/Leaf.tsx
+++ b/src/picto/Leaf.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M47.5528 17.1056C48.0468 16.8586 48.6474 17.0588 48.8944 17.5528C49.1414 18.0468 48.9412 18.6474 48.4472 18.8944C47.4879 19.3741 47 20.35 47 22C47 22.5523 46.5523 23 46 23C45.4477 23 45 22.5523 45 22C45 19.6501 45.8454 17.9593 47.5528 17.1056Z" />
diff --git a/src/picto/LocationFrance.tsx b/src/picto/LocationFrance.tsx
index 5e8b8fc55..079dc9c4f 100644
--- a/src/picto/LocationFrance.tsx
+++ b/src/picto/LocationFrance.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/LocationOverseasFrance.tsx b/src/picto/LocationOverseasFrance.tsx
index 89e6e1ce5..307cdb47a 100644
--- a/src/picto/LocationOverseasFrance.tsx
+++ b/src/picto/LocationOverseasFrance.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Luggage.tsx b/src/picto/Luggage.tsx
index 6065facfd..eb233c50b 100644
--- a/src/picto/Luggage.tsx
+++ b/src/picto/Luggage.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M17 28C17.5128 28 17.9355 28.386 17.9933 28.8834L18 29V33C18 33.5523 17.5523 34 17 34C16.4872 34 16.0645 33.614 16.0067 33.1166L16 33V29C16 28.4477 16.4477 28 17 28Z" />
diff --git a/src/picto/MainSend.tsx b/src/picto/MainSend.tsx
index ad4502e87..d69e668a4 100644
--- a/src/picto/MainSend.tsx
+++ b/src/picto/MainSend.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M41 13C41.5523 13 42 13.4477 42 14C42 14.5523 41.5523 15 41 15C34.3726 15 29 20.3726 29 27C29 33.6274 34.3726 39 41 39C47.6274 39 53 33.6274 53 27C53 24.9767 52.4995 23.0281 51.5571 21.2897C51.2939 20.8042 51.4741 20.1972 51.9596 19.934C52.4451 19.6708 53.0521 19.851 53.3153 20.3365C54.4155 22.3657 55 24.6418 55 27C55 34.732 48.732 41 41 41C33.268 41 27 34.732 27 27C27 19.268 33.268 13 41 13Z" />
diff --git a/src/picto/Map.tsx b/src/picto/Map.tsx
index 44808c0d3..700f43243 100644
--- a/src/picto/Map.tsx
+++ b/src/picto/Map.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/MapPin.tsx b/src/picto/MapPin.tsx
index d85360213..821556e09 100644
--- a/src/picto/MapPin.tsx
+++ b/src/picto/MapPin.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M43.949 30C43.949 32.2091 42.1125 34 39.8471 34C38.3287 34 37.0032 33.1956 36.2938 32C35.7451 31 33.6941 31 34.0388 31.9981L34.0442 32C34.8889 34.3304 37.1681 36 39.8471 36C43.2452 36 46 33.3137 46 30C46 26.6863 43.2452 24 39.8471 24C37.1681 24 34.8889 25.6696 34.0442 28C34.0671 28.9808 35.7451 29 36.2938 28C37.0032 26.8044 38.3287 26 39.8471 26C42.1125 26 43.949 27.7909 43.949 30Z" />
diff --git a/src/picto/MedicalResearch.tsx b/src/picto/MedicalResearch.tsx
index cb0ed0c4c..e1b11ce68 100644
--- a/src/picto/MedicalResearch.tsx
+++ b/src/picto/MedicalResearch.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/MentalDisabilities.tsx b/src/picto/MentalDisabilities.tsx
index cb4fa97fd..c256a0478 100644
--- a/src/picto/MentalDisabilities.tsx
+++ b/src/picto/MentalDisabilities.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Money.tsx b/src/picto/Money.tsx
index b3b7bc5dd..5749c39fc 100644
--- a/src/picto/Money.tsx
+++ b/src/picto/Money.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Moon.tsx b/src/picto/Moon.tsx
index 919fb23f7..e51bb7241 100644
--- a/src/picto/Moon.tsx
+++ b/src/picto/Moon.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M41 30C40.4477 30 40 30.4477 40 31C40 31.5523 40.4477 32 41 32C41.5523 32 42 31.5523 42 31C42 30.4477 41.5523 30 41 30Z" />
diff --git a/src/picto/Mountain.tsx b/src/picto/Mountain.tsx
index 90c277675..73fd0b6f6 100644
--- a/src/picto/Mountain.tsx
+++ b/src/picto/Mountain.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M28 17C28 17.5523 27.5523 18 27 18C26.4872 18 26.0645 17.614 26.0067 17.1166L26 17V15C26 14.4477 26.4477 14 27 14C27.5128 14 27.9355 14.386 27.9933 14.8834L28 15V17Z" />
diff --git a/src/picto/NationalIdentityCard.tsx b/src/picto/NationalIdentityCard.tsx
index 625ee7ad5..61ab4e024 100644
--- a/src/picto/NationalIdentityCard.tsx
+++ b/src/picto/NationalIdentityCard.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/NationalIdentityCardPassport.tsx b/src/picto/NationalIdentityCardPassport.tsx
index 4b1b6c1f2..74c8a2d09 100644
--- a/src/picto/NationalIdentityCardPassport.tsx
+++ b/src/picto/NationalIdentityCardPassport.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/NavyAnchor.tsx b/src/picto/NavyAnchor.tsx
index 032e7f6fe..50ec83dc6 100644
--- a/src/picto/NavyAnchor.tsx
+++ b/src/picto/NavyAnchor.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/NavyBachi.tsx b/src/picto/NavyBachi.tsx
index 207d765d0..c07dc8ecb 100644
--- a/src/picto/NavyBachi.tsx
+++ b/src/picto/NavyBachi.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Notification.tsx b/src/picto/Notification.tsx
index 04b8fb121..6dc5b2f70 100644
--- a/src/picto/Notification.tsx
+++ b/src/picto/Notification.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M12 26C12 26.5514 12.4486 27 13 27C13.5514 27 14 26.5514 14 26C14 25.4486 13.5514 25 13 25C12.4486 25 12 25.4486 12 26Z" />
diff --git a/src/picto/NuclearPlant.tsx b/src/picto/NuclearPlant.tsx
index d8aa46182..46cc5ab82 100644
--- a/src/picto/NuclearPlant.tsx
+++ b/src/picto/NuclearPlant.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Paint.tsx b/src/picto/Paint.tsx
index 9b6577566..3c33c2d13 100644
--- a/src/picto/Paint.tsx
+++ b/src/picto/Paint.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M39.8944 10.5528C39.6474 10.0588 39.0468 9.85858 38.5528 10.1056C36.8454 10.9593 36 12.65 36 15C36 15.5523 36.4477 16 37 16C37.5523 16 38 15.5523 38 15C38 13.3499 38.4879 12.3741 39.4472 11.8944C39.9412 11.6474 40.1414 11.0468 39.8944 10.5528Z" />
diff --git a/src/picto/Passport.tsx b/src/picto/Passport.tsx
index 62bdf0736..437ebd3b3 100644
--- a/src/picto/Passport.tsx
+++ b/src/picto/Passport.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Pictures.tsx b/src/picto/Pictures.tsx
index 1a7955646..4699a477b 100644
--- a/src/picto/Pictures.tsx
+++ b/src/picto/Pictures.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Podcast.tsx b/src/picto/Podcast.tsx
index 493bd0de0..1c230f8e6 100644
--- a/src/picto/Podcast.tsx
+++ b/src/picto/Podcast.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M62.9 16C63.6 16 64.2 16.4 64.2 17C64.2 17.5 63.7 17.9 63.1 18H47.5C46.8 18 46.2 17.6 46.2 17C46.2 16.5 46.7 16.1 47.3 16H62.9Z" />
diff --git a/src/picto/Police.tsx b/src/picto/Police.tsx
index e6bffe00e..0500c55c0 100644
--- a/src/picto/Police.tsx
+++ b/src/picto/Police.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M29.6 20.2C29.1582 19.8686 28.5314 19.9582 28.2 20.4C27.5559 21.2588 26.5997 22.2045 25.3332 23.2341L24.8101 23.6504C24.7201 23.7205 24.6288 23.791 24.5361 23.8619L23.9634 24.2915C23.8652 24.3639 23.7656 24.4366 23.6646 24.5096L23.0423 24.9525L22.387 25.4041C22.2751 25.4801 22.1617 25.5564 22.047 25.6331L21.3423 26.0978L20.6046 26.5711C20.4789 26.6507 20.3519 26.7306 20.2235 26.8109L19.4365 27.2971C19.3026 27.3788 19.1673 27.4609 19.0306 27.5434L18.1943 28.0423L17.3252 28.5497L16.4233 29.0655L15.4886 29.5896L14.5212 30.1221C14.0363 30.3866 13.8576 30.994 14.1221 31.4789C14.3866 31.9637 14.994 32.1424 15.4789 31.8779C15.6482 31.7855 15.8162 31.6935 15.9828 31.6018L16.9656 31.0557L17.915 30.5179L18.8312 29.9881C18.9811 29.9005 19.1296 29.8132 19.2768 29.7263L20.1429 29.2087L20.9759 28.6991L21.7755 28.1975L22.542 27.7039L23.2753 27.2181C23.7531 26.8969 24.2088 26.5809 24.6424 26.27L25.2763 25.8076C25.585 25.5784 25.8813 25.352 26.1651 25.1285L26.7164 24.6853C28.0532 23.5868 29.0804 22.5594 29.8 21.6C30.1314 21.1582 30.0418 20.5314 29.6 20.2Z" />
diff --git a/src/picto/PressCard.tsx b/src/picto/PressCard.tsx
index 85c206004..a63396439 100644
--- a/src/picto/PressCard.tsx
+++ b/src/picto/PressCard.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/School.tsx b/src/picto/School.tsx
index b72e6d61b..211104a31 100644
--- a/src/picto/School.tsx
+++ b/src/picto/School.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M14.0064 37.6022C14.0862 36.6783 14.9089 36 15.8571 36H19L19.1166 36.0067C19.614 36.0645 20 36.4872 20 37L19.9933 37.1166C19.9355 37.614 19.5128 38 19 38H16V42H19L19.1166 42.0067C19.614 42.0645 20 42.4872 20 43C20 43.5523 19.5523 44 19 44H15.8571L15.7086 43.9944C14.7752 43.9242 14 43.1985 14 42.25V37.75L14.0064 37.6022Z" />
diff --git a/src/picto/Search.tsx b/src/picto/Search.tsx
index abd05176f..2956a6f93 100644
--- a/src/picto/Search.tsx
+++ b/src/picto/Search.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M54.0367 40.7318C54.1848 40.1997 54.7362 39.8885 55.2682 40.0367C57.6078 40.6881 59.4014 42.523 59.8762 44.7982C59.989 45.3389 59.6422 45.8686 59.1016 45.9814C58.561 46.0943 58.0312 45.7475 57.9184 45.2068C57.5998 43.6804 56.3664 42.4185 54.7318 41.9633C54.1997 41.8152 53.8885 41.2638 54.0367 40.7318Z" />
diff --git a/src/picto/SelfTraining.tsx b/src/picto/SelfTraining.tsx
index e7e9592b2..7be37bffc 100644
--- a/src/picto/SelfTraining.tsx
+++ b/src/picto/SelfTraining.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/SignDocument.tsx b/src/picto/SignDocument.tsx
index a861c5480..112532775 100644
--- a/src/picto/SignDocument.tsx
+++ b/src/picto/SignDocument.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Smartphone.tsx b/src/picto/Smartphone.tsx
index ab97efb09..3bdb4a788 100644
--- a/src/picto/Smartphone.tsx
+++ b/src/picto/Smartphone.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Success.tsx b/src/picto/Success.tsx
index 8de363a68..e233aa67f 100644
--- a/src/picto/Success.tsx
+++ b/src/picto/Success.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Sun.tsx b/src/picto/Sun.tsx
index d1ded713c..84bc97cc4 100644
--- a/src/picto/Sun.tsx
+++ b/src/picto/Sun.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/System.tsx b/src/picto/System.tsx
index f0c2b7186..8a18a0c2f 100644
--- a/src/picto/System.tsx
+++ b/src/picto/System.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M36.866 31.0359C37.1422 30.5576 36.9783 29.946 36.5 29.6699C34.1115 28.2909 31.0489 29.1115 29.6699 31.5C28.2909 33.8884 29.1116 36.9512 31.5 38.3301C33.8884 39.7091 36.9512 38.8884 38.3301 36.5C38.6063 36.0217 38.4424 35.4101 37.9641 35.134C37.4858 34.8578 36.8742 35.0217 36.5981 35.5L36.5057 35.6498C35.6405 36.9653 33.8807 37.3952 32.5 36.5981C31.0682 35.7714 30.5753 33.9318 31.4019 32.5C32.2286 31.0681 34.0681 30.5752 35.5 31.4019C35.9783 31.6781 36.5899 31.5142 36.866 31.0359Z" />
diff --git a/src/picto/TaxStamp.tsx b/src/picto/TaxStamp.tsx
index f67b856fd..6dbbe412f 100644
--- a/src/picto/TaxStamp.tsx
+++ b/src/picto/TaxStamp.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M29.0978 27C29.6501 27 30.0978 27.4477 30.0978 28C30.0978 28.5128 29.7117 28.9355 29.2144 28.9933L29.0978 29H25C24.4557 29 24.0642 29.2893 24.0072 29.5821L24 29.6552V50.3448C24 50.6361 24.3496 50.9479 24.8672 50.9941L25 51H53C53.5523 51 54 51.4477 54 52C54 52.5128 53.614 52.9355 53.1166 52.9933L53 53H25C23.4405 53 22.1026 51.9405 22.0056 50.5113L22 50.3448V29.6552C22 28.1985 23.2802 27.0851 24.8211 27.0047L25 27H29.0978Z" />
diff --git a/src/picto/TechnicalError.tsx b/src/picto/TechnicalError.tsx
index e9ab4d26e..5f3a121d6 100644
--- a/src/picto/TechnicalError.tsx
+++ b/src/picto/TechnicalError.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M16 22C15.4486 22 15 21.5514 15 21C15 20.4486 15.4486 20 16 20C16.5514 20 17 20.4486 17 21C17 21.5514 16.5514 22 16 22Z" />
diff --git a/src/picto/TravelBack.tsx b/src/picto/TravelBack.tsx
index 1ce5dc15b..61096cd2b 100644
--- a/src/picto/TravelBack.tsx
+++ b/src/picto/TravelBack.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Tree.tsx b/src/picto/Tree.tsx
index e145d5204..cc1a306d6 100644
--- a/src/picto/Tree.tsx
+++ b/src/picto/Tree.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M44 27C44 26.4477 43.5523 26 43 26C39.2353 26 36.816 27.6129 36.0299 30.7575C35.8959 31.2933 36.2217 31.8362 36.7575 31.9701C37.2933 32.1041 37.8362 31.7783 37.9701 31.2425C38.5173 29.0538 40.098 28 43 28C43.5523 28 44 27.5523 44 27Z" />
diff --git a/src/picto/Vaccine.tsx b/src/picto/Vaccine.tsx
index 0b5e50d39..86969b1e6 100644
--- a/src/picto/Vaccine.tsx
+++ b/src/picto/Vaccine.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/VehicleRegistrationDocument.tsx b/src/picto/VehicleRegistrationDocument.tsx
index 15e03f22b..13964d17c 100644
--- a/src/picto/VehicleRegistrationDocument.tsx
+++ b/src/picto/VehicleRegistrationDocument.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Video.tsx b/src/picto/Video.tsx
index ea24ceb42..671a2f0ba 100644
--- a/src/picto/Video.tsx
+++ b/src/picto/Video.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M37.2 46.2C36.9 46.2 36.5 46.1 36.2 46C35.5 45.6 35.1 44.9 35.1 44V35C35.1 34.1 35.6 33.3 36.2 33C36.9 32.6 37.7 32.7 38.5 33.2C39.2 33.6 41.5 35 43.5 36.2C44.5 36.8 45.4 37.4 45.9 37.6C46.7 38.1 47.1 38.8 47.1 39.5C47.1 40.3 46.7 41 45.9 41.5L45.5 41.8C43.8 42.9 39.7 45.4 38.6 46C38.1 46.1 37.6 46.2 37.2 46.2ZM37.2 34.7C37.2 34.7 37.1 34.8 37.1 35V43.9C37.1 44.1 37.2 44.2 37.2 44.2C37.2 44.2 37.3 44.2 37.5 44.1C38.5 43.6 42.7 41 44.3 40L44.7 39.7C44.9 39.6 45 39.5 45 39.5C45 39.5 44.9 39.4 44.8 39.3C44.3 39 43.4 38.5 42.4 37.8C40.5 36.7 38.2 35.2 37.5 34.9C37.3 34.7 37.2 34.7 37.2 34.7Z" />
diff --git a/src/picto/VideoGames.tsx b/src/picto/VideoGames.tsx
index 7e34ae713..4badd6e8f 100644
--- a/src/picto/VideoGames.tsx
+++ b/src/picto/VideoGames.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Virus.tsx b/src/picto/Virus.tsx
index 60e8d258f..2a4ef5de0 100644
--- a/src/picto/Virus.tsx
+++ b/src/picto/Virus.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/Warning.tsx b/src/picto/Warning.tsx
index 1bafc6d02..4b4b7f831 100644
--- a/src/picto/Warning.tsx
+++ b/src/picto/Warning.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path d="M42 34C42 32.8954 41.1046 32 40 32C38.8954 32 38 32.8954 38 34V50C38 51.1046 38.8954 52 40 52C41.1046 52 42 51.1046 42 50V34Z" />
diff --git a/src/picto/Wheelchair.tsx b/src/picto/Wheelchair.tsx
index e8813fa31..e1e8684ae 100644
--- a/src/picto/Wheelchair.tsx
+++ b/src/picto/Wheelchair.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { createIcon } from "./utils/IconWrapper";
+import { createPicto } from "./utils/PictoWrapper";
 
-export default createIcon(
+export default createPicto(
     <>
         <g className="fr-artwork-minor">
             <path
diff --git a/src/picto/index.d.ts b/src/picto/index.d.ts
index 146121b98..004294760 100644
--- a/src/picto/index.d.ts
+++ b/src/picto/index.d.ts
@@ -1,6 +1,6 @@
-import { IconWrapper } from "./utils/IconWrapper";
+import { PictoWrapper } from "./utils/PictoWrapper";
 
-type SvgIconComponent = typeof IconWrapper;
+type SvgIconComponent = typeof PictoWrapper;
 
 export const Accessibility: SvgIconComponent;
 export const Airport: SvgIconComponent;
diff --git a/src/picto/utils/IconWrapper.tsx b/src/picto/utils/IconWrapper.tsx
deleted file mode 100644
index 358d0203f..000000000
--- a/src/picto/utils/IconWrapper.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React, { memo } from "react";
-import { cx } from "../../tools/cx";
-
-type IconSize = "small" | "medium" | "large" | "inherit" | (string & {});
-type IconColor =
-    | "green-tilleul-verveine"
-    | "green-bourgeon"
-    | "green-emeraude"
-    | "green-menthe"
-    | "green-archipel"
-    | "blue-ecume"
-    | "blue-cumulus"
-    | "purple-glycine"
-    | "pink-macaron"
-    | "pink-tuile"
-    | "yellow-tournesol"
-    | "yellow-moutarde"
-    | "orange-terre-battue"
-    | "brown-cafe-creme"
-    | "brown-caramel"
-    | "brown-opera"
-    | "beige-gris-galet";
-export type IconProps = {
-    fontSize?: IconSize;
-    color?: IconColor;
-} & Omit<React.SVGProps<SVGSVGElement>, "fontSize">;
-
-const getSize = (size: IconSize) => {
-    switch (size) {
-        case "small":
-            return "1.25em";
-        case "medium":
-            return "1.5em";
-        case "large":
-            return "2.5em";
-        case "inherit":
-            return "inherit";
-        default:
-            return size;
-    }
-};
-
-const getColor = (color?: IconColor) => {
-    if (!color) {
-        return undefined;
-    }
-    return `fr-artwork--${color}`;
-};
-
-export const IconWrapper: React.FC<IconProps> = memo(
-    ({ children, color, fontSize = "medium", className, ...props }) => (
-        <svg
-            width="1em"
-            height="1em"
-            fill="none"
-            viewBox="0 0 80 80"
-            xmlns="http://www.w3.org/2000/svg"
-            focusable="false"
-            aria-hidden="true"
-            fontSize={getSize(fontSize)}
-            className={cx("fr-artwork", getColor(color), className)}
-            {...props}
-        >
-            {children}
-        </svg>
-    )
-);
-
-export function createIcon(SvgPath: JSX.Element, displayName: string) {
-    const IconComponent: React.FC<IconProps> = props => (
-        <IconWrapper {...props}>{SvgPath}</IconWrapper>
-    );
-
-    IconComponent.displayName = displayName;
-    return IconComponent;
-}
diff --git a/src/picto/utils/PictoWrapper.tsx b/src/picto/utils/PictoWrapper.tsx
new file mode 100644
index 000000000..f17180e85
--- /dev/null
+++ b/src/picto/utils/PictoWrapper.tsx
@@ -0,0 +1,82 @@
+import React, { memo } from "react";
+import { cx } from "../../tools/cx";
+
+export type PictoProps = {
+    fontSize?: PictoProps.Size;
+    color?: PictoProps.Color;
+} & Omit<React.SVGProps<SVGSVGElement>, "fontSize">;
+
+export namespace PictoProps {
+    export type Size = "small" | "medium" | "large" | "inherit" | (string & {});
+    const colors = [
+        "red-marianne",
+        "green-tilleul-verveine",
+        "green-bourgeon",
+        "green-emeraude",
+        "green-menthe",
+        "green-archipel",
+        "blue-ecume",
+        "blue-cumulus",
+        "purple-glycine",
+        "pink-macaron",
+        "pink-tuile",
+        "yellow-tournesol",
+        "yellow-moutarde",
+        "orange-terre-battue",
+        "brown-cafe-creme",
+        "brown-caramel",
+        "brown-opera",
+        "beige-gris-galet"
+    ] as const;
+    export type Color = typeof colors[number];
+}
+
+const getSize = (size: PictoProps.Size) => {
+    switch (size) {
+        case "small":
+            return "1.25em";
+        case "medium":
+            return "1.5em";
+        case "large":
+            return "2.5em";
+        case "inherit":
+            return "inherit";
+        default:
+            return size;
+    }
+};
+
+const getColor = (color?: PictoProps.Color) => {
+    if (!color) {
+        return undefined;
+    }
+    return `fr-artwork--${color}`;
+};
+
+export const PictoWrapper: React.FC<PictoProps> = memo(
+    ({ children, color, fontSize = "medium", className, ...props }) => (
+        <svg
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 80 80"
+            xmlns="http://www.w3.org/2000/svg"
+            focusable="false"
+            aria-hidden="true"
+            fontSize={getSize(fontSize)}
+            className={cx("fr-artwork", getColor(color), className)}
+            {...props}
+        >
+            {children}
+        </svg>
+    )
+);
+
+export function createPicto(SvgPath: JSX.Element, displayName: string) {
+    const IconComponent: React.FC<PictoProps> = props => (
+        <PictoWrapper {...props}>{SvgPath}</PictoWrapper>
+    );
+
+    IconComponent.displayName = displayName;
+    return IconComponent;
+}
diff --git a/stories/Tile.stories.tsx b/stories/Tile.stories.tsx
index fa6c550de..382d2f21c 100644
--- a/stories/Tile.stories.tsx
+++ b/stories/Tile.stories.tsx
@@ -9,6 +9,7 @@ import { getStoryFactory } from "./getStory";
 import { sectionName } from "./sectionName";
 
 import picto from "./assets/city-hall.svg";
+import CityHall from "../dist/picto/CityHall";
 
 const { meta, getStory } = getStoryFactory({
     sectionName,
@@ -119,6 +120,10 @@ const { meta, getStory } = getStoryFactory({
             },
             "type": "boolean"
         },
+        "pictogram": {
+            "description":
+                "Instead of using an image with `imageUrl` and `imageSvg`, you can use [native DSFR pictogram components](/?path=/docs/🖼%EF%B8%8F-pictograms--page) or any other SVG component."
+        },
         "grey": {
             "description":
                 "Set to true if the background should be grey. Not applicable if noBackground is set true.",
@@ -201,7 +206,8 @@ const defaultProps: TileProps = {
     "noIcon": false,
     "noBackground": false,
     "grey": false,
-    "disabled": false
+    "disabled": false,
+    "pictogram": undefined
 };
 
 export const Default = getStory({ ...defaultProps });
@@ -265,6 +271,19 @@ export const TileWithoutImage = getStory(
     { "description": "Tuile sans picto" }
 );
 
+export const TileWithNativePictogram = getStory(
+    {
+        ...defaultProps,
+        imageUrl: undefined,
+        imageSvg: undefined,
+        imageAlt: undefined,
+        imageWidth: undefined,
+        imageHeight: undefined,
+        pictogram: <CityHall />
+    },
+    { "description": "Tuile avec Pictogramme natif DSFR" }
+);
+
 export const TileMDVertical = getStory(
     { ...defaultProps },
     { "description": "Tuile MD Verticale" }
diff --git a/test/integration/vite/src/Home.tsx b/test/integration/vite/src/Home.tsx
index 5670da0d3..aadd201cb 100644
--- a/test/integration/vite/src/Home.tsx
+++ b/test/integration/vite/src/Home.tsx
@@ -9,9 +9,11 @@ import { fr } from "@codegouvfr/react-dsfr";
 import { useIsDark } from "@codegouvfr/react-dsfr/useIsDark";
 import { useState } from "react";
 import { Table } from "@codegouvfr/react-dsfr/Table";
+import { Tile } from "@codegouvfr/react-dsfr/Tile";
 
 import { Accordion } from "@codegouvfr/react-dsfr/Accordion";
-import { Book, Money, Police, Sun } from '@codegouvfr/react-dsfr/picto';
+import { Book, Money, Police, Sun, LocationFrance } from '@codegouvfr/react-dsfr/picto';
+import CityHall from './assets/city-hall.svg';
 
 export function Home() {
     const { isDark, setIsDark } = useIsDark();
@@ -31,12 +33,12 @@ export function Home() {
                 <i className={fr.cx("fr-icon-ancient-gate-fill")} aria-hidden="true" />
             </div>
 
-            <div className={fr.cx("fr-my-4w")}>
-				<Police fontSize="large" />
-				<Book fontSize="large" />
-				<Money fontSize="large" />
-				<Sun fontSize="large" />
-			</div>
+            <div className={fr.cx("fr-my-4w")} style={{fontSize: 48}}>
+                <Police />
+                <Book />
+                <Money />
+                <Sun />
+            </div>
 
             <div className={fr.cx("fr-my-4w")}>
                 <Button
@@ -75,6 +77,7 @@ export function Home() {
                 />
             </div>
             <Form />
+            <TileExample />
             <TableExample />
             <ControlledAccordion />
         </>
@@ -83,11 +86,8 @@ export function Home() {
 
 const { Form } = (() => {
 
-
-
     function Form() {
 
-
         return (
             <form action="#" onSubmit={(event) => {
                 event.preventDefault();
@@ -184,19 +184,44 @@ const { Form } = (() => {
 
         return { SelectMeal };
 
-
     })();
 
     return { Form };
 
-
 })();
 
-
-
-
+function TileExample() {
+    return (
+        <div style={{ display: "flex", flexDirection: "row", alignItems: "center", gap: "2rem" }}>
+            <Tile
+            enlargeLinkOrButton
+            title="Titre de la tuile"
+            titleAs="h3"
+            orientation="horizontal"
+            linkProps={{
+                href: "#"
+            }}
+            pictogram={ <LocationFrance /> }
+            desc="Cette tuile utilise un picogramme natif"
+            />
+            <Tile
+            enlargeLinkOrButton
+            title="Titre de la tuile"
+            titleAs="h3"
+            orientation="vertical"
+            buttonProps={{
+                onClick: () => alert("Tile clicked!"),
+            }}
+            imageUrl={CityHall}
+            imageSvg
+            desc="Cette tuile utilise une image"
+            />
+        </div>
+    )
+}
 
 function TableExample() {
+
     return (
         <Table
             caption = "Titre du tableau"
@@ -213,7 +238,7 @@ function TableExample() {
     );
 }
 
-function ControlledAccordion(){
+function ControlledAccordion() {
 
     const [ expanded, setExpanded ] = useState(false)
 
@@ -226,7 +251,4 @@ function ControlledAccordion(){
             Content of the Accordion
         </Accordion>
     );
-
 }
-
-
diff --git a/test/integration/vite/src/Picto.tsx b/test/integration/vite/src/Picto.tsx
index 03138355e..1c2c4cc7c 100644
--- a/test/integration/vite/src/Picto.tsx
+++ b/test/integration/vite/src/Picto.tsx
@@ -1,6 +1,13 @@
 import { fr } from "@codegouvfr/react-dsfr";
 
 import * as Pictogrammes from '@codegouvfr/react-dsfr/picto';
+import { type PictoProps } from '@codegouvfr/react-dsfr/picto/utils/PictoWrapper';
+
+const iconColors: PictoProps.Color[] = ["green-tilleul-verveine", "green-bourgeon", "green-emeraude", "green-menthe", "green-archipel", "blue-ecume", "blue-cumulus", "purple-glycine", "pink-macaron", "pink-tuile", "yellow-tournesol", "yellow-moutarde", "orange-terre-battue", "brown-cafe-creme", "brown-caramel", "brown-opera", "beige-gris-galet"];;
+
+function getRandomColor() {
+    return iconColors[Math.floor(Math.random() * iconColors.length)];
+}
 
 export function Picto() {
     return (
@@ -8,11 +15,12 @@ export function Picto() {
             {
                 Object.entries(Pictogrammes).map(([name, Component]) => (
                     <Component
-                    key={name}
-                    fontSize="10em"
+                        key={name}
+                        fontSize="10em"
+                        color={getRandomColor()}
                     />
                 ))
             }
         </div>
-    )
+    );
 }
\ No newline at end of file
diff --git a/test/integration/vite/src/assets/city-hall.svg b/test/integration/vite/src/assets/city-hall.svg
new file mode 100644
index 000000000..e2f57ab62
--- /dev/null
+++ b/test/integration/vite/src/assets/city-hall.svg
@@ -0,0 +1,25 @@
+<svg width="80px" height="80px" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg">
+ 	<style>
+		.fr-artwork-decorative {
+			fill: #ECECFF;
+		}
+		.fr-artwork-minor {
+			fill: #E1000F;
+		}
+		.fr-artwork-major {
+			fill: #000091;
+		}
+	</style>
+	<symbol id="artwork-decorative">
+    <path d="M57,78c-0.5514,0-1-0.4486-1-1s0.4486-1,1-1s1,0.4486,1,1S57.5514,78,57,78z M61,6c-0.5514,0-1-0.4486-1-1  c0-0.55145,0.4486-1,1-1s1,0.44855,1,1C62,5.5514,61.5514,6,61,6z M27,78c-0.5514,0-1-0.4486-1-1s0.4486-1,1-1s1,0.4486,1,1  S27.5514,78,27,78z"/>
+  </symbol>
+  <symbol id="artwork-minor">
+    <path d="M44.99329,9.88336L45,10v4c0,0.55231-0.44769,1-1,1c-0.51282,0-0.93549-0.38599-0.99329-0.88342L43,14v-4  c0-0.55231,0.44769-1,1-1C44.51282,9,44.93549,9.38605,44.99329,9.88336z M19,34h-6l-0.11658,0.00671  C12.38599,34.06451,12,34.48718,12,35c0,0.55231,0.44769,1,1,1h6l0.11658-0.00671C19.61401,35.93549,20,35.51282,20,35  C20,34.44769,19.55231,34,19,34z M43,37c0,1.65692-1.34308,3-3,3s-3-1.34308-3-3s1.34308-3,3-3S43,35.34308,43,37z M41,37  c0-0.55231-0.44769-1-1-1s-1,0.44769-1,1s0.44769,1,1,1S41,37.55231,41,37z M19,38h-6l-0.11658,0.00671  C12.38599,38.06451,12,38.48718,12,39c0,0.55231,0.44769,1,1,1h6l0.11658-0.00671C19.61401,39.93549,20,39.51282,20,39  C20,38.44769,19.55231,38,19,38z M31,34h-6l-0.11658,0.00671C24.38599,34.06451,24,34.48718,24,35c0,0.55231,0.44769,1,1,1h6  l0.11658-0.00671C31.61401,35.93549,32,35.51282,32,35C32,34.44769,31.55231,34,31,34z M31,38h-6l-0.11658,0.00671  C24.38599,38.06451,24,38.48718,24,39c0,0.55231,0.44769,1,1,1h6l0.11658-0.00671C31.61401,39.93549,32,39.51282,32,39  C32,38.44769,31.55231,38,31,38z M55,34h-6l-0.11658,0.00671C48.38599,34.06451,48,34.48718,48,35c0,0.55231,0.44769,1,1,1h6  l0.11658-0.00671C55.61401,35.93549,56,35.51282,56,35C56,34.44769,55.55231,34,55,34z M55,38h-6l-0.11658,0.00671  C48.38599,38.06451,48,38.48718,48,39c0,0.55231,0.44769,1,1,1h6l0.11658-0.00671C55.61401,39.93549,56,39.51282,56,39  C56,38.44769,55.55231,38,55,38z M61,36h6l0.11658-0.00671C67.61401,35.93549,68,35.51282,68,35c0-0.55231-0.44769-1-1-1h-6  l-0.11658,0.00671C60.38599,34.06451,60,34.48718,60,35C60,35.55231,60.44769,36,61,36z M67,38h-6l-0.11658,0.00671  C60.38599,38.06451,60,38.48718,60,39c0,0.55231,0.44769,1,1,1h6l0.11658-0.00671C67.61401,39.93549,68,39.51282,68,39  C68,38.44769,67.55231,38,67,38z"/>
+  </symbol>
+  <symbol id="artwork-major">
+    <path d="M39.00671,14.11658L39,14v-4c0-0.55231,0.44769-1,1-1c0.51282,0,0.93549,0.38605,0.99329,0.88336L41,10v4  c0,0.55231-0.44769,1-1,1C39.48718,15,39.06451,14.61401,39.00671,14.11658z M77,26H64v-5l-0.00671-0.11658  C63.93549,20.38599,63.51282,20,63,20c-0.55231,0-1,0.44769-1,1v5H18v-4h35l0.11658-0.00671C53.61401,21.93549,54,21.51282,54,21  c0-0.55231-0.44769-1-1-1H41v-3l-0.00671-0.11658C40.93549,16.38599,40.51282,16,40,16c-0.55231,0-1,0.44769-1,1v3H17  l-0.11658,0.00671C16.38599,20.06451,16,20.48718,16,21v5H3l-0.11664,0.00671C2.38605,26.06451,2,26.48718,2,27  c0,0.55231,0.44769,1,1,1h74l0.11658-0.00671C77.61401,27.93549,78,27.51282,78,27C78,26.44769,77.55231,26,77,26z M25,66  c0.55231,0,1-0.44769,1-1V45l-0.00671-0.11658C25.93549,44.38599,25.51282,44,25,44c-0.55231,0-1,0.44769-1,1v20l0.00671,0.11658  C24.06451,65.61401,24.48718,66,25,66z M21,48c-0.55231,0-1,0.44769-1,1v19h-8V49l-0.00671-0.11658  C11.93549,48.38599,11.51282,48,11,48c-0.55231,0-1,0.44769-1,1v19H7l-0.11664,0.00671C6.38605,68.06451,6,68.48718,6,69  c0,0.55231,0.44769,1,1,1h14c0.06903,0,0.13641-0.00702,0.20148-0.02032C21.65723,69.88641,22,69.48322,22,69V49l-0.00671-0.11658  C21.93549,48.38599,21.51282,48,21,48z M15,62c0.55231,0,1-0.44769,1-1V45l-0.00671-0.11658C15.93549,44.38599,15.51282,44,15,44  c-0.55231,0-1,0.44769-1,1v16l0.00671,0.11658C14.06451,61.61401,14.48718,62,15,62z M57,22h2l0.11658-0.00671  C59.61401,21.93549,60,21.51282,60,21c0-0.55231-0.44769-1-1-1h-2l-0.11658,0.00671C56.38599,20.06451,56,20.48718,56,21  C56,21.55231,56.44769,22,57,22z M7,66c0.55231,0,1-0.44769,1-1V31l-0.00671-0.11658C7.93549,30.38599,7.51282,30,7,30  c-0.55231,0-1,0.44769-1,1v34l0.00671,0.11658C6.06451,65.61401,6.48718,66,7,66z M33,48h14  c0.51282,0,0.93549,0.38599,0.99329,0.88342L48,49v15h3c0.55231,0,1,0.44769,1,1c0,0.51282-0.38599,0.93549-0.88342,0.99329L51,66  H29c-0.55231,0-1-0.44769-1-1c0-0.51282,0.38599-0.93549,0.88342-0.99329L29,64h3V49c0-0.51282,0.38599-0.93549,0.88342-0.99329  L33,48z M34,64h5v-9c0-0.55231,0.44769-1,1-1c0.51282,0,0.93549,0.38599,0.99329,0.88342L41,55v9h5V49.99902H34V64z M45,46  l0.11658-0.00671C45.61401,45.93549,46,45.51282,46,45c0-0.55231-0.44769-1-1-1H35l-0.11658,0.00671  C34.38599,44.06451,34,44.48718,34,45c0,0.55231,0.44769,1,1,1H45z M55.99329,65.11658L56,65V45c0-0.55231-0.44769-1-1-1  c-0.51282,0-0.93549,0.38599-0.99329,0.88342L54,45v20c0,0.55231,0.44769,1,1,1C55.51282,66,55.93549,65.61401,55.99329,65.11658z   M59.99329,61.11658L60,61V49c0-0.55231-0.44769-1-1-1c-0.51282,0-0.93549,0.38599-0.99329,0.88342L58,49v12  c0,0.55231,0.44769,1,1,1C59.51282,62,59.93549,61.61401,59.99329,61.11658z M65.99329,65.11658L66,65V45c0-0.55231-0.44769-1-1-1  c-0.51282,0-0.93549,0.38599-0.99329,0.88342L64,45v20c0,0.55231,0.44769,1,1,1C65.51282,66,65.93549,65.61401,65.99329,65.11658z   M69,48c-0.51282,0-0.93549,0.38599-0.99329,0.88342L68,49v19H25l-0.11658,0.00671C24.38599,68.06451,24,68.48718,24,69  c0,0.55231,0.44769,1,1,1h44c0.03949,0,0.07843-0.00232,0.1167-0.00671c0.45898-0.05341,0.8233-0.4176,0.87659-0.87671  C69.99768,69.07837,70,69.03937,70,69V49C70,48.44769,69.55231,48,69,48z M73,30c-0.55231,0-1,0.44769-1,1v38l0.00671,0.11658  C72.06451,69.61401,72.48718,70,73,70c0.55231,0,1-0.44769,1-1V31l-0.00671-0.11658C73.93549,30.38599,73.51282,30,73,30z"/>
+  </symbol>
+  <use class="fr-artwork-decorative" href="#artwork-decorative"/>
+  <use class="fr-artwork-minor" href="#artwork-minor"/>
+  <use class="fr-artwork-major" href="#artwork-major"/>
+</svg>
\ No newline at end of file