feat(Icons): added shield and shield off with dynamic color (#1040)

packages/icons/src/lib/icons/Contract.tsx

@@ -14,7 +14,7 @@ const SvgContract = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="currentColor"
+        fill="none"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -35,11 +35,13 @@ const SvgContract = ({
             fillRule="evenodd"
             clipRule="evenodd"
             d="M2.732 2.732A2.5 2.5 0 0 1 4.5 2h15A2.5 2.5 0 0 1 22 4.5v15a2.5 2.5 0 0 1-2.5 2.5h-15A2.5 2.5 0 0 1 2 19.5v-15a2.5 2.5 0 0 1 .732-1.768ZM4.5 4a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-15Z"
+            fill="#000"
         />
         <path
             fillRule="evenodd"
             clipRule="evenodd"
             d="M6 7.5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm11.625.22a1 1 0 0 1 .156 1.405l-4 5a1 1 0 0 1-1.406.156l-2.5-2a1 1 0 0 1 1.25-1.562l1.719 1.375 3.375-4.219a1 1 0 0 1 1.406-.156Z"
+            fill="#000"
         />
     </svg>
 );

packages/icons/src/lib/icons/Shield.tsx

@@ -0,0 +1,54 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run pnpm icons:create to update
+// Do not edit
+import { SVGProps } from 'react';
+import { SVGRProps } from '../type';
+const SvgShield = ({
+    title,
+    titleId,
+    isResponsive = false,
+    style,
+    ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+    <svg
+        width="1em"
+        height="1em"
+        viewBox="0 0 16 17"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        role="img"
+        data-testid="test-icon"
+        aria-hidden="true"
+        style={
+            isResponsive
+                ? style
+                : {
+                      flex: 'none',
+                      ...style,
+                  }
+        }
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <g clipPath="url(#shield_svg__a)">
+            <g clipPath="url(#shield_svg__b)">
+                <path
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                    d="M7.766 1.646a.667.667 0 0 1 .468 0l5.333 2c.26.098.433.346.433.624v4.667c0 2.298-1.521 4.133-2.894 5.335a15.126 15.126 0 0 1-2.787 1.917l-.014.007-.004.003h-.002L8 15.603l-.299.597-.002-.001-.004-.003-.014-.007a4.554 4.554 0 0 1-.233-.125 15.126 15.126 0 0 1-2.554-1.792C3.521 13.07 2 11.235 2 8.937V4.27c0-.278.172-.526.433-.624l5.333-2ZM8 15.603l-.299.597a.668.668 0 0 0 .597 0L8 15.604Zm0-.758a13.8 13.8 0 0 0 2.228-1.577c1.293-1.131 2.439-2.629 2.439-4.331V4.732L8 2.982l-4.667 1.75v4.205c0 1.702 1.146 3.2 2.44 4.332A13.796 13.796 0 0 0 8 14.845Z"
+                />
+            </g>
+        </g>
+        <defs>
+            <clipPath id="shield_svg__a">
+                <path transform="translate(0 .938)" d="M0 0h16v16H0z" />
+            </clipPath>
+            <clipPath id="shield_svg__b">
+                <path transform="translate(0 .938)" d="M0 0h16v16H0z" />
+            </clipPath>
+        </defs>
+    </svg>
+);
+
+export default SvgShield;

packages/icons/src/lib/icons/ShieldOff.tsx

@@ -0,0 +1,50 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run pnpm icons:create to update
+// Do not edit
+import { SVGProps } from 'react';
+import { SVGRProps } from '../type';
+const SvgShieldOff = ({
+    title,
+    titleId,
+    isResponsive = false,
+    style,
+    ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+    <svg
+        width="1em"
+        height="1em"
+        viewBox="0 0 16 17"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        role="img"
+        data-testid="test-icon"
+        aria-hidden="true"
+        style={
+            isResponsive
+                ? style
+                : {
+                      flex: 'none',
+                      ...style,
+                  }
+        }
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <g
+            clipPath="url(#shield-off_svg__a)"
+            fillRule="evenodd"
+            clipRule="evenodd"
+        >
+            <path d="M7.767 1.646a.667.667 0 0 1 .467 0l5.334 2c.26.098.432.346.432.624v4.671a5.266 5.266 0 0 1-.237 1.527.667.667 0 1 1-1.273-.395 3.93 3.93 0 0 0 .177-1.138V4.732L8 2.982l-1.873.7a.667.667 0 0 1-.467-1.25l2.107-.786ZM3.779 3.86a.667.667 0 0 1-.394.856l-.052.019v4.202c0 1.703 1.146 3.2 2.44 4.332a13.796 13.796 0 0 0 2.226 1.576 12.86 12.86 0 0 0 3.252-2.607.667.667 0 0 1 .991.892 14.192 14.192 0 0 1-3.93 3.064.667.667 0 0 1-.61.006L8 15.604l-.298.596h-.003l-.004-.003-.014-.007a14.043 14.043 0 0 1-.868-.5 15.126 15.126 0 0 1-1.919-1.418C3.521 13.071 2 11.235 2 8.937V4.271c0-.28.174-.529.435-.626l.487-.18a.667.667 0 0 1 .857.394Z" />
+            <path d="M.195 1.133c.26-.26.683-.26.943 0l14.667 14.666a.667.667 0 1 1-.943.943L.195 2.076a.667.667 0 0 1 0-.943Z" />
+        </g>
+        <defs>
+            <clipPath id="shield-off_svg__a">
+                <path transform="translate(0 .938)" d="M0 0h16v16H0z" />
+            </clipPath>
+        </defs>
+    </svg>
+);
+
+export default SvgShieldOff;

packages/icons/src/lib/icons/index.ts

@@ -1,3 +1,4 @@
+export { default as NftCat } from './NftCat';
 export { default as Ada } from './Ada';
 export { default as AddUser } from './AddUser';
 export { default as Airdrop } from './Airdrop';
@@ -117,7 +118,6 @@ export { default as Monitor } from './Monitor';
 export { default as MoreVert } from './MoreVert';
 export { default as More } from './More';
 export { default as Network } from './Network';
-export { default as NftCat } from './NftCat';
 export { default as NoData } from './NoData';
 export { default as Off } from './Off';
 export { default as Oneinch } from './Oneinch';
@@ -143,6 +143,8 @@ export { default as Server } from './Server';
 export { default as ShareAlt } from './ShareAlt';
 export { default as Share } from './Share';
 export { default as Shib } from './Shib';
+export { default as ShieldOff } from './ShieldOff';
+export { default as Shield } from './Shield';
 export { default as SleepyCat } from './SleepyCat';
 export { default as SolanaColored } from './SolanaColored';
 export { default as Solana } from './Solana';