[v17] Remove unnecessary clipPaths from icons

web/packages/design/src/Icon/Icons/Camera.tsx

@@ -64,7 +64,6 @@ export const Camera = forwardRef<HTMLSpanElement, IconProps>(
         d="M3 5.25a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h15a1.5 1.5 0 0 0 1.5-1.5v-2.349l3.334 2.223A.75.75 0 0 0 24 16.5v-9a.75.75 0 0 0-1.166-.624L19.5 9.099V6.75a1.5 1.5 0 0 0-1.5-1.5zm16.5 5.651V13.1l3 2V8.9zM3 6.75h15v10.5H3z"
         clipRule="evenodd"
       />
-      <path d="M0 0h24v24H0z" />
     </Icon>
   )
 );

web/packages/design/src/Icon/Icons/Sun.tsx

@@ -66,7 +66,6 @@ export const Sun = forwardRef<HTMLSpanElement, IconProps>(
         clipRule="evenodd"
       />
       <path d="M5.03 3.97a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.06-1.06zm1.5 14.56-1.5 1.5a.75.75 0 0 1-1.06-1.06l1.5-1.5a.75.75 0 0 1 1.06 1.06m12-12 1.5-1.5a.75.75 0 0 0-1.06-1.06l-1.5 1.5a.75.75 0 0 0 1.06 1.06m0 10.94 1.5 1.5a.75.75 0 1 1-1.06 1.06l-1.5-1.5a.75.75 0 1 1 1.06-1.06M1.5 11.25a.75.75 0 0 0 0 1.5h2.25a.75.75 0 0 0 0-1.5zM12 19.5a.75.75 0 0 1 .75.75v2.25a.75.75 0 0 1-1.5 0v-2.25a.75.75 0 0 1 .75-.75m8.25-8.25a.75.75 0 0 0 0 1.5h2.25a.75.75 0 0 0 0-1.5z" />
-      <path d="M0 0h24v24H0z" />
     </Icon>
   )
 );

web/packages/design/src/Icon/README.md

@@ -2,13 +2,25 @@
 
 #### Steps:
 
-1. Download the SVG file of the icon from Google Drive and rename it, ensuring that it is capitalized. This is the name that will be used in the app (eg. `ArrowBack.svg`).
-   1. PLEASE NOTE: If you are looking at icons in Figma, _please contact the design team to get an 
-      exported version_. All icons must be converted from vector lines to outlines in order to be 
-      rendered correctly in the product. Exporting an icon without preparing it will cause 
-      unpredictable rendering, such as the fill color not being updated or the entire shape being 
-      filled in with color, rather than just the outlines.
+1. Download the SVG file of the icon from Google Drive and rename it, ensuring that it is capitalized. This is the name
+   that will be used in the app (eg. `ArrowBack.svg`).
+    1. PLEASE NOTE: If you are looking at icons in Figma, _please contact the design team to get an
+       exported version_. All icons must be converted from vector lines to outlines in order to be
+       rendered correctly in the product. Exporting an icon without preparing it will cause
+       unpredictable rendering, such as the fill color not being updated or the entire shape being
+       filled in with color, rather than just the outlines.
 2. Add the file to the `assets/` folder in this directory.
-3. Run `pnpm process-icons`.
+3. Ensure that the icon does not contain unnecessary `clipPath` elements (this will be a single 24x24 rect in a
+   `clipPath` element). If it does, delete the `g` element (keeping the `path`) that references the `clipPath`, and the
+   `defs` element that contains the `clipPath`. This is necessary to ensure that the icon optimizes correctly (
+   see https://github.com/gravitational/teleport/pull/56614 as an example).
+4. Run `pnpm process-icons`.
 
-A full collection of exported icons ready for download can be found in [Google Drive](https://drive.google.com/drive/folders/19068OCcyob6iqjpY3JB4t2NGiRmnuw2D?usp=drive_link). The same icons and others that require preparation before exporting can be found [in Figma](https://www.figma.com/file/Gpjs9vjhzUKF1GDbeG9JGE/Application-Design-System?type=design&node-id=7371-35911&mode=design&t=ior9gA5q20atPjr9-0).
+A full collection of exported icons ready for download can be found
+in [Google Drive](https://drive.google.com/drive/folders/19068OCcyob6iqjpY3JB4t2NGiRmnuw2D?usp=drive_link). The same
+icons and others that require preparation before exporting can be
+found [in Figma](https://www.figma.com/file/Gpjs9vjhzUKF1GDbeG9JGE/Application-Design-System?type=design&node-id=7371-35911&mode=design&t=ior9gA5q20atPjr9-0).
+
+If the collection does not include the icon you need, please contact the Design
+team or follow the instructions in the "Icon Consistency" section of the above
+Figma link to prepare a new icon.