Изображение SVG внутри круга

Я хочу создать круг, внутри которого находится изображение. Я уже пробовал использовать pattern или filter, но ни один из них не дает ожидаемого результата.
Ниже приведен код:

Моя цель - сохранить круг и создать фоновое изображение внутри него, что-то вроде атрибута CSS background-image.
Перевод вопроса: SVG image inside circle

Ответ

pattern будет работать. Вам просто необходимо указать размер , так как в отличии от HTML, SVG-изображения по умолчанию имеют ширину и высоту отличающуюся от нуля. Кроме того, если вы хотите, чтобы изображение масштабировалось вместе с кругом, то вам следует указать viewBox для pattern.

Перевод ответа: @Paul LeBeau