Examples
Remote SVG

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>
  )
}