@lunit/design-system-icons v2.1.0

Lunit Design System Icons

User Guide

https://design-system-icons.d.lunit.io/

Developer Guide

Figma

Lunit Icons Figma: https://www.figma.com/design/tlomwt8dT0GWikKqzYH7TO/Lunit_Icons_v2.0.0?node-id=12135-6066

You can use SVG Export plugin to export SVGs with proper settings( Monochrome preset will fulfill it).

• <svg> tag must not have any dimensions(width, height) to support fontSize props.
• Any elements inside <svg> (like <path>) must not have own fill to support color props.

twotone is not supported currently.

Build & Publish

At repository root, the nx build @lunit/design-system-icons command generates components and stores them in generated/**/index.tsx files. These files are then used as entry points by Webpack.

You can publish the package with cd packages/design-system-icons && npm publish --access public.

Roadmap

• Export SvgIcon wrapped components
• Publish Storybook docs
• Add all the design system icons
• Support basic variants(outlined, filled)
• Support two-tone variant
• Export SVGs directly
• Automated visual test with the Figma project

Support

SangYeob Yu(syyu@lunit.io)