Add SquareWithPen icon and fix WarningSign icon (#25)

Co-authored-by: pankajdwivedi <pankaj@setu.co>
SetuHQ · Jul 8, 2024 · 7b518b3 · 7b518b3
1 parent 94f100a
commit 7b518b3
Show file tree

Hide file tree

Showing 7 changed files with 109 additions and 59 deletions.
diff --git a/assets/icons/svgs/svgLineIcons/SquareWithPen.svg b/assets/icons/svgs/svgLineIcons/SquareWithPen.svg
diff --git a/assets/icons/svgs/svgLineIcons/WarningSign.svg b/assets/icons/svgs/svgLineIcons/WarningSign.svg
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@setu/crucible-icons",
-    "version": "1.0.10",
+    "version": "1.0.11",
     "description": "Crucible Icons package",
     "license": "MIT",
     "main": "./dist/cjs/index.js",

diff --git a/src/icons/reactLineIcons/SquareWithPen.tsx b/src/icons/reactLineIcons/SquareWithPen.tsx
@@ -0,0 +1,48 @@
+// GENERATED BY /script/build.js
+// DO NOT EDIT MANUALLY
+
+import * as React from "react";
+import { LineIconProps } from "../../types";
+import { SVGLineIconWrapper } from "../../styles";
+
+export const SquareWithPen = React.forwardRef<SVGSVGElement, LineIconProps>(
+    ({ width = 24, height = 24, ...props }, forwardedRef) => {
+        return (
+            <SVGLineIconWrapper {...props}>
+                <svg
+                    width={width}
+                    height={height}
+                    ref={forwardedRef}
+                    id="Layer_1"
+                    data-name="Layer 1"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <defs></defs>
+
+                    <path
+                        d="M20 14.66V20C20 20.5304 19.7893 21.0391 19.4142 21.4142C19.0391 21.7893 18.5304 22 18 22H4C3.46957 22 2.96086 21.7893 2.58579 21.4142C2.21071 21.0391 2 20.5304 2 20V6C2 5.46957 2.21071 4.96086 2.58579 4.58579C2.96086 4.21071 3.46957 4 4 4H9.34"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        fill="none"
+                    />
+
+                    <path
+                        d="M18 2L22 6L12 16H8V12L18 2Z"
+                        className="stroke"
+                        fill="none"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                </svg>
+            </SVGLineIconWrapper>
+        );
+    }
+);
+
+SquareWithPen.displayName = "SquareWithPen";
+
+export default SquareWithPen;
diff --git a/src/icons/reactLineIcons/WarningSign.tsx b/src/icons/reactLineIcons/WarningSign.tsx
@@ -10,44 +10,41 @@ export const WarningSign = React.forwardRef<SVGSVGElement, LineIconProps>(
         return (
             <SVGLineIconWrapper {...props}>
                 <svg
-                    id="Layer_2"
-                    data-name="Layer 2"
+                    width={width}
+                    height={height}
+                    ref={forwardedRef}
+                    id="Layer_1"
+                    data-name="Layer 1"
                     xmlns="http://www.w3.org/2000/svg"
                     xmlnsXlink="http://www.w3.org/1999/xlink"
                     viewBox="0 0 24 24"
                 >
                     <defs></defs>
-                    <g id="Layer_1-2" data-name="Layer 1">
-                        <circle
-                            className="stroke"
-                            strokeLinecap="round"
-                            strokeLinejoin="round"
-                            cx="12.04"
-                            cy="15.72"
-                            r=".5"
-                        />
-                    </g>
-                    <g id="Layer_2-2" data-name="Layer 2">
-                        <g>
-                            <g>
-                                <path
-                                    strokeWidth="2px"
-                                    className="stroke"
-                                    strokeLinecap="round"
-                                    strokeLinejoin="round"
-                                    d="m12,10v3"
-                                />
-                                <path
-                                    strokeWidth="2px"
-                                    fill="none"
-                                    className="stroke"
-                                    strokeLinecap="round"
-                                    strokeLinejoin="round"
-                                    d="m12,4l8.66,15H3.34L12,4Z"
-                                />
-                            </g>
-                        </g>
-                    </g>
+
+                    <circle
+                        className="stroke"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        cx="12.04"
+                        cy="15.72"
+                        r=".5"
+                    />
+
+                    <path
+                        strokeWidth="2"
+                        className="stroke"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="m12,10v3"
+                    />
+                    <path
+                        strokeWidth="2"
+                        fill="none"
+                        className="stroke"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="m12,4l8.66,15H3.34L12,4Z"
+                    />
                 </svg>
             </SVGLineIconWrapper>
         );

diff --git a/src/icons/reactLineIcons/index.ts b/src/icons/reactLineIcons/index.ts
@@ -112,6 +112,7 @@ export { default as ShieldWithTick } from "./ShieldWithTick";
 export { default as SibebarLineIcon } from "./SibebarLineIcon";
 export { default as Spanner } from "./Spanner";
 export { default as SquareStackWithLoadingArrow } from "./SquareStackWithLoadingArrow";
+export { default as SquareWithPen } from "./SquareWithPen";
 export { default as StoveWithFlame } from "./StoveWithFlame";
 export { default as Sun } from "./Sun";
 export { default as SwimTube } from "./SwimTube";

diff --git a/src/iconsIndex.tsx b/src/iconsIndex.tsx
@@ -315,6 +315,7 @@ export { default as ShieldWithTick } from "./icons/reactLineIcons/ShieldWithTick
 export { default as SibebarLineIcon } from "./icons/reactLineIcons/SibebarLineIcon";
 export { default as Spanner } from "./icons/reactLineIcons/Spanner";
 export { default as SquareStackWithLoadingArrow } from "./icons/reactLineIcons/SquareStackWithLoadingArrow";
+export { default as SquareWithPen } from "./icons/reactLineIcons/SquareWithPen";
 export { default as StoveWithFlame } from "./icons/reactLineIcons/StoveWithFlame";
 export { default as Sun } from "./icons/reactLineIcons/Sun";
 export { default as SwimTube } from "./icons/reactLineIcons/SwimTube";