styled-icons/feather/Codepen/Codepen.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 Codepen = React.forwardRef(function (props, ref) {
    var attrs = {
        "fill": "none",
        "xmlns": "http://www.w3.org/2000/svg",
        "stroke": "currentColor",
        "strokeLinecap": "round",
        "strokeLinejoin": "round",
    };
    return (React.createElement(StyledIconBase, __assign({ iconAttrs: attrs, iconVerticalAlign: "middle", iconViewBox: "0 0 24 24" }, props, { ref: ref }),
        React.createElement("polygon", { points: "12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2", key: "k0" }),
        React.createElement("line", { x1: 12, x2: 12, y1: 22, y2: 15.5, key: "k1" }),
        React.createElement("polyline", { points: "22 8.5 12 15.5 2 8.5", key: "k2" }),
        React.createElement("polyline", { points: "2 15.5 12 8.5 22 15.5", key: "k3" }),
        React.createElement("line", { x1: 12, x2: 12, y1: 2, y2: 8.5, key: "k4" })));
});
Codepen.displayName = 'Codepen';
export var CodepenDimensions = { height: 24, width: 24 };