Icon component nextjs react

'use client';

import React from 'react';
import Image from 'next/image';

export interface IconProps {
  name: string;
  className?: string;
}

const Icon: React.FC<IconProps> = ({ name, className = 'w-4 h-4' }) => {
  const src = encodeURI(`https://api.iconify.design/${name}.svg`);

  if (src) {
    return (
      <div className={'relative ' + className}>
        <Image
          fill
          src={src}
          alt={name}
          className={className}
          style={{
            backgroundColor: 'inherit',
          }}
        />
      </div>
    );
  }
};

export default Icon;