export default function Icon({ name, size = 18, fill = 0, weight = 400, style }) {
  return (
    <span
      className="material-symbols-outlined"
      style={{
        fontSize: size,
        lineHeight: 1,
        fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'opsz' 20`,
        ...style,
      }}
    >{name}</span>
  )
}