styled-icons/boxicons-regular/JoystickButton/JoystickButton.esm.js

Icons from packs like Font Awesome, Material, Octicons, Feather, Icomoon, and Boxicons available as Styled Components

import { __assign } from "tslib";
import * as React from 'react';
import { StyledIconBase } from '../../StyledIconBase';
export var JoystickButton = React.forwardRef(function (props, ref) {
    var attrs = {
        "fill": "currentColor",
        "xmlns": "http://www.w3.org/2000/svg",
    };
    return (React.createElement(StyledIconBase, __assign({ iconAttrs: attrs, iconVerticalAlign: "middle", iconViewBox: "0 0 24 24" }, props, { ref: ref }),
        React.createElement("path", { d: "M20 7h-3V4c0-1.103-.897-2-2-2H9c-1.103 0-2 .897-2 2v3H4c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2h3v3c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2v-3h3c1.103 0 2-.897 2-2V9c0-1.103-.897-2-2-2zm0 8h-5v4h.001v1H9v-5H4V9h5V4h6v5h5v6z", key: "k0" }),
        React.createElement("path", { d: "M8 14v-4l-3 2zm8 0l3-2-3-2zm-6-6h4l-2-3zm2 11l2-3h-4z", key: "k1" }),
        React.createElement("circle", { cx: 12, cy: 12, r: 2, key: "k2" })));
});
JoystickButton.displayName = 'JoystickButton';
export var JoystickButtonDimensions = { height: 24, width: 24 };