디자인 시스템 기초 정의: 아이콘

[bkidea]

Lucide

Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects.

• 제공하는 패키지 https://lucide.dev/packages
• 피그마 커뮤니티 https://www.figma.com/community/plugin/939567362549682242/lucide-icons

Stroke width

All icons are designed with SVG elements using strokes. These have a default stroke width of 2px.

아이콘의 size 속성을 조절하면, 선 두께(stroke width)도 아이콘 크기에 비례해서 조정됩니다. 이는 SVG의 기본 동작 방식입니다.

하지만 absoluteStrokeWidth 속성을 사용하면 이 기본 동작을 변경할 수 있습니다. 이 속성이 활성화되면, 아이콘의 크기를 조절해도 선 두께는 고정된 값으로 유지됩니다.

예를 들어, absoluteStrokeWidth를 활성화하고 아이콘 크기를 48px로 설정해도, 화면에 보이는 선 두께는 여전히 2px입니다.

참고로 Lucide 아이콘의 기본 선 두께는 2px이며, 이 값은 다른 크기로 조정할 수 있습니다.

[bkidea]

피그마 커뮤니티에서 제공하는 Lucide는 Stroke를 깨트려 사용해야겠다.
폰트로 되어 있으면 더 좋긴 할텐데..