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

export const HarmonyBadge = createIcon({
    rectFill: 'black',
    path: (
        <>
            <path
                d="M16 5.5C14.3478 5.5 13 6.75536 12.9565 8.29419V11.4123C12.6522 11.4123 12.3478 11.4528 12 11.4528C11.6522 11.4528 11.3478 11.4528 11.0435 11.4933V8.29419C11.0435 6.75536 9.65219 5.5 7.95652 5.5405C6.34783 5.5405 5.04348 6.79585 5 8.29419V15.7454C5.04348 17.2842 6.3913 18.5395 8.08696 18.499C9.73911 18.4585 11.0435 17.2437 11.0435 15.7454V12.6272C11.3478 12.6272 11.6522 12.5867 12 12.5867C12.3478 12.5867 12.6522 12.5867 12.9565 12.5462V15.7049C13 17.2437 14.3478 18.499 16.0435 18.4585C17.6957 18.418 19 17.2032 19 15.7049V8.29419C19 6.75536 17.6522 5.5 16 5.5ZM8.04348 6.63387C9.04348 6.63387 9.82608 7.36279 9.82608 8.29419V11.5743C8.95652 11.6958 8.08696 11.9388 7.26087 12.2627C6.91304 12.4247 6.56522 12.5867 6.26087 12.8297V8.29419C6.26087 7.40329 7.04348 6.63387 8.04348 6.63387ZM9.82608 15.7454C9.82608 16.6767 9.04348 17.4057 8.04348 17.4057C7.04348 17.4057 6.26087 16.6767 6.26087 15.7454V15.0164C6.26087 14.3685 6.82609 13.7206 7.78261 13.3561C8.43478 13.0727 9.13044 12.9107 9.86957 12.7892L9.82608 15.7454ZM16 17.4057C15 17.4057 14.2174 16.6767 14.2174 15.7454V12.4652C15.087 12.3437 15.9565 12.1008 16.7826 11.7768C17.1304 11.6148 17.4783 11.4528 17.7826 11.2099V15.7454C17.7826 16.6767 16.9565 17.4057 16 17.4057ZM16.2609 10.7239C15.6087 11.0074 14.913 11.1694 14.1739 11.2909V8.29419C14.1739 7.36279 14.9565 6.63387 15.9565 6.63387C16.9565 6.63387 17.7391 7.36279 17.7391 8.29419V9.02311C17.7826 9.71152 17.2174 10.319 16.2609 10.7239Z"
                fill="url(#HarmonyBadge_a)"
            ></path>
            <defs>
                <linearGradient
                    id="HarmonyBadge_a"
                    x1="12"
                    y1="5.5"
                    x2="3.03246"
                    y2="15.1281"
                    gradientUnits="userSpaceOnUse"
                >
                    <stop stopColor="#00E8A2"></stop>
                    <stop offset="1" stopColor="#00ADE8"></stop>
                </linearGradient>
            </defs>
        </>
    ),
})
