svg 포맷을 이용한 이미지 파일의 색상을 변경하는 것에 대해 검색을 해보면 대부분이 svg 파일을 html에 작성해서 fill 또는 CSS를 이용해서 색상을 변경하라는 내용을 볼 수 있습니다. 하지만 그렇게 비효율적인 방법이라면 mdi같이 svg 포맷을 폰트로 만들어서 사용했을 듯 합니다. SVG 파일의 색상을 HTML 작성 없이 CSS만으로 변경하는 것은 의외로 매우 간단합니다. .svg-test { background-color: #eeeeee; -webkit-mask: url('image.svg') no-repeat center; mask: url('image.svg') no-repeat center; } 이런식으로 mask를 이용해서 image를 불러오고 background 색상을 변경 작업해주..

html / css 등을 사용하여 코드를 작성하다보면, 특수문자나 기호 이모티콘 이모지 화살표 등등 때에 따라 다양하게 ENTITY CODE가 필요할 때가 있는데, 해당 엔티티 코드와 심볼, 화살표, 이모지 등을 쉽게 보여주는 사이트가 있어서 소개해보고자 합니다. everycode.store main | EveryCode everycode.store EVERYCODE 라는 곳 인데, 각 문자 표 마다, HTML / HEX / CSS 순으로 모두 표기해주고 있네요 상단에 WARNING으로 브라우저 캐시를 제거할 경우 북마크도 제거한다고 나와 있는데, 이걸 보고 사용자 브라우저 캐시를 통해 즐겨 찾기를 저장한다는 점 을 알 수 있네요. 즐겨찾기는 등록하고자 하는 문자표를 찾은 뒤 파란박스 우측 상단 라벨을 ..