而家做網頁時好多時都需要做 light/dark mode，除咗轉 text 顏色 仲要轉埋 icon 顏色，唔想下下改 src，可以用 CSS value: currentColor 去改變 SVG fill property，只要喺 parent dom 比個 color: red, svg fill color 就會跟個值改變，仲可以配合 transition / animation 玩。 See the Pen CSS SVG fill color by littlecodeguy (@littlecodeguy) on CodePen.
今日想介紹一個 Figma 小貼士，除咗 export 圖片，我哋都可以 copy as SVG 之後直接貼到 editor 作為 .svg file 或放入 React component，但前提 designer 要用 vector 而唔係 raster 圖。 export const Logo: FC<SVGProps<SVGSVGElement>> = props => ( // 貼上 SVG <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 484.88 461.23" preserveAspectRatio="none" // proportionally scale {...props} // spread props > <path d="M255.53,446.23c-102.85-1.19-193..." /> <path d="M161.57,461.23c-6.15-1.96-12.62..." /> </svg> );