Minor Adventures가 Cursor의 새 아이콘 시스템 제작 과정을 공개했습니다. 글은 2026년 7월 30일 공개됐습니다. 프로젝트는 약 1년에 걸쳐 진행됐고, 600개가 넘는 아이콘을 두 가지 크기와 두 가지 스타일로 다시 그리는 작업이었습니다.

Cursor는 VS Code 생태계에서 출발한 AI 코딩 도구입니다. 초기 아이콘은 VS Code가 쓰는 오픈소스 아이콘 세트 Codicons와 이후 추가된 커스텀 아이콘이 섞여 있었습니다. 시간이 지나며 스타일과 용도가 달라졌고, Cursor만의 개념을 설명하기 어려워졌습니다. AI 에이전트, 병렬 실행, 사고 수준, 비용과 연산, Bugbot 같은 기능은 일반 아이콘 라이브러리만으로 충분히 다루기 어려웠습니다.

새 Cursor 아이콘은 16px와 24px 두 크기로 제작됐습니다. 16px 아이콘은 1.25px 선 두께를 사용하고, 24px 아이콘은 1.5px 선 두께와 조금 더 많은 디테일을 갖습니다. 이는 작은 아이콘을 단순히 확대하는 방식이 아니라, 글꼴의 옵티컬 사이즈처럼 크기에 맞는 별도 도안을 만든 방식입니다.

디자인 방식은 기술 도면에 가깝습니다. 수평, 수직, 45도 선을 기본으로 쓰고, 필요한 경우에만 다른 각도를 사용했습니다. 모서리는 너무 날카롭거나 부드럽지 않게 조정했습니다. 반복되는 폴더, 파일, 화살표, 배지, 점, 괄호 같은 요소는 같은 형태로 관리했습니다. 155개가 넘는 반복 요소와 속성을 추적해 전체 세트가 하나의 손에서 나온 것처럼 보이게 했습니다.

작은 크기에서 잘 보이도록 옵티컬 보정도 적용했습니다. 선이 만나는 지점에는 작은 틈을 만들고, 여러 선이 겹치는 부분은 선 두께를 줄였습니다. 겹치는 도형 사이 간격도 일정 기준 이상으로 유지했습니다. 이런 조정은 화면에서 크게 드러나지 않지만, 아이콘이 흐려지거나 무거워 보이는 문제를 줄입니다.

완성된 결과물은 Figma 원본, SVG, 아이콘 폰트, 내부 검색 사이트, 배포 파이프라인으로 구성됐습니다. 새 아이콘은 기존 코드포인트를 유지해 제품 안의 기존 참조가 깨지지 않도록 설계됐습니다. Cursor 아이콘 시스템은 AI 코딩 도구가 기능을 늘려갈 때, 시각 언어도 함께 관리돼야 한다는 점을 보여줍니다.

더보기 및 출처
https://www.minoradventures.co/blog/the-making-of-cursors-icons