nexxtway/react-rainbow

import React from 'react';

export default function CancelIcon() {
    return (
        <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
            <title>cancel</title>
            <g
                id="components"
                stroke="none"
                strokeWidth="1"
                fill="none"
                fillRule="evenodd"
                fillOpacity="0.7"
                opacity="0.583426339"
            >
                <g
                    id="Components-FileSelector-"
                    transform="translate(-708.000000, -895.000000)"
                    fill="#A8A9AF"
                >
                    <g id="Group-46" transform="translate(419.000000, 863.000000)">
                        <g id="Group-21" transform="translate(5.000000, 28.000000)">
                            <path
                                d="M296,4 C302.525457,4 307.834393,9.20713168 307.9962,15.69496 L308,16 C308,22.5254567 302.792868,27.8343928 296.30504,27.9962001 L296,28 C289.372583,28 284,22.6288742 284,16 C284,9.47454326 289.207132,4.16560725 295.69496,4.00379986 L296,4 Z M292.1465,12.1466667 C291.951167,12.3418333 291.951167,12.6585 292.1465,12.8536667 L295.290667,15.9976667 L292.1465,19.1416667 C291.951167,19.3368333 291.951167,19.6535 292.1465,19.8486667 C292.244167,19.9461667 292.372167,19.995 292.5,19.995 C292.627833,19.995 292.755833,19.9461667 292.8535,19.8485 L295.997667,16.7045 L299.141667,19.8485 C299.239333,19.9461667 299.367333,19.995 299.495167,19.995 C299.623,19.995 299.751,19.9461667 299.848667,19.8485 C300.044,19.6533333 300.044,19.3366667 299.848667,19.1415 L296.704667,15.9976667 L299.848667,12.8536667 C300.044,12.6585 300.044,12.3418333 299.848667,12.1466667 C299.653333,11.9513333 299.337,11.9513333 299.141667,12.1466667 L295.997667,15.2906667 L292.8535,12.1466667 C292.658167,11.9513333 292.341833,11.9513333 292.1465,12.1466667 Z"
                                id="cancel"
                            />
                        </g>
                    </g>
                </g>
            </g>
        </svg>
    );
}