Remote SVG
Using react-inlinesvg (opens in a new tab) to load remote SVG.
import { RoughSVG } from 'react-rough-fiber'; import SVG from 'react-inlinesvg'; export default function App() { return ( <RoughSVG options={{seed: 2, fillStyle: 'dashed', dashOffset: 5, dashGap: 5, hachureGap: 5}}> <SVG src="https://cdn.svgporn.com/logos/react.svg" width={256} height="auto" title="React" /> </RoughSVG> ) }