How to import svg icon in styled-components?

Question

React

How to import svg icon in styled-components?
I need to set the background as an icon, what syntax should I use?
I will be grateful for your help

import { MdDone } from 'react-icons/md'
background: url(${MdDone});

Answer 1

you can do it via background-image styles: url('../../../style/imgs/icons/arrow-left.png');
You can add it inline in JSX

<div style={{backgroundImage: `url(${MdDone})`}}></div>