import React from 'react';

export const WarningIcon: React.FC<{ className?: string }> = ({ className }) => (
    <svg className={className} width="30px" height="25px" viewBox="0 0 30 25" version="1.1">
        <title>Warning icon</title>
        <desc>Warning - WeLoveDevs</desc>
        <g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
            <g id="Company-Main-Card" transform="translate(-69.000000, -60.000000)">
                <g id="Group-3" transform="translate(49.000000, 46.000000)">
                    <g id="Group-2" transform="translate(19.000000, 11.000000)">
                        <g id="warning-24px">
                            <polygon id="Path" points="0 0 32 0 32 32 0 32" />
                            <path
                                d="M2.73141008,28 L29.2685899,28 C29.8208747,28 30.2685899,27.5522847 30.2685899,27 C30.2685899,26.824572 30.2224408,26.6522307 30.1347755,26.5002775 L16.8661856,3.50138835 C16.5901965,3.02300726 15.9786586,2.85893613 15.5002775,3.13492522 C15.348042,3.22275344 15.2216426,3.34915276 15.1338144,3.50138835 L1.86522449,26.5002775 C1.5892354,26.9786586 1.75330654,27.5901965 2.23168762,27.8661856 C2.38364083,27.9538509 2.55598208,28 2.73141008,28 Z M17.3636364,23.8947368 L14.6363636,23.8947368 L14.6363636,21.1578947 L17.3636364,21.1578947 L17.3636364,23.8947368 Z M17.3636364,18.4210526 L14.6363636,18.4210526 L14.6363636,12.9473684 L17.3636364,12.9473684 L17.3636364,18.4210526 Z"
                                id="Shape"
                                fill="currentcolor"
                                fillRule="nonzero"
                            />
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </svg>
);