svg파일 색깔 바꾸기 (hover 등)

1) img에 svg 파일을 넣는다

<img src="./image/property.svg" alt="검사하기">

 

2) 원하는 색상의 hex값을 아래 컨버터 사이트에 넣고 filter값을 얻는다

https://angel-rs.github.io/css-color-filter-generator/

CSS Color Filter Generator

 

3) css에 filter값을 입력한다 (hover, color 등)

img:hover {
  filter: brightness(0) saturate(100%) invert(18%) sepia(87%) saturate(2680%) hue-rotate(262deg) brightness(87%) contrast(96%);
}