function Icon(props) {
  var bordered = props.bordered,
      circular = props.circular,
      className = props.className,
      color = props.color,
      corner = props.corner,
      disabled = props.disabled,
      fitted = props.fitted,
      flipped = props.flipped,
      inverted = props.inverted,
      link = props.link,
      loading = props.loading,
      name = props.name,
      rotated = props.rotated,
      size = props.size;


  var classes = cx(color, name, size, useKeyOnly(bordered, 'bordered'), useKeyOnly(circular, 'circular'), useKeyOnly(corner, 'corner'), useKeyOnly(disabled, 'disabled'), useKeyOnly(fitted, 'fitted'), useKeyOnly(inverted, 'inverted'), useKeyOnly(link, 'link'), useKeyOnly(loading, 'loading'), useValueAndKey(flipped, 'flipped'), useValueAndKey(rotated, 'rotated'), 'icon', className);
  var rest = getUnhandledProps(Icon, props);
  var ElementType = getElementType(Icon, props);

  return React.createElement(ElementType, _extends({}, rest, { 'aria-hidden': 'true', className: classes }));
}
/**
 * An icon is a glyph used to represent something else.
 * @see Image
 */
An icon is a glyph used to represent something else.
@see Image
An icon is a glyph used to represent something else . @see Image
function Icon(props) {
  var bordered = props.bordered,
      circular = props.circular,
      className = props.className,
      color = props.color,
      corner = props.corner,
      disabled = props.disabled,
      fitted = props.fitted,
      flipped = props.flipped,
      inverted = props.inverted,
      link = props.link,
      loading = props.loading,
      name = props.name,
      rotated = props.rotated,
      size = props.size;
  var classes = cx(color, name, size, useKeyOnly(bordered, 'bordered'), useKeyOnly(circular, 'circular'), useKeyOnly(corner, 'corner'), useKeyOnly(disabled, 'disabled'), useKeyOnly(fitted, 'fitted'), useKeyOnly(inverted, 'inverted'), useKeyOnly(link, 'link'), useKeyOnly(loading, 'loading'), useValueAndKey(flipped, 'flipped'), useValueAndKey(rotated, 'rotated'), 'icon', className);
  var rest = getUnhandledProps(Icon, props);
  var ElementType = getElementType(Icon, props);
  return React.createElement(ElementType, _extends({}, rest, { 'aria-hidden': 'true', className: classes }));
}
function Icon ( props ) { var bordered = props . bordered , circular = props . circular , className = props . className , color = props . color , corner = props . corner , disabled = props . disabled , fitted = props . fitted , flipped = props . flipped , inverted = props . inverted , link = props . link , loading = props . loading , name = props . name , rotated = props . rotated , size = props . size ; var classes = cx ( color , name , size , useKeyOnly ( bordered , 'bordered' ) , useKeyOnly ( circular , 'circular' ) , useKeyOnly ( corner , 'corner' ) , useKeyOnly ( disabled , 'disabled' ) , useKeyOnly ( fitted , 'fitted' ) , useKeyOnly ( inverted , 'inverted' ) , useKeyOnly ( link , 'link' ) , useKeyOnly ( loading , 'loading' ) , useValueAndKey ( flipped , 'flipped' ) , useValueAndKey ( rotated , 'rotated' ) , 'icon' , className ) ; var rest = getUnhandledProps ( Icon , props ) ; var ElementType = getElementType ( Icon , props ) ; return React . createElement ( ElementType , _extends ( { } , rest , { 'aria-hidden' : 'true' , className : classes } ) ) ; }
An icon is a glyph used to represent something else.
An icon is a glyph used to represent something else .