react, figma 사용해서 webview 앱 용 icon.png 생성

icon 생성

• size: 1024 x 1024

react 코드로 아이콘에 사용할 로고 작성

(기존 로고 변형해서 재사용)

• 관련코드:

            <Box
              sx={{
                backgroundColor: '#209CEE',
              }}
              p={0.75}
            >
              <Typography display="block"
                variant="h5"
                color="white"
                align="center"
                sx={{
                  fontFamily: 'Jua',
                }}
              >
                나만
              </Typography>
              <Typography display="block"
                variant="h5"
                color="white"
                align="center"
                sx={{
                  fontFamily: 'Jua',
                }}
              >
                솔로
              </Typography>
            </Box>

• 사이트 스크린샷 떠서 로고 이미지 획득

icon 제작용 피그마 템플릿 사용

• 템플릿 주소
  • https://www.figma.com/community/file/1155362909441341285

Expo App Icon & Splash | Figma Community

• 템플릿 원 안에 글자가 다 들어가게 해줌

• figma 기능 사용해서 템플릿에서 png 파일 추출