URL-encoder for SVG, svg코드 css 코드 변환

예전엔 IR이다 해서 이미지 스프라이트기법으로 노가도 많이 했는데, 요새는 디자인파일 자체, 특별한 해상도의 이미지가 아닌한, 대부분의 아이콘등의 형태는 ir대신 svg로 대체해서 작업하고있다. 

피그마나 스케치를 대부분 사용하다보니 copy as svg로 변환해서 해당 코드를 

[Insert SVG]에 넣고 [Ready for CSS]에서 복사해서 본인의 css에 집어넣으면 끝이다.

가끔 복잡하게 레이어가 많거나 해서 깨질땐 해당 패스마다 확인해서 색상 깨진부분 수정하면 되는데, 그냥 그럴땐 png로 작업하자.

svg encoder 활용

 

 

https://yoksel.github.io/url-encoder/