Как импортировать svg иконку в styled-components?

Question

[Alexander]

Как импортировать svg иконку в styled-components?
Нужно задать background в виде иконки, какой синтаксис записи я должен использовать?
Буду благодарен за помошь

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

Answer 1

[ParaBellum577]

можете сделать это через стили background-image: url('../../../style/imgs/icons/arrow-left.png');
Можете добавить инлайном в JSX

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

Comments

[Alexander]

а есть еще способы без style?
У меня background-image находится внутри before
И я проверил отельно скачаную свг и она работает отлично, только вот проблема в библиотеке react-icons, она не хочет импортировать свг внутрь styled-components