# Lunit Design System Logo This package provides logos used in the Lunit projects. ## Development All assets(`src/assets/**`) should always be exported from Figma and up to date. If the Figma link below is incorrect, please contact the Product Design team. https://www.figma.com/file/tlomwt8dT0GWikKqzYH7TO/Lunit_Icons_v1.1.0?type=design&t=oKYnyZDasVPfCR4a-6 At repository root: - `nx build @lunit/design-system-logo`: Generates logo components and builds the logos. - `nx storybook @lunit/design-system-logo`: Running the storybook. ## Installation Install the package in your project directory with: ```sh npx @lunit/design-system-logo --favicon-path= ``` If you want to save the favicon files, please set the **relative** path option. ## Usage We recommend that you use path imports(**option 1**). It can avoid pulling in unused modules. ```tsx // option 1 size: 11.7k (gzipped: 4.6k) import Lunit from "@lunit/design-system-logo/Lunit"; // option 2 size: 578.1k (gzipped: 87.1k) import { Lunit } from "@lunit/design-system-logo"; const Logo = () => ( // only svg file ); export default Logo; ``` ## Favicon If the public directory exists, The favicon files are saved in the public directory. ```html // public/index.html Lunit ``` If your project uses CRA, insert the code shown above into the HTML file.