본문 바로가기

Study/실무

styled-components svg 스타일링하기

import ArrowIcon from '/assets/icons/header/downArrow.svg';

...
<Arrow/>


...
// styled-components의 확장 기능을 사용해서 svg 스타일링
const Arrow = styled(ArrowIcon)`
  path {
    	stroke: blue;
	fill: blue;
  }
  &:hover {
    path {
      	stroke: red;
	fill: red;
    }
  }
`;

'Study > 실무' 카테고리의 다른 글

[React] CopyToClipboard 구현하기  (0) 2023.03.22
Docker  (0) 2023.01.05
Clean Code 작성하기  (0) 2022.11.10
Jira 와 Github 연동하기  (0) 2022.11.10
CSS - boarder gradation  (0) 2022.11.02