add LanOutlinedIcon to sistent icons

[Daniel-1600]

Notes for Reviewers

This PR fixes #1514

Signed commits

• Yes, I signed my commits.

[gemini-code-assist]

Code Review

This pull request introduces the LanOutlinedIcon component and its local export. Feedback suggests exporting the icon from the main library entry point (src/icons/index.ts) to ensure it is accessible to consumers. Additionally, it is recommended to incorporate a default fill color and a title prop for better accessibility and internationalization support.

[gemini-code-assist]

The new icon is not currently exported from the main library entry point (src/icons/index.ts). To allow consumers to import LanOutlinedIcon directly from the icons package, please add an export statement for it in src/icons/index.ts.

[gemini-code-assist]

To maintain consistency with the project's design system and improve accessibility, the DEFAULT_FILL constant should be used as a default value for the fill prop. Additionally, the title prop should be rendered within a <title> tag inside the SVG to support accessibility and internationalization, as per the general guidelines for shared components.

import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL } from '../../constants/constants';
import { IconProps } from '../types';

export const LanOutlinedIcon = ({
  width = DEFAULT_WIDTH,
  height = DEFAULT_HEIGHT,
  fill = DEFAULT_FILL,
  title,
  ...props
}: IconProps): JSX.Element => {
  return (
    <svg
      width={width}
      height={height}
      fill={fill}
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      {...props}
    >
      {title && <title>{title}</title>}
      <path d="M13,22h8v-7h-3v-4h-5V9h3V2H8v7h3v2H6v4H3v7h8v-7H8v-2h8v2h-3V22z M10,7V4h4v3H10z M9,17v3H5v-3H9z M19,17v3h-4v-3H19z" />
    </svg>
  );
};

References

1. Avoid hardcoding UI strings in shared components. Expose these strings as configurable props to support internationalization (i18n) and localization.