import React from 'react'
import { createIcon } from '../createIcon'

export const HexBadge = createIcon({
    rectFill: 'white',
    path: (
        <>
            <g clipPath="url(#HexBadge_a)">
                <path
                    d="M6.82595 20.5894L5.48278 18.1859C5.44086 18.1086 5.44086 17.9805 5.4846 17.9033L6.9754 15.2361C7.01914 15.1589 7.12666 15.0948 7.21414 15.0948H10.1957C10.2814 15.0948 10.3907 15.1607 10.4345 15.2361L11.9253 17.9052C11.969 17.9824 11.969 18.1124 11.9253 18.1896L10.4345 20.8587C10.3926 20.9341 10.2868 20.9981 10.2012 21H7.5185C7.26517 20.9962 6.95899 20.8154 6.82595 20.5894ZM16.5106 15.0986L13.54 9.78108C13.4817 9.6756 13.3322 9.58707 13.2138 9.58707H7.27246C7.154 9.58707 7.00456 9.6756 6.94624 9.78108L3.97559 15.0986C3.91727 15.2041 3.91727 15.383 3.97559 15.4885L4.84673 17.0481L6.36851 14.3244C6.43776 14.2001 6.60725 14.1003 6.74576 14.1003H10.6605C10.799 14.1003 10.9685 14.202 11.0377 14.3244L12.9951 17.828C13.0643 17.9523 13.0643 18.1538 12.9951 18.2782L11.4751 21H13.2156C13.334 21 13.4835 20.9115 13.5418 20.806L16.5125 15.4885C16.569 15.3811 16.569 15.2041 16.5106 15.0986ZM21.9034 11.58L17.3435 3.42005C17.2159 3.18836 16.8988 3 16.6419 3H7.52396C7.26699 3 6.94988 3.18836 6.82048 3.42005L2.26245 11.58C2.13306 11.8116 2.13306 12.1884 2.26245 12.4182L3.30674 14.2886L6.3357 8.86563C6.42136 8.71306 6.62912 8.58874 6.80044 8.58874H13.6803C13.8516 8.58874 14.0594 8.71306 14.145 8.86563L17.5859 15.0232C17.6716 15.1758 17.6716 15.4244 17.5859 15.577L14.5569 21H16.6419C16.8988 21 17.2159 20.8116 17.3453 20.58L21.9034 12.4201C22.0328 12.1884 22.0328 11.8116 21.9034 11.58V11.58Z"
                    fill="url(#HexBadge_b)"
                ></path>
            </g>
            <defs>
                <linearGradient
                    id="HexBadge_b"
                    x1="7.12404"
                    y1="20.8764"
                    x2="17.5401"
                    y2="3.421"
                    gradientUnits="userSpaceOnUse"
                >
                    <stop offset="0.00202893" stopColor="#FFDC00"></stop>
                    <stop offset="0.3333" stopColor="#E58E2F"></stop>
                    <stop offset="0.6666" stopColor="#DB2D72"></stop>
                    <stop offset="1" stopColor="#FF00FF"></stop>
                </linearGradient>
                <clipPath id="HexBadge_a">
                    <rect
                        width="20"
                        height="18"
                        fill="white"
                        transform="translate(2 3)"
                    ></rect>
                </clipPath>
            </defs>
        </>
    ),
})
