Setup icon in cra

Author: garronej

test/integration/cra/package.json

@@ -20,8 +20,9 @@
         "test": "react-scripts test",
         "eject": "react-scripts eject",
         "copy_dsfr_dist_to_public": "node node_modules/@codegouvfr/react-dsfr/bin/copy_dsfr_dist_to_public.js",
-        "prestart": "yarn copy_dsfr_dist_to_public",
-        "prebuild": "yarn copy_dsfr_dist_to_public"
+        "only_include_used_icons": "node node_modules/@codegouvfr/react-dsfr/bin/only_include_used_icons.js",
+        "prestart": "yarn copy_dsfr_dist_to_public && yarn only_include_used_icons",
+        "prebuild": "yarn copy_dsfr_dist_to_public && yarn only_include_used_icons"
     },
     "eslintConfig": {
         "extends": [

test/integration/cra/public/index.html

@@ -28,6 +28,7 @@
   <% }); %>
 
   <link rel="stylesheet" href="%PUBLIC_URL%/dsfr/dsfr.min.css" />
+  <link rel="stylesheet" href="%PUBLIC_URL%/dsfr/utility/icons/icons.min.css" />
 
   <!--
       Notice the use of %PUBLIC_URL% in the tags above.

test/integration/cra/src/App.tsx

@@ -1,13 +1,24 @@
 import artworkLightSvgUrl from "@codegouvfr/react-dsfr/dsfr/artwork/light.svg";
 import artworkDarkSvgUrl from "@codegouvfr/react-dsfr/dsfr/artwork/dark.svg";
 import artworkSystemSvgUrl from "@codegouvfr/react-dsfr/dsfr/artwork/system.svg";
-import { useIsDark } from "@codegouvfr/react-dsfr";
+import { useIsDark, fr } from "@codegouvfr/react-dsfr";
 
 export function App() {
     const { isDark, setIsDark } = useIsDark();
 
     return (
         <>
+
+            <button className={fr.cx("fr-btn", "fr-icon-checkbox-circle-line", "fr-btn--icon-left")}>
+              Label bouton MD
+            </button>
+            <span className="fr-icon-ancient-gate-fill" aria-hidden="true"></span>
+            <i className="fr-icon-ancient-gate-fill" aria-hidden="true"/>
+
+            <button className={fr.cx("fr-btn", "ri-24-hours-fill", "fr-btn--icon-left")}>
+              Download
+            </button>
+
             <h1>Color Scheme: {isDark ? "dark" : "light"}</h1>
             <button onClick={() => setIsDark(true)}>Set color scheme to dark</button>
             <button onClick={() => setIsDark(false)}>Set color scheme to light</button>