old_contents: import React from 'react';
  
  const Icon = ({
    name,
    style,
    className = '',
    n = false,
    xs = false,
    s = false,
    m = true,
    l = false,
    x = false,
    xl = false,
    xxl = false,
  }) => {
    let size = '';
    size = (n) ? 'icon-n' : size;
    size = (xs) ? 'icon-xs' : size;
    size = (s) ? 'icon-s' : size;
    size = (m) ? 'icon-m' : size;
    size = (l) ? 'icon-l' : size;
    size = (x) ? 'icon-x' : size;
    size = (xl) ? 'icon-xl' : size;
    size = (xxl) ? 'icon-xxl' : size;
    return (
      <i className={`icon ${size} material-icons ${className}`} style={style}>{ name }</i>
    );
  };
  
  export default Icon;
  
new_contents: import React from 'react';
  
  import './Icon.sass';
  
  const Icon = ({
    name,
    style,
    className = '',
    xs = false,
    sm = false,
    md = false,
    lg = false,
    xl = false,
  }) => {
    let size = 'icon-md';
    size = (xs) ? 'icon-xs' : size;
    size = (sm) ? 'icon-sm' : size;
    size = (md) ? 'icon-md' : size;
    size = (lg) ? 'icon-lg' : size;
    size = (xl) ? 'icon-xl' : size;
    return (
      <i className={`material-icons icon ${size} ${className}`} style={style}>{ name }</i>
    );
  };
  
  export default Icon;
  
subject: Refactor icon