@digigov/react-icons 1.2.0-a7ffb5dc → 2.0.0-0edebf87

package/src/LockIcon/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,262 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the LockIcon with no props 1`] = `
+<LockIcon>
+  <ForwardRef(Icon)
+    icon="lock"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop color=error and size= xl 1`] = `
+<LockIcon
+  color="warning"
+  size="xl"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="lock"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      color="warning"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop color=warning 1`] = `
+<LockIcon
+  color="warning"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="lock"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      color="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop color=warning and size=sm 1`] = `
+<LockIcon
+  color="warning"
+  size="sm"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="lock"
+    size="sm"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      color="warning"
+      size="sm"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop color=white 1`] = `
+<LockIcon
+  color="white"
+>
+  <ForwardRef(Icon)
+    color="white"
+    icon="lock"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      color="white"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--white ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--white ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop size=md 1`] = `
+<LockIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="lock"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop size=xl 1`] = `
+<LockIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="lock"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;

package/src/LockIcon/config.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+export interface LockType {}
+
+export function lock(): React.ReactElement {
+  return (
+    <>
+      <path d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"/>
+    </>
+  );
+}
+
+lock.props = [];
+
+export default lock;

package/src/LockIcon/index.test.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import LockIcon from '@digigov/react-icons/LockIcon';
+
+it('renders the LockIcon with no props', () => {
+  expect(mount(<LockIcon />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop size=md', () => {
+  expect(mount(<LockIcon size="md" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop size=xl', () => {
+  expect(mount(<LockIcon size="xl" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop color=white', () => {
+  expect(mount(<LockIcon color="white" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop color=warning', () => {
+  expect(mount(<LockIcon color="warning" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop color=warning and size=sm', () => {
+  expect(mount(<LockIcon color="warning" size="sm" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop color=error and size= xl', () => {
+  expect(mount(<LockIcon color="warning" size="xl" />)).toMatchSnapshot();
+});

package/src/LockIcon/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+
+export const LockIcon: React.FC<IconProps<'lock'>> = (props) => {
+  return <Icon {...props} icon="lock"></Icon>;
+};
+
+export default LockIcon;

package/src/LoginIcon/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,283 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the LoginIcon with no props 1`] = `
+<LoginIcon>
+  <ForwardRef(Icon)
+    icon="login"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--login"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--login ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--login ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <login>
+            <polygon
+              points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
+            />
+            <polygon
+              points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
+            />
+          </login>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LoginIcon>
+`;
+
+exports[`renders the LoginIcon with prop color=error and size= xl 1`] = `
+<LoginIcon
+  color="warning"
+  size="xl"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="login"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--login"
+      color="warning"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <login>
+            <polygon
+              points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
+            />
+            <polygon
+              points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
+            />
+          </login>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LoginIcon>
+`;
+
+exports[`renders the LoginIcon with prop color=warning 1`] = `
+<LoginIcon
+  color="warning"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="login"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--login"
+      color="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <login>
+            <polygon
+              points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
+            />
+            <polygon
+              points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
+            />
+          </login>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LoginIcon>
+`;
+
+exports[`renders the LoginIcon with prop color=warning and size=s 1`] = `
+<LoginIcon
+  color="warning"
+  size="sm"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="login"
+    size="sm"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--login"
+      color="warning"
+      size="sm"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <login>
+            <polygon
+              points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
+            />
+            <polygon
+              points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
+            />
+          </login>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LoginIcon>
+`;
+
+exports[`renders the LoginIcon with prop color=white 1`] = `
+<LoginIcon
+  color="white"
+>
+  <ForwardRef(Icon)
+    color="white"
+    icon="login"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--login"
+      color="white"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--login ds-svg-icon--white ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--login ds-svg-icon--white ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <login>
+            <polygon
+              points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
+            />
+            <polygon
+              points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
+            />
+          </login>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LoginIcon>
+`;
+
+exports[`renders the LoginIcon with prop size=md 1`] = `
+<LoginIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="login"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--login"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--login ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--login ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <login>
+            <polygon
+              points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
+            />
+            <polygon
+              points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
+            />
+          </login>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LoginIcon>
+`;
+
+exports[`renders the LoginIcon with prop size=xl 1`] = `
+<LoginIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="login"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--login"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--login ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--login ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <login>
+            <polygon
+              points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
+            />
+            <polygon
+              points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
+            />
+          </login>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LoginIcon>
+`;

package/src/LoginIcon/config.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+export interface LoginType {}
+
+export function login(): React.ReactElement {
+  return (
+    <>
+      <polygon points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081" />
+      <polygon points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2" />
+    </>
+  );
+}
+
+login.props = [];
+
+export default login;

package/src/LoginIcon/index.test.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import LoginIcon from '@digigov/react-icons/LoginIcon';
+
+it('renders the LoginIcon with no props', () => {
+  expect(mount(<LoginIcon />)).toMatchSnapshot();
+});
+it('renders the LoginIcon with prop size=md', () => {
+  expect(mount(<LoginIcon size="md" />)).toMatchSnapshot();
+});
+it('renders the LoginIcon with prop size=xl', () => {
+  expect(mount(<LoginIcon size="xl" />)).toMatchSnapshot();
+});
+it('renders the LoginIcon with prop color=white', () => {
+  expect(mount(<LoginIcon color="white" />)).toMatchSnapshot();
+});
+it('renders the LoginIcon with prop color=warning', () => {
+  expect(mount(<LoginIcon color="warning" />)).toMatchSnapshot();
+});
+it('renders the LoginIcon with prop color=warning and size=s', () => {
+  expect(mount(<LoginIcon color="warning" size="sm" />)).toMatchSnapshot();
+});
+it('renders the LoginIcon with prop color=error and size= xl', () => {
+  expect(mount(<LoginIcon color="warning" size="xl" />)).toMatchSnapshot();
+});

package/src/LoginIcon/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+
+export const LoginIcon: React.FC<IconProps<'login'>> = (props) => {
+  return <Icon {...props} icon="login"></Icon>;
+};
+
+export default LoginIcon;