import React from "react";
import angryIcon from "!!svg-sprite-loader!@cloudbees/honeyui-icons/regular/angry.svg";
import { Icon } from "../../";

export default (
  <div className="m-5">
    <Icon
      id={angryIcon.id}
      viewBox={angryIcon.viewBox}
      size="lg"
      color="primary"
      className="mr-2"
    />
    <Icon
      id={angryIcon.id}
      viewBox={angryIcon.viewBox}
      size="lg"
      color="secondary"
      className="mr-2"
    />
    <Icon
      id={angryIcon.id}
      viewBox={angryIcon.viewBox}
      size="lg"
      color="success"
      className="mr-2"
    />
    <Icon id={angryIcon.id} viewBox={angryIcon.viewBox} size="lg" color="danger" className="mr-2" />
    <Icon
      id={angryIcon.id}
      viewBox={angryIcon.viewBox}
      size="lg"
      color="warning"
      className="mr-2"
    />
    <Icon id={angryIcon.id} viewBox={angryIcon.viewBox} size="lg" color="info" className="mr-2" />
    <Icon id={angryIcon.id} viewBox={angryIcon.viewBox} size="lg" color="light" className="mr-2" />
    <Icon id={angryIcon.id} viewBox={angryIcon.viewBox} size="lg" color="white" className="mr-2" />
    <Icon id={angryIcon.id} viewBox={angryIcon.viewBox} size="lg" color="dark" className="mr-2" />
  </div>
);
