Icon

import { RoughSVG } from 'react-rough-fiber';
import { Bell, Battery, Coffee, Twitter, Camera, Edit, Image } from "react-feather"
export default function App() {
  return (
    <RoughSVG roughOptions={{roughness: 0.6, seed: 2, bowing: 15}}>
      <Image size={48} />
    </RoughSVG>
  )
}

import { RoughSVG } from 'react-rough-fiber';
import { BeakerIcon } from '@heroicons/react/24/solid'
export default function App() {
  return (
    <RoughSVG roughOptions={{roughness: 0.6, seed: 2, bowing: 15}}>
      <BeakerIcon className="h-16 w-16" />
    </RoughSVG>
  )
}