All comments

• 

  imNotAli•230

  @AliNaderiiSubmitted over 2 years ago

  Hello everyone :) Can anybody tell me how I should work with SVG icons? I can't figure out how to give them effects, like changing their color on hover. I'd appreciate it if you could help me.

  PS: Would be happy to know what you think of my work :)

  

  Interactive comments created with react + styled-components

  1

  40
  

  Ali Beyit•60

  @AliDayi97Posted over 2 years ago

  Import them like this example

  import { ReactComponent as DeleteIcon } from "./..";

  And use like typical react component and you can style them by changing fill property via css, it is like this with tailwind css

  <DeleteIcon className="fill-[#ED6368] hover:opacity-50" />

  Marked as helpful

  1

  This comment has received 1 replyShow