24×24 같은 격자 위에 사각형 · 원 · 선 · 꺾은선 · 글자로 아이콘을 그리고, 내 이미지를 밑그림이나 벡터 path로 넣어 SVG 코드 · .svg · PNG로 내보내요.
도구를 고르고 캔버스에서 끌어 그리세요. 화살표 키로 1칸씩, Shift+화살표로 0.1칸씩 움직여요.
작업 내용은 이 브라우저에만 자동 저장돼요. 이미지도 서버로 올라가지 않아요. (벡터 변환: imagetracerjs 1.2.6 · Unlicense)
알아 두세요. 큰 이미지는 자동 저장 용량이 모자랄 수 있어요. 펜은 직선 꺾은선만 되고, currentColor 내보내기는 모든 색을 바꿔서 단색 아이콘에 맞아요.
작업 내용은 이 브라우저의 localStorage에 자동 저장돼서 다시 열면 이어서 할 수 있어요. 큰 이미지를 넣으면 저장 공간이 모자랄 수 있으니 중간중간 .svg로 받아 두세요.
모든 선 · 채우기 색이 currentColor가 돼서 HTML에 넣었을 때 주변 글자색(CSS color)을 따라가요. 한 가지 색으로 된 UI 아이콘에 알맞아요.
네. 탭으로 도형을 놓거나 펜 점을 찍고, 끌어서 옮기고 크기를 바꿀 수 있어요. 펜은 “펜 완료” 버튼으로 끝내요.