.profile/components/Profile/SocialMediaList/SocialMediaIcons/Icon.tsx

import classNames from "clsx"

export const Icon = (props: React.SVGProps<SVGSVGElement>): JSX.Element => {
  const { children, className, ...rest } = props

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      className={classNames(
        "h-8 w-8 fill-current text-black dark:text-white",
        className,
      )}
      {...rest}
    >
      {children}
    </svg>
  )
}