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

export const Phantom = createIcon({
    path: (
        <>
            <path
                d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                fill="url(#Phantom_a)"
            ></path>
            <path
                d="M19.1589 12.1218H17.3961C17.3961 8.52922 14.4735 5.617 10.8681 5.617C7.30739 5.617 4.41246 8.45793 4.34161 11.989C4.26831 15.639 7.70485 18.8085 11.3683 18.8085H11.8291C15.0589 18.8085 19.3878 16.2892 20.0641 13.2195C20.189 12.6537 19.7405 12.1218 19.1589 12.1218ZM8.24842 12.2819C8.24842 12.7623 7.85408 13.1552 7.37194 13.1552C6.8898 13.1552 6.49548 12.7621 6.49548 12.2819V10.869C6.49548 10.3886 6.8898 9.99563 7.37194 9.99563C7.85408 9.99563 8.24842 10.3886 8.24842 10.869V12.2819ZM11.2918 12.2819C11.2918 12.7623 10.8975 13.1552 10.4154 13.1552C9.93324 13.1552 9.53895 12.7621 9.53895 12.2819V10.869C9.53895 10.3886 9.93342 9.99563 10.4154 9.99563C10.8975 9.99563 11.2918 10.3886 11.2918 10.869V12.2819Z"
                fill="url(#Phantom_b)"
            ></path>
            <defs>
                <linearGradient
                    id="Phantom_a"
                    x1="12"
                    y1="2"
                    x2="12"
                    y2="22"
                    gradientUnits="userSpaceOnUse"
                >
                    <stop stopColor="#534BB1"></stop>
                    <stop offset="1" stopColor="#551BF9"></stop>
                </linearGradient>
                <linearGradient
                    id="Phantom_b"
                    x1="12.2128"
                    y1="5.617"
                    x2="12.2128"
                    y2="18.8085"
                    gradientUnits="userSpaceOnUse"
                >
                    <stop stopColor="white"></stop>
                    <stop
                        offset="1"
                        stopColor="white"
                        stopOpacity="0.82"
                    ></stop>
                </linearGradient>
            </defs>
        </>
    ),
})
