import { View, Image } from '@tarojs/components'
import './Icons.scss'
// import { SvgXml } from 'react-native-svg';
let SvgXml;
if (process.env.TARO_ENV == 'rn') {
    SvgXml = require("react-native-svg").SvgXml
}

export const IconMinus = (props: { color: string, disable?: boolean }) => {
    return <View className='icon_bg'>
        <View className='minus2' style={{ backgroundColor: props.disable ? '#FFFFFF66' : props.color }}></View>
    </View>
}

export const IconPlus = (props: { color: string, disable?: boolean }) => {
    return <View className='icon_bg'>
        <View className='minus2' style={{ backgroundColor: props.disable ? '#FFFFFF66' : props.color }}></View>
        <View className='plus_bg'>
            <View className='plus2' style={{ backgroundColor: props.disable ? '#FFFFFF66' : props.color }} />
        </View>
    </View>
}

export const IconClear = () => {
    return <View className='clear_btn_bg'>
        <Image className='clear' src={require('@assets/images/x.png')} />
    </View>
}



export const IconShare = (props: { width: number, height: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20.596546173095703" height="17.310691833496094" viewBox="0 0 20.596546173095703 17.310691833496094"><g><path d="M0.750904,17.3107C0.671866,17.3111,0.593304,17.2984,0.518404,17.2732C0.1964,17.1686,-0.0156423,16.8613,0.000903904,16.5232C0.000903904,16.4107,0.773404,5.52068,11.6934,4.66568L11.6934,0.750681C11.6931,0.445681,11.8776,0.170896,12.16,0.055638C12.4424,-0.0596205,12.7664,0.00760603,12.9797,0.225681L20.3822,7.78568C20.668,8.07731,20.668,8.54405,20.3822,8.83568L12.9797,16.3957C12.7664,16.6138,12.4424,16.681,12.16,16.5657C11.8776,16.4505,11.6931,16.1757,11.6934,15.8707L11.6934,12.0307C4.4034,12.3082,1.41465,16.9057,1.38465,16.9619C1.2472,17.1791,1.00803,17.3107,0.750904,17.3107ZM13.1934,2.58818L13.1934,5.36693C13.1937,5.77111,12.8736,6.10279,12.4697,6.11693C5.40465,6.37568,2.87715,11.0819,1.96965,14.1082C3.84465,12.4882,7.1859,10.5082,12.3984,10.5082L12.4322,10.5082C12.8464,10.5082,13.1822,10.844,13.1822,11.2582L13.1822,14.0369L18.8072,8.31443L13.1934,2.58818Z" fill="#FF7A4E" fill-opacity="1"/></g></svg>`
    return <View style={{ width: props.width, height: props.height }}>
        {
            process.env.TARO_ENV == 'weapp' ? <mysvg src={icon} colors={[props.color]} /> :
                <SvgXml xml={icon} width={props.width} height={props.width} />
        }
    </View>
}
export const IconCheck = (props: { width: number, height: number, color: string }) => {
    const icon = `
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="88" height="88" viewBox="0 0 88 88">
    <defs>
        <clipPath id="master_svg0_690_14629">
            <rect x="0" y="0" width="88" height="88" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_690_14629)">
        <g>
            <path
                d="M69.67821298828125,25.5521093359375Q69.89761298828125,25.2573293359375,70.06721298828126,24.9313693359375Q70.23681298828126,24.6054193359375,70.35241298828126,24.2566093359375Q70.46791298828126,23.9077893359375,70.52641298828125,23.5450323359375Q70.58501298828125,23.1822703359375,70.58501298828125,22.8148193359375Q70.58501298828125,22.7022643359375,70.57941298828125,22.5898443359375Q70.57391298828125,22.4774243359375,70.56291298828125,22.3654103359375Q70.55191298828126,22.2533973359375,70.53531298828125,22.1420603359375Q70.51881298828124,22.0307233359375,70.49691298828125,21.9203303359375Q70.47491298828125,21.8099393359375,70.44761298828125,21.7007593359375Q70.42021298828125,21.5915693359375,70.38751298828126,21.4838593359375Q70.35491298828126,21.3761593359375,70.31691298828125,21.2701793359375Q70.27901298828125,21.1641993359375,70.23591298828126,21.0602193359375Q70.19291298828125,20.9562293359375,70.14481298828125,20.8544793359375Q70.09661298828125,20.7527293359375,70.04361298828124,20.6534693359375Q69.99051298828125,20.5541993359375,69.93261298828125,20.4576593359375Q69.87481298828125,20.3611193359375,69.81231298828125,20.2675293359375Q69.74971298828126,20.1739393359375,69.68271298828125,20.083539335937502Q69.61561298828124,19.9931293359375,69.54421298828126,19.9061293359375Q69.47281298828125,19.8191193359375,69.39721298828124,19.7357193359375Q69.32161298828126,19.6523193359375,69.24201298828126,19.5727393359375Q69.16251298828125,19.4931493359375,69.07911298828125,19.4175593359375Q68.99571298828124,19.3419693359375,68.90871298828125,19.270569335937502Q68.82171298828125,19.1991593359375,68.73121298828124,19.1321093359375Q68.64081298828125,19.0650693359375,68.54731298828125,19.0025293359375Q68.45371298828124,18.9399993359375,68.35711298828124,18.8821293359375Q68.26061298828125,18.8242693359375,68.16131298828125,18.7712093359375Q68.06211298828126,18.7181493359375,67.96031298828126,18.6700293359375Q67.85861298828125,18.6219093359375,67.75461298828125,18.5788293359375Q67.65061298828125,18.5357593359375,67.54461298828124,18.4978393359375Q67.43861298828125,18.4599193359375,67.33091298828126,18.4272493359375Q67.22321298828125,18.3945793359375,67.11401298828125,18.367229335937502Q67.00481298828126,18.3398793359375,66.89451298828125,18.3179193359375Q66.78411298828125,18.2959593359375,66.67271298828125,18.2794493359375Q66.56141298828125,18.2629293359375,66.44941298828125,18.2518993359375Q66.33741298828124,18.2408693359375,66.22491298828125,18.2353393359375Q66.11251298828125,18.2298193359375,66.00001298828124,18.2298193359375Q65.71741298828124,18.2298193359375,65.43691298828125,18.2645193359375Q65.15651298828125,18.2992293359375,64.88241298828126,18.3681093359375Q64.60831298828126,18.4369993359375,64.34471298828126,18.5390193359375Q64.08121298828125,18.6410393359375,63.83221298828125,18.7746493359375Q63.58321298828125,18.9082593359375,63.35241298828125,19.071439335937498Q63.12171298828125,19.2346293359375,62.91281298828125,19.4249093359375Q62.70381298828125,19.6151893359375,62.51991298828125,19.829689335937502Q62.33591298828125,20.0441893359375,62.17961298828125,20.2796593359375L35.91741298828125,57.6304193359375L21.94744298828125,40.6971193359375Q21.78716298828125,40.4918193359375,21.604662988281248,40.3060193359375Q21.42216298828125,40.1201193359375,21.21979298828125,39.9561193359375Q21.01741298828125,39.7922193359375,20.79777298828125,39.6522193359375Q20.57813298828125,39.5122193359375,20.34405298828125,39.3979193359375Q20.10996298828125,39.283719335937505,19.86445298828125,39.1967193359375Q19.61893298828125,39.1097193359375,19.36515298828125,39.0511193359375Q19.11136398828125,38.9925193359375,18.85257198828125,38.9630193359375Q18.59378098828125,38.933519335937504,18.33331298828125,38.933519335937504Q18.22075798828125,38.933519335937504,18.10833798828125,38.9390193359375Q17.99591798828125,38.9446193359375,17.88390398828125,38.9556193359375Q17.77189098828125,38.9666193359375,17.66055398828125,38.9831193359375Q17.54921698828125,38.999619335937496,17.43882398828125,39.0216193359375Q17.32843298828125,39.0436193359375,17.21925298828125,39.0709193359375Q17.11006298828125,39.098319335937504,17.00235298828125,39.1309193359375Q16.89465298828125,39.1636193359375,16.78867298828125,39.201519335937505Q16.68269298828125,39.2394193359375,16.57871298828125,39.2825193359375Q16.47472298828125,39.3256193359375,16.37297298828125,39.3737193359375Q16.27122298828125,39.4218193359375,16.17196298828125,39.4749193359375Q16.07269298828125,39.5280193359375,15.97615298828125,39.5858193359375Q15.87961298828125,39.643719335937504,15.78602298828125,39.706219335937504Q15.69243298828125,39.7688193359375,15.60203298828125,39.8358193359375Q15.51162298828125,39.9029193359375,15.42462298828125,39.9743193359375Q15.33761298828125,40.0457193359375,15.25421298828125,40.1212193359375Q15.17081298828125,40.196819335937505,15.09123298828125,40.276419335937504Q15.011642988281249,40.3560193359375,14.93605298828125,40.4394193359375Q14.860462988281249,40.5228193359375,14.78906298828125,40.6098193359375Q14.71765298828125,40.696819335937505,14.65060298828125,40.7872193359375Q14.58356298828125,40.877619335937496,14.52102298828125,40.971219335937505Q14.45849298828125,41.0648193359375,14.400622988281249,41.1613193359375Q14.342762988281251,41.2579193359375,14.289702988281249,41.3572193359375Q14.23664298828125,41.4564193359375,14.18852298828125,41.5582193359375Q14.140402988281249,41.6599193359375,14.097322988281249,41.7639193359375Q14.054252988281249,41.8679193359375,14.016332988281249,41.973919335937495Q13.97841298828125,42.0798193359375,13.94574298828125,42.1876193359375Q13.91307298828125,42.2953193359375,13.88572298828125,42.404419335937504Q13.85837298828125,42.5136193359375,13.83641298828125,42.624019335937504Q13.81445298828125,42.7344193359375,13.79794298828125,42.8458193359375Q13.78142298828125,42.9571193359375,13.77039298828125,43.0691193359375Q13.75936298828125,43.181119335937495,13.75383298828125,43.2935193359375Q13.74831298828125,43.4060193359375,13.74831298828125,43.5185193359375Q13.74831298828125,43.9304193359375,13.82172298828125,44.3357193359375Q13.89514298828125,44.7410193359375,14.03962298828125,45.1267193359375Q14.18409298828125,45.5125193359375,14.39501298828125,45.866319335937504Q14.60592298828125,46.2201193359375,14.87652298828125,46.5306193359375L32.67281298828125,68.10191933593751Q32.96011298828125,68.4501193359375,33.30981298828125,68.7356193359375Q33.65951298828125,69.0211193359375,34.05821298828125,69.23291933593751Q34.45681298828125,69.4446193359375,34.889112988281255,69.5746193359375Q35.32151298828125,69.7045193359375,35.77081298828125,69.7476193359375Q36.22021298828125,69.7907193359375,36.66931298828125,69.7453193359375Q37.11841298828125,69.6999193359375,37.55011298828125,69.5677193359375Q37.981712988281245,69.4356193359375,38.37931298828125,69.22171933593751Q38.77681298828125,69.0079193359375,39.125112988281245,68.7206193359375Q39.602012988281245,68.3272193359375,39.957612988281255,67.82141933593749L69.67821298828125,25.5521093359375Z"
                fill-rule="evenodd" fill="${props.color}" fill-opacity="1" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconRadio = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g><ellipse cx="8" cy="8" rx="7.5" ry="7.5" fill-opacity="0" stroke-opacity="1" stroke="${props.color}" fill="none" stroke-width="1"/></g></g></svg>`
    return <View style={{ width: props.width, height: props.width }}>
        {
            process.env.TARO_ENV == 'weapp' ? <mysvg src={icon} colors={[props.color]} /> :
                <SvgXml xml={icon} width={props.width} height={props.width} />
        }
    </View>
}

export const IconRadioCheck = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs>
    <clipPath id="master_svg0_1288_09724"><rect x="2" y="2" width="12" height="12" rx="0"/></clipPath></defs><g><g>
    <ellipse cx="8" cy="8" rx="8" ry="8" fill="${props.color}" fill-opacity="0.4000000059604645"/>
    <ellipse cx="8" cy="8" rx="7.5" ry="7.5" fill-opacity="0" stroke-opacity="1" stroke="${props.color}" fill="none" stroke-width="1"/></g>
    <g clip-path="url(#master_svg0_1288_09724)"><g><path d="M12.35355,4.646446C12.5488,4.841709,12.5488,5.15829,12.35355,5.353555C12.35355,5.353555,6.85355,10.85355,6.85355,10.85355C6.65829,11.0488,6.34171,11.0488,6.14645,10.85355C6.14645,10.85355,3.646446,8.35355,3.646446,8.35355C3.4511845,8.158290000000001,3.4511845,7.84171,3.646446,7.64645C3.841709,7.45118,4.15829,7.45118,4.353555,7.64645C4.353555,7.64645,6.5,9.7929,6.5,9.7929C6.5,9.7929,11.64645,4.646446,11.64645,4.646446C11.8417,4.4511845,12.1583,4.4511845,12.35355,4.646446C12.35355,4.646446,12.35355,4.646446,12.35355,4.646446Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></g></svg>`
    return <View style={{ width: props.width, height: props.width }}>
        {process.env.TARO_ENV == 'weapp' ? <mysvg src={icon} colors={[]} /> : <SvgXml xml={icon} width={props.width} height={props.width} />}
    </View>
}

export const IconRadioCross = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs>
    <clipPath id="master_svg0_1288_09725"><rect x="2" y="2" width="12" height="12" rx="0"/></clipPath></defs><g><g><ellipse cx="8" cy="8" rx="8" ry="8" fill="${props.color}" fill-opacity="0.4000000059604645"/>
    <ellipse cx="8" cy="8" rx="7.5" ry="7.5" fill-opacity="0" stroke-opacity="1" stroke="${props.color}" fill="none" stroke-width="1"/></g><g clip-path="url(#master_svg0_1288_09725)"><g><path d="M4.646446,4.646446C4.841709,4.4511845,5.15829,4.4511845,5.353555,4.646446C5.353555,4.646446,8,7.2928999999999995,8,7.2928999999999995C8,7.2928999999999995,10.64645,4.646446,10.64645,4.646446C10.8417,4.4511845,11.1583,4.4511845,11.35355,4.646446C11.5488,4.841709,11.5488,5.15829,11.35355,5.353555C11.35355,5.353555,8.70711,8,8.70711,8C8.70711,8,11.35355,10.64645,11.35355,10.64645C11.5488,10.8417,11.5488,11.1583,11.35355,11.35355C11.1583,11.5488,10.8417,11.5488,10.64645,11.35355C10.64645,11.35355,8,8.70711,8,8.70711C8,8.70711,5.353555,11.35355,5.353555,11.35355C5.15829,11.5488,4.841709,11.5488,4.646446,11.35355C4.4511845,11.1583,4.4511845,10.8417,4.646446,10.64645C4.646446,10.64645,7.2928999999999995,8,7.2928999999999995,8C7.2928999999999995,8,4.646446,5.353555,4.646446,5.353555C4.4511845,5.15829,4.4511845,4.841709,4.646446,4.646446C4.646446,4.646446,4.646446,4.646446,4.646446,4.646446Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></g></svg>`
    return <View style={{ width: props.width, height: props.width }}>
        {process.env.TARO_ENV == 'weapp' ? <mysvg src={icon} colors={[]} /> : <SvgXml xml={icon} width={props.width} height={props.width} />}
    </View>
}

export const IconX = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1245_2246"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1245_2246)"><g><path d="M3.5286360234375,3.528513953125C3.7889850234375,3.268164553125,4.2110940234375,3.268164553125,4.4714440234375,3.528513953125C4.4714440234375,3.528513953125,8.0000440234375,7.057111953125,8.0000440234375,7.057111953125C8.0000440234375,7.057111953125,11.5286440234375,3.528513953125,11.5286440234375,3.528513953125C11.7889740234375,3.268164553125,12.2111040234375,3.268164553125,12.4714440234375,3.528513953125C12.7317740234375,3.788862953125,12.7317740234375,4.210971953125,12.4714440234375,4.471321953125C12.4714440234375,4.471321953125,8.9428440234375,7.999921953125,8.9428440234375,7.999921953125C8.9428440234375,7.999921953125,12.4714440234375,11.528521953125,12.4714440234375,11.528521953125C12.7317740234375,11.788851953125,12.7317740234375,12.210981953125,12.4714440234375,12.471321953125C12.2111040234375,12.731651953125,11.7889740234375,12.731651953125,11.5286440234375,12.471321953125C11.5286440234375,12.471321953125,8.0000440234375,8.942721953125,8.0000440234375,8.942721953125C8.0000440234375,8.942721953125,4.4714440234375,12.471321953125,4.4714440234375,12.471321953125C4.2110940234375,12.731651953125,3.7889850234375,12.731651953125,3.5286360234375,12.471321953125C3.2682866234375,12.210981953125,3.2682866234375,11.788851953125,3.5286360234375,11.528521953125C3.5286360234375,11.528521953125,7.0572340234375,7.999921953125,7.0572340234375,7.999921953125C7.0572340234375,7.999921953125,3.5286360234375,4.471321953125,3.5286360234375,4.471321953125C3.2682866234375,4.210971953125,3.2682866234375,3.788862953125,3.5286360234375,3.528513953125C3.5286360234375,3.528513953125,3.5286360234375,3.528513953125,3.5286360234375,3.528513953125Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></svg>`
    return <View style={{ width: props.width, height: props.width }}>
        {process.env.TARO_ENV == 'weapp' ? <mysvg src={icon} colors={[]} /> : <SvgXml xml={icon} width={props.width} height={props.width} />}
    </View>
}

export const IconSwitchOff = (props: { width: number, height: number }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="59" height="54" viewBox="0 0 59 54"><defs><filter id="master_svg0_1372_07755" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="-20" y="-16" width="64" height="64"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4" dx="0"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3019607961177826 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs><g><g><g><rect x="13" y="9" width="46" height="28" rx="14" fill="#FFFFFF" fill-opacity="0.20000000298023224"/></g><g filter="url(#master_svg0_1372_07755)"><ellipse cx="27" cy="23" rx="12" ry="12" fill="#FFFFFF" fill-opacity="1"/></g><g><g></g><g><path d="M22.33990234375,18.2499755859375L22.33990234375,23.779835585937498Q22.33990234375,24.3265955859375,21.95328334375,24.713215585937498L20.93321134375,25.7332855859375Q20.84038134375,25.8261155859375,20.79014134375,25.9474055859375Q20.73990234375,26.068695585937498,20.73990234375,26.1999755859375Q20.73990234375,26.2649755859375,20.75258434375,26.3287355859375Q20.76526534375,26.3924855859375,20.79014234375,26.4525455859375Q20.81501834375,26.5126055859375,20.85113234375,26.5666555859375Q20.88724734375,26.620675585937498,20.93321234375,26.6666755859375Q20.97917734375,26.7126755859375,21.03322634375,26.7487755859375Q21.08727534375,26.7848755859375,21.14733134375,26.8097755859375Q21.20738734375,26.8345755859375,21.27114234375,26.8472755859375Q21.33489804375,26.859975585937498,21.39990234375,26.859975585937498L32.59990234375,26.859975585937498Q32.73120234375,26.859975585937498,32.852502343750004,26.8097755859375Q32.97380234375,26.7594755859375,33.06660234375,26.6666755859375Q33.15940234375,26.573835585937502,33.209702343749996,26.4525455859375Q33.25990234375,26.331255585937498,33.25990234375,26.1999755859375Q33.25990234375,26.068695585937498,33.209702343749996,25.9474055859375Q33.15940234375,25.8261155859375,33.06660234375,25.7332855859375L32.04650234375,24.713215585937498Q31.659902343749998,24.3265955859375,31.659902343749998,23.779835585937498L31.659902343749998,18.2499755859375Q31.659902343749998,17.2931435859375,30.98332234375,16.6165589859375Q30.30673234375,15.9399755859375,29.34990234375,15.9399755859375L24.64990234375,15.9399755859375Q23.69307234375,15.9399755859375,23.01648234375,16.6165590859375Q22.33990234375,17.2931425859375,22.33990234375,18.2499755859375ZM22.98823234375,25.539975585937498Q23.659902343749998,24.7990155859375,23.659902343749998,23.779835585937498L23.659902343749998,18.2499755859375Q23.659902343749998,17.8399055859375,23.94986234375,17.5499395859375Q24.23983234375,17.2599755859375,24.64990234375,17.2599755859375L29.34990234375,17.2599755859375Q29.75997234375,17.2599755859375,30.04994234375,17.5499395859375Q30.339902343749998,17.8399055859375,30.339902343749998,18.2499755859375L30.339902343749998,23.779835585937498Q30.339902343749998,24.7990155859375,31.01158234375,25.539975585937498L22.98823234375,25.539975585937498Z" fill-rule="evenodd" fill="#6C6C6C" fill-opacity="1"/></g><g><path d="M25.39990234375 28.5999755859375C25.39990234375 28.5999755859375 25.39990234375 28.5999755859375 25.39990234375 28.5999755859375L28.599902629852295 28.5999755859375C28.599902629852295 28.5999755859375 28.599902629852295 28.5999755859375 28.599902629852295 28.5999755859375L28.599902629852295 29.539975702762604C28.599902629852295 29.90448365213517 28.304410552998817 30.199975728988647 27.93990260362625 30.199975728988647L26.059902369976044 30.199975728988647C25.695394420603478 30.199975728988647 25.39990234375 29.90448365213517 25.39990234375 29.539975702762604Z" fill="#6C6C6C" fill-opacity="1"/></g></g></g></g></svg>`
    return <View style={{ width: props.width, height: props.height }}>
        {process.env.TARO_ENV == 'weapp' ? <mysvg src={icon} colors={[]} /> : <SvgXml xml={icon} width={props.width} height={props.height} />}
    </View>
}

export const IconDrag = (props: { width: number, height: number }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16.66666603088379" height="11.666666030883789" viewBox="0 0 16.66666603088379 11.666666030883789"><g><path d="M0,0.833333C0,0.373096,0.373096,0,0.833333,0C0.833333,0,15.8333,0,15.8333,0C16.2936,0,16.6667,0.373096,16.6667,0.833333C16.6667,1.29357,16.2936,1.66667,15.8333,1.66667C15.8333,1.66667,0.833333,1.66667,0.833333,1.66667C0.373096,1.66667,0,1.29357,0,0.833333C0,0.833333,0,0.833333,0,0.833333ZM0,5.83333C0,5.3731,0.373096,5,0.833333,5C0.833333,5,15.8333,5,15.8333,5C16.2936,5,16.6667,5.3731,16.6667,5.83333C16.6667,6.29357,16.2936,6.66667,15.8333,6.66667C15.8333,6.66667,0.833333,6.66667,0.833333,6.66667C0.373096,6.66667,0,6.29357,0,5.83333C0,5.83333,0,5.83333,0,5.83333ZM0,10.8333C0,10.3731,0.373096,10,0.833333,10C0.833333,10,15.8333,10,15.8333,10C16.2936,10,16.6667,10.3731,16.6667,10.8333C16.6667,11.2936,16.2936,11.6667,15.8333,11.6667C15.8333,11.6667,0.833333,11.6667,0.833333,11.6667C0.373096,11.6667,0,11.2936,0,10.8333C0,10.8333,0,10.8333,0,10.8333Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g></svg>`
    return Icon(props.width, props.height, icon);
}

export const IconInfo = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14.666666984558105" height="14.666666984558105" viewBox="0 0 14.666666984558105 14.666666984558105"><g><path d="M7.33333,1.33333C4.01963,1.33333,1.33333,4.01963,1.33333,7.33333C1.33333,10.6471,4.01963,13.3333,7.33333,13.3333C10.6471,13.3333,13.3333,10.6471,13.3333,7.33333C13.3333,4.01963,10.6471,1.33333,7.33333,1.33333C7.33333,1.33333,7.33333,1.33333,7.33333,1.33333ZM0,7.33333C0,3.28325,3.28325,0,7.33333,0C11.3834,0,14.6667,3.28325,14.6667,7.33333C14.6667,11.3834,11.3834,14.6667,7.33333,14.6667C3.28325,14.6667,0,11.3834,0,7.33333C0,7.33333,0,7.33333,0,7.33333ZM6.66667,4.66667C6.66667,4.29848,6.96513,4,7.33333,4C7.33333,4,7.34,4,7.34,4C7.7082,4,8.00667,4.29848,8.00667,4.66667C8.00667,5.03485,7.7082,5.33333,7.34,5.33333C7.34,5.33333,7.33333,5.33333,7.33333,5.33333C6.96513,5.33333,6.66667,5.03485,6.66667,4.66667C6.66667,4.66667,6.66667,4.66667,6.66667,4.66667ZM7.33333,6.66667C7.70153,6.66667,8,6.96513,8,7.33333C8,7.33333,8,10,8,10C8,10.3682,7.70153,10.6667,7.33333,10.6667C6.96513,10.6667,6.66667,10.3682,6.66667,10C6.66667,10,6.66667,7.33333,6.66667,7.33333C6.66667,6.96513,6.96513,6.66667,7.33333,6.66667C7.33333,6.66667,7.33333,6.66667,7.33333,6.66667Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconDay = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_3576_13577"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3576_13577)"><g><path d="M12,0C12.5523,0,13,0.447715,13,1C13,1,13,3,13,3C13,3.55228,12.5523,4,12,4C11.4477,4,11,3.55228,11,3C11,3,11,1,11,1C11,0.447715,11.4477,0,12,0C12,0,12,0,12,0ZM3.51289,3.51289C3.90342,3.12237,4.53658,3.12237,4.92711,3.51289C4.92711,3.51289,6.34711,4.93289,6.34711,4.93289C6.73763,5.32342,6.73763,5.95658,6.34711,6.34711C5.95658,6.73763,5.32342,6.73763,4.93289,6.34711C4.93289,6.34711,3.51289,4.92711,3.51289,4.92711C3.12237,4.53658,3.12237,3.90342,3.51289,3.51289C3.51289,3.51289,3.51289,3.51289,3.51289,3.51289ZM20.4871,3.51289C20.8776,3.90342,20.8776,4.53658,20.4871,4.92711C20.4871,4.92711,19.0671,6.34711,19.0671,6.34711C18.6766,6.73763,18.0434,6.73763,17.6529,6.34711C17.2624,5.95658,17.2624,5.32342,17.6529,4.93289C17.6529,4.93289,19.0729,3.51289,19.0729,3.51289C19.4634,3.12237,20.0966,3.12237,20.4871,3.51289C20.4871,3.51289,20.4871,3.51289,20.4871,3.51289ZM12,8C9.79086,8,8,9.79086,8,12C8,14.2091,9.79086,16,12,16C14.2091,16,16,14.2091,16,12C16,9.79086,14.2091,8,12,8C12,8,12,8,12,8ZM6,12C6,8.68629,8.68629,6,12,6C15.3137,6,18,8.68629,18,12C18,15.3137,15.3137,18,12,18C8.68629,18,6,15.3137,6,12C6,12,6,12,6,12ZM0,12C0,11.4477,0.447715,11,1,11C1,11,3,11,3,11C3.55228,11,4,11.4477,4,12C4,12.5523,3.55228,13,3,13C3,13,1,13,1,13C0.447715,13,0,12.5523,0,12C0,12,0,12,0,12ZM20,12C20,11.4477,20.4477,11,21,11C21,11,23,11,23,11C23.5523,11,24,11.4477,24,12C24,12.5523,23.5523,13,23,13C23,13,21,13,21,13C20.4477,13,20,12.5523,20,12C20,12,20,12,20,12ZM6.34711,17.6529C6.73763,18.0434,6.73763,18.6766,6.34711,19.0671C6.34711,19.0671,4.92711,20.4871,4.92711,20.4871C4.53658,20.8776,3.90342,20.8776,3.51289,20.4871C3.12237,20.0966,3.12237,19.4634,3.51289,19.0729C3.51289,19.0729,4.93289,17.6529,4.93289,17.6529C5.32342,17.2624,5.95658,17.2624,6.34711,17.6529C6.34711,17.6529,6.34711,17.6529,6.34711,17.6529ZM17.6529,17.6529C18.0434,17.2624,18.6766,17.2624,19.0671,17.6529C19.0671,17.6529,20.4871,19.0729,20.4871,19.0729C20.8776,19.4634,20.8776,20.0966,20.4871,20.4871C20.0966,20.8776,19.4634,20.8776,19.0729,20.4871C19.0729,20.4871,17.6529,19.0671,17.6529,19.0671C17.2624,18.6766,17.2624,18.0434,17.6529,17.6529C17.6529,17.6529,17.6529,17.6529,17.6529,17.6529ZM12,20C12.5523,20,13,20.4477,13,21C13,21,13,23,13,23C13,23.5523,12.5523,24,12,24C11.4477,24,11,23.5523,11,23C11,23,11,21,11,21C11,20.4477,11.4477,20,12,20C12,20,12,20,12,20Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></svg>`

    return Icon(props.width, props.width, icon);
}

export const IconNight = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_3523_27590"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3523_27590)"><g><path d="M12.0810859375,2.509041C12.2745859375,2.852424,12.2483859375,3.27745,12.0140659375,3.59442C11.1598459375,4.7500800000000005,10.7487959375,6.17395,10.8556659375,7.60706C10.9625359375,9.04018,11.5802359375,10.38733,12.5963859375,11.40351C13.6125859375,12.4197,14.9597859375,13.0374,16.392885937499997,13.1443C17.8259859375,13.2511,19.2498859375,12.8401,20.4054859375,11.98585C20.7224859375,11.75156,21.1474859375,11.72532,21.4908859375,11.91884C21.8342859375,12.1124,22.0318859375,12.4895,21.9956859375,12.882C21.8208859375,14.7734,21.1110859375,16.5758,19.9492859375,18.0785C18.7874859375,19.5811,17.2217859375,20.7218,15.4352859375,21.3671C13.6488859375,22.0124,11.7156459375,22.1355,9.8617659375,21.7221C8.007895937499999,21.3088,6.3100959375,20.376,4.967015937499999,19.0329C3.6239459375000003,17.689799999999998,2.6911469375,15.992,2.2777779375,14.1381C1.8644089375,12.2843,1.9875653375,10.35102,2.6328359375,8.564589999999999C3.2781059375,6.77816,4.4188059375,5.21244,5.9214459375,4.05065C7.4240959375,2.88886,9.2265459375,2.179044,11.1178759375,2.00425972C11.5103659375,1.9679887,11.8875559375,2.165658,12.0810859375,2.509041C12.0810859375,2.509041,12.0810859375,2.509041,12.0810859375,2.509041ZM9.3162859375,4.439080000000001C8.538675937499999,4.72043,7.8054959375,5.12204,7.1447759375,5.63289C5.9426559375,6.56232,5.0301059375,7.81489,4.5138859375,9.24404C3.9976659375,10.67318,3.8991459375,12.2198,4.2298359375,13.7029C4.5605359375,15.186,5.306775937499999,16.5442,6.3812359375,17.6187C7.4556959375,18.6931,8.8139359375,19.4394,10.2970359375,19.7701C11.7801259375,20.1008,13.3267859375,20.0022,14.7558859375,19.486C16.184985937500002,18.9698,17.4375859375,18.0573,18.3669859375,16.8551C18.8778859375,16.1944,19.2794859375,15.4612,19.5608859375,14.6836C18.5076859375,15.0646,17.3780859375,15.2233,16.2440859375,15.1387C14.3332859375,14.9962,12.5370859375,14.1726,11.1821959375,12.8177C9.8272959375,11.46282,9.0036959375,9.66661,8.8612059375,7.7558C8.7766359375,6.62183,8.9352759375,5.4922,9.3162859375,4.439080000000001C9.3162859375,4.439080000000001,9.3162859375,4.439080000000001,9.3162859375,4.439080000000001Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconLock = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_3523_26474"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3523_26474)"><g><path d="M12,3C10.93913,3,9.92172,3.42143,9.17157,4.17157C8.42143,4.9217200000000005,8,5.93913,8,7C8,7,8,10,8,10C8,10,16,10,16,10C16,10,16,7,16,7C16,5.93913,15.5786,4.9217200000000005,14.8284,4.17157C14.0783,3.42143,13.0609,3,12,3C12,3,12,3,12,3ZM18,10C18,10,18,7,18,7C18,5.4087,17.3679,3.88258,16.2426,2.7573600000000003C15.1174,1.6321409999999998,13.5913,1,12,1C10.4087,1,8.88258,1.6321409999999998,7.75736,2.7573600000000003C6.63214,3.88258,6,5.4087,6,7C6,7,6,10,6,10C6,10,5,10,5,10C3.34315,10,2,11.3431,2,13C2,13,2,20,2,20C2,21.6569,3.34315,23,5,23C5,23,19,23,19,23C20.6569,23,22,21.6569,22,20C22,20,22,13,22,13C22,11.3431,20.6569,10,19,10C19,10,18,10,18,10C18,10,18,10,18,10ZM5,12C4.44772,12,4,12.4477,4,13C4,13,4,20,4,20C4,20.5523,4.44772,21,5,21C5,21,19,21,19,21C19.5523,21,20,20.5523,20,20C20,20,20,13,20,13C20,12.4477,19.5523,12,19,12C19,12,5,12,5,12C5,12,5,12,5,12Z" fill-rule="evenodd" fill="#000000" fill-opacity="1"/></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconSunrise = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="36" height="36" viewBox="0 0 36 36"><defs><clipPath id="master_svg0_3669_12684"><rect x="0" y="0" width="36" height="36" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3669_12684)"><g><path d="M16.9394,1.939339C17.5251,1.353553,18.4749,1.353553,19.0606,1.939339C19.0606,1.939339,25.0606,7.93933,25.0606,7.93933C25.6464,8.52513,25.6464,9.47487,25.0606,10.06067C24.4749,10.64645,23.5251,10.64645,22.9394,10.06067C22.9394,10.06067,19.5,6.62132,19.5,6.62132C19.5,6.62132,19.5,13.5,19.5,13.5C19.5,14.3284,18.8285,15,18,15C17.1715,15,16.5,14.3284,16.5,13.5C16.5,13.5,16.5,6.62132,16.5,6.62132C16.5,6.62132,13.0607,10.06067,13.0607,10.06067C12.4749,10.64645,11.5251,10.64645,10.9393,10.06067C10.3536,9.47487,10.3536,8.52513,10.9393,7.93933C10.9393,7.93933,16.9394,1.939339,16.9394,1.939339C16.9394,1.939339,16.9394,1.939339,16.9394,1.939339ZM5.26934,14.2693C5.85513,13.6836,6.80487,13.6836,7.39067,14.2693C7.39067,14.2693,9.52066,16.3993,9.52066,16.3993C10.1064,16.9851,10.1064,17.9349,9.52066,18.5207C8.93487,19.1064,7.98513,19.1064,7.39933,18.5207C7.39933,18.5207,5.26934,16.390700000000002,5.26934,16.390700000000002C4.68356,15.8049,4.68356,14.8551,5.26934,14.2693C5.26934,14.2693,5.26934,14.2693,5.26934,14.2693ZM30.7307,14.2693C31.3164,14.8551,31.3164,15.8049,30.7307,16.390700000000002C30.7307,16.390700000000002,28.6007,18.5207,28.6007,18.5207C28.0149,19.1064,27.0651,19.1064,26.4794,18.5207C25.8936,17.9349,25.8936,16.9851,26.4794,16.3993C26.4794,16.3993,28.6094,14.2693,28.6094,14.2693C29.1951,13.6836,30.1449,13.6836,30.7307,14.2693C30.7307,14.2693,30.7307,14.2693,30.7307,14.2693ZM11.636,20.6361C13.3239,18.9482,15.6131,18,18,18C20.3869,18,22.6761,18.9482,24.3639,20.6361C26.0519,22.3239,27,24.6131,27,27C27,27.8284,26.3284,28.5,25.5,28.5C24.6716,28.5,24,27.8284,24,27C24,25.4086,23.3679,23.8825,22.2426,22.7574C21.1175,21.6321,19.5914,21,18,21C16.4086,21,14.8826,21.6321,13.7574,22.7574C12.6321,23.8825,12,25.4086,12,27C12,27.8284,11.3284,28.5,10.5,28.5C9.67158,28.5,9,27.8284,9,27C9,24.6131,9.94821,22.3239,11.636,20.6361C11.636,20.6361,11.636,20.6361,11.636,20.6361ZM0,27C0,26.1716,0.671573,25.5,1.5,25.5C1.5,25.5,4.5,25.5,4.5,25.5C5.32842,25.5,6,26.1716,6,27C6,27.8284,5.32842,28.5,4.5,28.5C4.5,28.5,1.5,28.5,1.5,28.5C0.671573,28.5,0,27.8284,0,27C0,27,0,27,0,27ZM30,27C30,26.1716,30.6716,25.5,31.5,25.5C31.5,25.5,34.5,25.5,34.5,25.5C35.3284,25.5,36,26.1716,36,27C36,27.8284,35.3284,28.5,34.5,28.5C34.5,28.5,31.5,28.5,31.5,28.5C30.6716,28.5,30,27.8284,30,27C30,27,30,27,30,27ZM0,33C0,32.1716,0.671573,31.5,1.5,31.5C1.5,31.5,34.5,31.5,34.5,31.5C35.3284,31.5,36,32.1716,36,33C36,33.8284,35.3284,34.5,34.5,34.5C34.5,34.5,1.5,34.5,1.5,34.5C0.671573,34.5,0,33.8284,0,33C0,33,0,33,0,33Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconSunset = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="36" height="36" viewBox="0 0 36 36"><defs><clipPath id="master_svg0_3669_12654"><rect x="0" y="0" width="36" height="36" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3669_12654)"><g><path d="M18,1.5C18.8285,1.5,19.5,2.171573,19.5,3C19.5,3,19.5,9.87868,19.5,9.87868C19.5,9.87868,22.9394,6.43933,22.9394,6.43933C23.5251,5.85355,24.4749,5.85355,25.0606,6.43933C25.6464,7.02513,25.6464,7.97487,25.0606,8.56067C25.0606,8.56067,19.0606,14.5607,19.0606,14.5607C18.4749,15.1464,17.5251,15.1464,16.9394,14.5607C16.9394,14.5607,10.9393,8.56067,10.9393,8.56067C10.3536,7.97487,10.3536,7.02513,10.9393,6.43933C11.5251,5.85355,12.4749,5.85355,13.0607,6.43933C13.0607,6.43933,16.5,9.87868,16.5,9.87868C16.5,9.87868,16.5,3,16.5,3C16.5,2.171573,17.1715,1.5,18,1.5C18,1.5,18,1.5,18,1.5ZM5.26934,14.2693C5.85513,13.6836,6.80487,13.6836,7.39067,14.2693C7.39067,14.2693,9.52066,16.3993,9.52066,16.3993C10.1064,16.9851,10.1064,17.9349,9.52066,18.5207C8.93487,19.1064,7.98513,19.1064,7.39933,18.5207C7.39933,18.5207,5.26934,16.390700000000002,5.26934,16.390700000000002C4.68356,15.8049,4.68356,14.8551,5.26934,14.2693C5.26934,14.2693,5.26934,14.2693,5.26934,14.2693ZM30.7307,14.2693C31.3164,14.8551,31.3164,15.8049,30.7307,16.390700000000002C30.7307,16.390700000000002,28.6007,18.5207,28.6007,18.5207C28.0149,19.1064,27.0651,19.1064,26.4794,18.5207C25.8936,17.9349,25.8936,16.9851,26.4794,16.3993C26.4794,16.3993,28.6094,14.2693,28.6094,14.2693C29.1951,13.6836,30.1449,13.6836,30.7307,14.2693C30.7307,14.2693,30.7307,14.2693,30.7307,14.2693ZM11.636,20.6361C13.3239,18.9482,15.6131,18,18,18C20.3869,18,22.6761,18.9482,24.3639,20.6361C26.0519,22.3239,27,24.6131,27,27C27,27.8284,26.3284,28.5,25.5,28.5C24.6716,28.5,24,27.8284,24,27C24,25.4086,23.3679,23.8825,22.2426,22.7574C21.1175,21.6321,19.5914,21,18,21C16.4086,21,14.8826,21.6321,13.7574,22.7574C12.6321,23.8825,12,25.4086,12,27C12,27.8284,11.3284,28.5,10.5,28.5C9.67158,28.5,9,27.8284,9,27C9,24.6131,9.94821,22.3239,11.636,20.6361C11.636,20.6361,11.636,20.6361,11.636,20.6361ZM0,27C0,26.1716,0.671573,25.5,1.5,25.5C1.5,25.5,4.5,25.5,4.5,25.5C5.32842,25.5,6,26.1716,6,27C6,27.8284,5.32842,28.5,4.5,28.5C4.5,28.5,1.5,28.5,1.5,28.5C0.671573,28.5,0,27.8284,0,27C0,27,0,27,0,27ZM30,27C30,26.1716,30.6716,25.5,31.5,25.5C31.5,25.5,34.5,25.5,34.5,25.5C35.3284,25.5,36,26.1716,36,27C36,27.8284,35.3284,28.5,34.5,28.5C34.5,28.5,31.5,28.5,31.5,28.5C30.6716,28.5,30,27.8284,30,27C30,27,30,27,30,27ZM0,33C0,32.1716,0.671573,31.5,1.5,31.5C1.5,31.5,34.5,31.5,34.5,31.5C35.3284,31.5,36,32.1716,36,33C36,33.8284,35.3284,34.5,34.5,34.5C34.5,34.5,1.5,34.5,1.5,34.5C0.671573,34.5,0,33.8284,0,33C0,33,0,33,0,33Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconBigArrow = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><path d="M7.29289,0.292893C7.68342,-0.0976311,8.31658,-0.0976311,8.70711,0.292893C8.70711,0.292893,15.7071,7.29289,15.7071,7.29289C16.0976,7.68342,16.0976,8.31658,15.7071,8.70711C15.3166,9.09763,14.6834,9.09763,14.2929,8.70711C14.2929,8.70711,9,3.41421,9,3.41421C9,3.41421,9,15,9,15C9,15.5523,8.55228,16,8,16C7.44772,16,7,15.5523,7,15C7,15,7,3.41421,7,3.41421C7,3.41421,1.70711,8.70711,1.70711,8.70711C1.31658,9.09763,0.683417,9.09763,0.292893,8.70711C-0.0976311,8.31658,-0.0976311,7.68342,0.292893,7.29289C0.292893,7.29289,7.29289,0.292893,7.29289,0.292893C7.29289,0.292893,7.29289,0.292893,7.29289,0.292893Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconShare2 = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_792_8509"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_792_8509)"><g><path d="M14.4713740234375,7.52863L9.1380440234375,2.1952949999999998C8.9474040234375,2.00462834,8.660674023437501,1.9475803,8.4115640234375,2.0507539C8.1624640234375,2.1539260000000002,8.0000440234375,2.397001,8.0000440234375,2.666628L8.0000440234375,5.02991C4.226094023437501,5.37923,1.3379448234375,8.54322,1.3333740234375,12.3333L1.3333740234375,13.3333C1.3333524068375,13.6171,1.5129850234375,13.8698,1.7810190234375,13.963C2.0490530234374997,14.0562,2.3467240234375,13.9696,2.5228240234375,13.747C3.8421240234375,12.178,5.7367740234375,11.20526,7.7806440234375,11.04749C7.8138440234375,11.04325,7.8971740234375,11.03675,8.0000440234375,11.03023L8.0000440234375,13.3333C8.0000440234375,13.6029,8.1624640234375,13.846,8.4115640234375,13.9492C8.660674023437501,14.0523,8.9474040234375,13.9953,9.1380440234375,13.8046L14.4713740234375,8.47129C14.7317740234375,8.211020000000001,14.7317740234375,7.7889,14.4713740234375,7.52863ZM9.3333740234375,11.72392L9.3333740234375,10.3333C9.3334740234375,9.96507,9.0349340234375,9.66653,8.6667040234375,9.66663C8.496784023437499,9.66663,7.8027740234375,9.69951,7.6256940234375,9.7233C5.8287540234375,9.8888,4.1182840234375,10.57149,2.7012140234375,11.68876C3.0340740234375003,8.64406,5.6038740234375,6.33705,8.6667040234375,6.3333C9.0349340234375,6.33339,9.3334740234375,6.03486,9.3333740234375,5.66663L9.3333740234375,4.276L13.0573740234375,7.99996L9.3333740234375,11.72392Z" fill="${props.color}" fill-opacity="1"/></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconSwitch1 = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="32.99396514892578" height="30.000028610229492" viewBox="0 0 32.99396514892578 30.000028610229492"><g><path d="M16.6852,3.11895C14.1092,2.75355,11.4842,3.2353,9.20577,4.4916C6.92734,5.74791,5.11896,7.71069,4.05312,10.0842C2.98727,12.4577,2.7217,15.1132,3.29646,17.6508C3.8712,20.1884,5.2551,22.4704,7.23965,24.153C9.22417,25.8355,11.7018,26.8276,14.2992,26.9796C16.8966,27.1315,19.473,26.4351,21.6402,24.9954C23.8074,23.5557,25.4479,21.4506,26.3147,18.9973C26.5907,18.2163,27.4476,17.8068,28.2286,18.0828C29.0097,18.3588,29.4192,19.2156,29.1433,19.9968C28.0599,23.0632,26.0093,25.6947,23.3002,27.4943C20.5912,29.294,17.3708,30.1644,14.124,29.9743C10.8773,29.7845,7.78022,28.5444,5.29955,26.4412C2.81888,24.3379,1.089,21.4854,0.370564,18.3135C-0.347865,15.1416,-0.0159153,11.8221,1.31639,8.85522C2.6487,5.88836,4.90918,3.43488,7.75721,1.8645C10.6052,0.294126,13.8865,-0.308064,17.1066,0.148674C20.3189,0.60432,23.2966,2.08922,25.5934,4.3803C25.5934,4.3803,29.994,8.52417,29.994,8.52417C29.994,8.52417,29.994,2.99709,29.994,2.99709C29.994,2.16867,30.6656,1.49709,31.494,1.49709C32.3224,1.49709,32.994,2.16867,32.994,2.99709C32.994,2.99709,32.994,11.9971,32.994,11.9971C32.994,12.8255,32.3224,13.4971,31.494,13.4971C31.494,13.4971,22.494,13.4971,22.494,13.4971C21.6656,13.4971,20.994,12.8255,20.994,11.9971C20.994,11.1687,21.6656,10.4971,22.494,10.4971C22.494,10.4971,27.7131,10.4971,27.7131,10.4971C27.7131,10.4971,23.5206,6.54912,23.5206,6.54912C23.5097,6.53871,23.4987,6.52815,23.4879,6.51743C21.6488,4.67708,19.2614,3.48433,16.6852,3.11895C16.6852,3.11895,16.6852,3.11895,16.6852,3.11895Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconSwitch2 = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="32.99787902832031" height="30.000028610229492" viewBox="0 0 32.99787902832031 30.000028610229492"><g><path d="M15.9081,0.146313C19.1285,-0.306776,22.4088,0.29901,25.2549,1.87239C28.1012,3.44577,30.3588,5.90153,31.688,8.86962C33.0171,11.8377,33.3456,15.1574,32.624,18.3284C31.9023,21.4993,30.1697,24.3501,27.6872,26.4507C25.2045,28.5514,22.1066,29.7883,18.8598,29.9753C15.6131,30.1622,12.3935,29.2887,9.68633,27.4867C6.97913,25.6848,4.93089,23.0517,3.85023,19.9845C3.57495,19.2031,3.9852,18.3465,4.76655,18.0712C5.54792,17.796,6.40448,18.2062,6.67977,18.9876C7.5443,21.4415,9.18288,23.5477,11.3486,24.9894C13.5144,26.4311,16.0901,27.1297,18.6875,26.9802C21.2847,26.8307,23.7632,25.8411,25.7493,24.1605C27.7353,22.48,29.1215,20.1996,29.6988,17.6626C30.276,15.1259,30.0132,12.4702,28.95,10.0957C27.8867,7.72122,26.0805,5.75663,23.8035,4.49792C21.5267,3.23921,18.9023,2.75459,16.326,3.11706C13.7497,3.47952,11.361,4.66946,9.51977,6.50757C9.50906,6.51825,9.4982,6.52878,9.48717,6.53914C9.48717,6.53914,5.28683,10.486,5.28683,10.486C5.28683,10.486,10.5,10.486,10.5,10.486C11.3284,10.486,12,11.1576,12,11.986C12,12.8144,11.3284,13.486,10.5,13.486C10.5,13.486,1.5,13.486,1.5,13.486C0.671573,13.486,0,12.8144,0,11.986C0,11.986,0,2.986,0,2.986C0,2.15759,0.671573,1.48601,1.5,1.48601C2.32842,1.48601,3,2.15759,3,2.986C3,2.986,3,8.51822,3,8.51822C3,8.51822,7.41674,4.36801,7.41674,4.36801C9.71601,2.07972,12.6953,0.59832,15.9081,0.146313C15.9081,0.146313,15.9081,0.146313,15.9081,0.146313Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconDay1 = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_628_08790"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_628_08790)"><g><path d="M12,0C12.5523,0,13,0.447715,13,1C13,1,13,3,13,3C13,3.55228,12.5523,4,12,4C11.4477,4,11,3.55228,11,3C11,3,11,1,11,1C11,0.447715,11.4477,0,12,0C12,0,12,0,12,0ZM3.51289,3.51289C3.90342,3.12237,4.53658,3.12237,4.92711,3.51289C4.92711,3.51289,6.34711,4.93289,6.34711,4.93289C6.73763,5.32342,6.73763,5.95658,6.34711,6.34711C5.95658,6.73763,5.32342,6.73763,4.93289,6.34711C4.93289,6.34711,3.51289,4.92711,3.51289,4.92711C3.12237,4.53658,3.12237,3.90342,3.51289,3.51289C3.51289,3.51289,3.51289,3.51289,3.51289,3.51289ZM20.4871,3.51289C20.8776,3.90342,20.8776,4.53658,20.4871,4.92711C20.4871,4.92711,19.0671,6.34711,19.0671,6.34711C18.6766,6.73763,18.0434,6.73763,17.6529,6.34711C17.2624,5.95658,17.2624,5.32342,17.6529,4.93289C17.6529,4.93289,19.0729,3.51289,19.0729,3.51289C19.4634,3.12237,20.0966,3.12237,20.4871,3.51289C20.4871,3.51289,20.4871,3.51289,20.4871,3.51289ZM12,8C9.79086,8,8,9.79086,8,12C8,14.2091,9.79086,16,12,16C14.2091,16,16,14.2091,16,12C16,9.79086,14.2091,8,12,8C12,8,12,8,12,8ZM6,12C6,8.68629,8.68629,6,12,6C15.3137,6,18,8.68629,18,12C18,15.3137,15.3137,18,12,18C8.68629,18,6,15.3137,6,12C6,12,6,12,6,12ZM0,12C0,11.4477,0.447715,11,1,11C1,11,3,11,3,11C3.55228,11,4,11.4477,4,12C4,12.5523,3.55228,13,3,13C3,13,1,13,1,13C0.447715,13,0,12.5523,0,12C0,12,0,12,0,12ZM20,12C20,11.4477,20.4477,11,21,11C21,11,23,11,23,11C23.5523,11,24,11.4477,24,12C24,12.5523,23.5523,13,23,13C23,13,21,13,21,13C20.4477,13,20,12.5523,20,12C20,12,20,12,20,12ZM6.34711,17.6529C6.73763,18.0434,6.73763,18.6766,6.34711,19.0671C6.34711,19.0671,4.92711,20.4871,4.92711,20.4871C4.53658,20.8776,3.90342,20.8776,3.51289,20.4871C3.12237,20.0966,3.12237,19.4634,3.51289,19.0729C3.51289,19.0729,4.93289,17.6529,4.93289,17.6529C5.32342,17.2624,5.95658,17.2624,6.34711,17.6529C6.34711,17.6529,6.34711,17.6529,6.34711,17.6529ZM17.6529,17.6529C18.0434,17.2624,18.6766,17.2624,19.0671,17.6529C19.0671,17.6529,20.4871,19.0729,20.4871,19.0729C20.8776,19.4634,20.8776,20.0966,20.4871,20.4871C20.0966,20.8776,19.4634,20.8776,19.0729,20.4871C19.0729,20.4871,17.6529,19.0671,17.6529,19.0671C17.2624,18.6766,17.2624,18.0434,17.6529,17.6529C17.6529,17.6529,17.6529,17.6529,17.6529,17.6529ZM12,20C12.5523,20,13,20.4477,13,21C13,21,13,23,13,23C13,23.5523,12.5523,24,12,24C11.4477,24,11,23.5523,11,23C11,23,11,21,11,21C11,20.4477,11.4477,20,12,20C12,20,12,20,12,20Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconNight1 = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_628_10441"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_628_10441)"><g><path d="M12.0820625,2.509024191490173C12.2755625,2.8524071914901734,12.2493625,3.2774331914901733,12.0150425,3.5944031914901733C11.1608225,4.750063191490174,10.7497725,6.173933191490173,10.8566425,7.607043191490173C10.9635125,9.040163191490173,11.5812125,10.387313191490174,12.5973625,11.403493191490174C13.6135625,12.419683191490174,14.9607625,13.037383191490173,16.393862499999997,13.144283191490173C17.8269625,13.251083191490173,19.2508625,12.840083191490173,20.4064625,11.985833191490173C20.7234625,11.751543191490173,21.1484625,11.725303191490173,21.4918625,11.918823191490173C21.8352625,12.112383191490173,22.0328625,12.489483191490173,21.9966625,12.881983191490173C21.8218625,14.773383191490174,21.1120625,16.575783191490174,19.9502625,18.07848319149017C18.7884625,19.581083191490173,17.2227625,20.721783191490175,15.4362625,21.367083191490174C13.6498625,22.012383191490173,11.7166225,22.135483191490174,9.8627425,21.722083191490174C8.008872499999999,21.308783191490175,6.3110725,20.375983191490175,4.967992499999999,19.032883191490175C3.6249225000000003,17.68978319149017,2.6921235,15.991983191490174,2.2787545,14.138083191490173C1.8653855,12.284283191490173,1.9885419,10.351003191490173,2.6338125,8.564573191490172C3.2790825,6.778143191490173,4.4197825,5.212423191490173,5.9224225,4.050633191490173C7.4250725,2.8888431914901735,9.2275225,2.1790271914901735,11.1188525,2.004242911490173C11.5113425,1.9679718914901734,11.8885325,2.1656411914901734,12.0820625,2.509024191490173C12.0820625,2.509024191490173,12.0820625,2.509024191490173,12.0820625,2.509024191490173ZM9.3172625,4.439063191490174C8.539652499999999,4.720413191490174,7.8064725,5.1220231914901735,7.1457525,5.632873191490173C5.9436325,6.562303191490173,5.0310825,7.8148731914901735,4.5148625,9.244023191490173C3.9986425,10.673163191490174,3.9001225,12.219783191490173,4.2308125,13.702883191490173C4.5615125,15.185983191490173,5.307752499999999,16.544183191490173,6.3822125,17.618683191490174C7.4566725,18.693083191490174,8.8149125,19.439383191490172,10.2980125,19.770083191490173C11.7811025,20.100783191490173,13.3277625,20.00218319149017,14.7568625,19.485983191490174C16.185962500000002,18.969783191490173,17.4385625,18.057283191490175,18.3679625,16.855083191490174C18.8788625,16.194383191490175,19.2804625,15.461183191490173,19.5618625,14.683583191490174C18.5086625,15.064583191490174,17.3790625,15.223283191490173,16.2450625,15.138683191490173C14.3342625,14.996183191490173,12.5380625,14.172583191490173,11.1831725,12.817683191490174C9.8282725,11.462803191490174,9.0046725,9.666593191490174,8.8621825,7.755783191490173C8.7776125,6.6218131914901734,8.9362525,5.492183191490174,9.3172625,4.439063191490174C9.3172625,4.439063191490174,9.3172625,4.439063191490174,9.3172625,4.439063191490174Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconFast = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_628_08883"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_628_08883)"><g><path d="M12,23C16.1421,23,19.5,19.6421,19.5,15.5C19.5,15.1798,19.4685,14.8642,19.415100000000002,14.5545C19.290300000000002,13.8304,18.3976,13.6272,17.836,14.1011C16.730800000000002,15.0337,15.8522,15.5,15.2,15.5C18.7834,9.22187,17.387,6.16129,12.73225,2.71108C12.05378,2.208173,11.08827,2.78112,10.98232,3.61898C10.53267,7.17493,7.99766,8.96791,6.86179,10.0366C5.40786,11.4045,4.5,13.3462,4.5,15.5C4.5,19.6421,7.8578600000000005,23,12,23ZM12.7094,5.23498C15.9511,7.98528,15.9666,10.1223,13.463,14.5086C12.702,15.8419,13.6648,17.5,15.2,17.5C15.8884,17.5,16.5841,17.2992,17.3189,16.905099999999997C16.6979,19.262,14.5519,21,12,21C8.962430000000001,21,6.5,18.5376,6.5,15.5C6.5,13.9608,7.13279,12.5276,8.23225,11.4932C8.35826,11.3747,8.997489999999999,10.8081,9.02477,10.7836C9.44862,10.4021,9.797799999999999,10.0663,10.142900000000001,9.69677C11.3733,8.37932,12.257100000000001,6.91631,12.7094,5.23498Z" fill="${props.color}" fill-opacity="1"/></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconEat = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><pattern x="0" y="0" width="24" height="24" patternUnits="userSpaceOnUse" id="master_svg0_628_10125"><image x="0" y="0" width="24" height="24" xlink:href="data:image/png;base64,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"/></pattern></defs><g><rect x="0" y="0" width="24" height="24" rx="0" fill="url(#master_svg0_628_10125)" fill-opacity="1"/></g></svg>`
    return Icon(props.width, props.width, icon);
}
export const IconSleep = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><pattern x="0" y="0" width="18" height="18" patternUnits="userSpaceOnUse" id="master_svg0_628_10098"><image x="0" y="0" width="18" height="18" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAYAAABUmhYnAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAOxSURBVHic7d1NaxRJGAfwpzrEUVEUk5NkcSE5+IK6UQPxkJOwJ3FREDyIIILnEBIyHVAaltRTNTTd38DLXpb5BiJ+AtnTwu7Nk7B78OiyCcEuDxoQdZKu6pnq8cn/d52qeZ7UP91NOv1CBAAAAAAAAAAAAAAAAAAAcBBtbm5ecVAbM8+3ndk3MfNC24vzPbPWXms7QyIiyrIs0Vr/2vaCSMDMmXNOtRZmv9+faHsRJOr3+xOhmTT6bXDOuSbzYTClVFA2SWhBrfWd0LmwP631rWjFiqI40vZu6SDIsuyQbzZBW+jW1tb9kHngp9PpPPCdE7Sfdg7Hzlh8j6XeW2hRFKd850A4Y8wJn/HegW5vb//kOwfCVVXltd7egTrnfvCdA+GSJDnjNT6gwEnfOdDIcZ/B3oFWVdXeqakDqKqqSZ/xwScWYDwhUGEQqDCtBaq1nldDVJbllDHmaUgv1tonZVlODbMfrfV4/uP6S1rr5SbnJ7XWK6Pszxhz2acfY8zFUfajtV5tuF7Lo+yvcaAjbe6TuldPMPPVGP00WS/fQKPucsuyPBqjTpqmr2qO+2PUvRAR5Xl+LEYdosiBrqys/B+rlrX20l6fM/OFWL2sra39F6tWtECttTdj1SIi6na7f+71+cbGxl+xeiEiYuZfYtSJFqhz7t9YtcaRUuqfGHWiBVpV1ftYtcZRVVU7MergxIIwCFQYBCoMAhUGgQoTEuiboEJJ8i5knhQNfv6g9QYAAAAAAAAA8FbrtoY8z6d3dnZudLvd30fdEHzNGHNvcnLy5erq6ttGX2StXWxyxRoMn7V20TvIPM+n224c9pbn+XStMJl5vu1moZ59HyuHx7t9f5h5YdDxcqbt5iCMtXZmN0dFROQ+Pl+uqnuMhbGUKKVcQkRkrb3bdjfQzG6GClunKMlEp9O5vrS09KjtTqA5Zn6unMNTwSTBVX/CIFBhEKgwCFQYBCoMAhUGgQqDQIVBoMIgUGEQqDAIVBgEKgwCFQaBCoNAhUGgwiBQYRCoMAhUGAQqDAIVBoEKg0ClCbnbKcsyvHIyEt9ssIUKg0CFQaDChAa6NdQuYGiC7j5TSuG1zZH45oNd7pgzxjysO5aZHye9Xu+sTwFmPuffFoSanZ39re7Yubm5Z0RExMy36/yNw8y3R9Y5DJRl2eH9simK4gjRZ8/601qfTdP070Ff2uv1zq+vrw/8HEaPmX8kop+J6DTRxxfkOedepGn6utXGAAAAAAAAAAAAAAAAxPgAlI5cdhEsboQAAAAASUVORK5CYII="/></pattern></defs><g><rect x="0" y="0" width="18" height="18" rx="0" fill="url(#master_svg0_628_10098)" fill-opacity="1"/></g></svg>`
    return Icon(props.width, props.width, icon);
}
export const IconActive = (props: { width: number, color: string }) => {
    const icon = ``
    return Icon(props.width, props.width, icon);
}



export const IconMore = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="34" height="34" viewBox="0 0 34 34">
    <defs>
        <clipPath id="master_svg0_1588_15883">
            <rect x="0" y="0" width="34" height="34" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_1588_15883)">
        <g>
            <ellipse cx="22.666585206985474" cy="16.999348878860474" rx="2.8333332538604736"
                ry="2.8333332538604736" fill="${props.color}" fill-opacity="1" />
        </g>
        <g>
            <ellipse cx="11.333333253860474" cy="16.999348878860474" rx="2.8333332538604736"
                ry="2.8333332538604736" fill="${props.color}" fill-opacity="1" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconRemove = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="48" height="48" viewBox="0 0 48 48"><defs><clipPath id="master_svg0_1687_19507"><rect x="7" y="7" width="34" height="34" rx="17"/></clipPath></defs><g><g><ellipse cx="24" cy="24" rx="24" ry="24" fill="${props.color}" fill-opacity="1"/></g><g clip-path="url(#master_svg0_1687_19507)"><g><line x1="14.08349609375" y1="24.001302003860474" x2="33.91683006286621" y2="24.001302003860474" fill-opacity="0" stroke-opacity="1" stroke="#FFFFFF" fill="none" stroke-width="2.8333334922790527" stroke-linecap="ROUND" stroke-linejoin="round"/></g></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const Icon = (width, height, icon) => {
    return <View style={{ width: width, height: width }}>
        {process.env.TARO_ENV == 'weapp' ? <mysvg src={icon} colors={[]} /> : <SvgXml xml={icon} width={width} height={width} />}
    </View>
}

export const IconAdd = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="24" height="24" viewBox="0 0 24 24">
    <defs>
        <clipPath id="master_svg0_1_06">
            <rect x="0" y="0" width="24" height="24" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_1_06)">
        <g transform="matrix(0,1,-1,0,17.25,-9.75)">
            <path
                d="M28.75,3.75L14.75,3.75C14.059644,3.75,13.5,4.3096440000000005,13.5,5C13.5,5.69036,14.059644,6.25,14.75,6.25L28.75,6.25C29.4404,6.25,30,5.69036,30,5C30,4.3096440000000005,29.4404,3.75,28.75,3.75Z"
                fill-rule="evenodd" fill="${props.color}" fill-opacity="1" />
        </g>
        <g>
            <path
                d="M19,10.5L5,10.5C4.3096440000000005,10.5,3.75,11.059644,3.75,11.75C3.75,12.44036,4.3096440000000005,13,5,13L19,13C19.6904,13,20.25,12.44036,20.25,11.75C20.25,11.059644,19.6904,10.5,19,10.5Z"
                fill-rule="evenodd" fill="${props.color}" fill-opacity="1" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconCellArrow = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="36" height="41.64706039428711" viewBox="0 0 36 41.64706039428711"><defs><clipPath id="master_svg0_3_05745"><rect x="0" y="0" width="36" height="41.64706039428711" rx="0"/></clipPath></defs><g style="opacity:1;" clip-path="url(#master_svg0_3_05745)"><rect x="0" y="0" width="36" height="41.64706039428711" rx="0" fill="#FFFFFF" fill-opacity="1"/><g><path d="M12.3652,11.392795234375Q12.18852,11.188406234375,12.09426,10.935218234375Q12,10.682030234375,12,10.411865234375Q12,10.338174934375,12.00722,10.264839234375Q12.01445,10.191504234375,12.02882,10.119230234375Q12.0432,10.046955234375,12.064589999999999,9.976438234375Q12.08598,9.905921234375,12.11418,9.837840234375Q12.14238,9.769759234375,12.17712,9.704770234375Q12.21186,9.639781234375,12.2528,9.578510234375Q12.29374,9.517238234375,12.34048,9.460275234375Q12.38723,9.403315234375,12.43934,9.351205234375Q12.49145,9.299095234375,12.54841,9.252345234375Q12.605373,9.205605234375,12.666645,9.164665234375Q12.727916,9.123725234375,12.792905,9.088985234375Q12.857894,9.054245234375,12.925975,9.026045234375Q12.994056,8.997845234375,13.064573,8.976455234374999Q13.13509,8.955065234375,13.207365,8.940685234375Q13.279639,8.926315234375,13.352974,8.919085234375Q13.4263097,8.911865234375,13.5,8.911865234375Q13.661494,8.911865234375,13.819288,8.946245234375Q13.977081,8.980615234375,14.123941,9.047795234375Q14.270801,9.114965234375,14.399997,9.211865234375Q14.52919,9.308755234374999,14.6348,9.430935234375L23.6348,19.842705234375Q23.7224,19.944085234375002,23.7907,20.059385234375Q23.859,20.174695234375,23.9057,20.300275234375Q23.9525,20.425865234375,23.9762,20.557765234374997Q24,20.689665234375,24,20.823665234375Q24,20.957665234375,23.9762,21.089565234375Q23.9525,21.221365234375,23.9057,21.346965234375Q23.859,21.472565234375,23.7907,21.587865234375002Q23.7224,21.703165234375,23.6348,21.804565234374998L14.63504,32.216065234375L14.6348,32.216365234375004Q14.52919,32.338465234375,14.399997,32.435365234375Q14.270801,32.532265234375004,14.123941,32.599465234375Q13.977081,32.666665234375,13.819288,32.701065234375Q13.661494,32.735365234374996,13.5,32.735365234374996Q13.4263097,32.735365234374996,13.352974,32.728165234375Q13.279639,32.720965234375,13.207365,32.706565234375Q13.13509,32.692165234375,13.064573,32.670765234375Q12.994056,32.649465234375,12.925975,32.621165234375Q12.857894,32.593065234375004,12.792905,32.558265234375Q12.727916,32.523565234375,12.666645,32.482565234375Q12.605373,32.441665234375,12.54841,32.394865234375004Q12.49145,32.348165234375,12.43934,32.296065234375Q12.38723,32.243965234375,12.34048,32.186965234374995Q12.29374,32.130065234374996,12.2528,32.068765234375Q12.21186,32.007465234375005,12.17712,31.942465234375Q12.14238,31.877465234375,12.11418,31.809465234375Q12.08598,31.741365234375,12.064589999999999,31.670865234375Q12.0432,31.600265234375,12.02882,31.528065234375Q12.01445,31.455765234375,12.00722,31.382465234375Q12,31.309065234375,12,31.235365234375Q12,30.965265234375,12.09426,30.712065234375Q12.18852,30.458865234375,12.3652,30.254465234375L20.51728,20.823665234375L12.3652,11.392795234375Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></g></svg>`
    return Icon(props.width, props.width, icon);
}

export const IconCalendar = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="24" height="24" viewBox="0 0 24 24">
    <defs>
        <clipPath id="master_svg0_114_16312">
            <rect x="0" y="0" width="24" height="24" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_114_16312)">
        <g>
            <path
                d="M8,1C8.55228,1,9,1.447715,9,2C9,2,9,3,9,3C9,3,15,3,15,3C15,3,15,2,15,2C15,1.447715,15.4477,1,16,1C16.552300000000002,1,17,1.447715,17,2C17,2,17,3,17,3C17,3,19,3,19,3C20.6569,3,22,4.34315,22,6C22,6,22,20,22,20C22,21.6569,20.6569,23,19,23C19,23,5,23,5,23C3.34315,23,2,21.6569,2,20C2,20,2,6,2,6C2,4.34315,3.34315,3,5,3C5,3,7,3,7,3C7,3,7,2,7,2C7,1.447715,7.44772,1,8,1C8,1,8,1,8,1ZM7,5C7,5,5,5,5,5C4.44772,5,4,5.44772,4,6C4,6,4,9,4,9C4,9,20,9,20,9C20,9,20,6,20,6C20,5.44771,19.5523,5,19,5C19,5,17,5,17,5C17,5,17,6,17,6C17,6.55228,16.552300000000002,7,16,7C15.4477,7,15,6.55228,15,6C15,6,15,5,15,5C15,5,9,5,9,5C9,5,9,6,9,6C9,6.55228,8.55228,7,8,7C7.44772,7,7,6.55228,7,6C7,6,7,5,7,5C7,5,7,5,7,5ZM20,11C20,11,4,11,4,11C4,11,4,20,4,20C4,20.5523,4.44771,21,5,21C5,21,19,21,19,21C19.5523,21,20,20.5523,20,20C20,20,20,11,20,11C20,11,20,11,20,11Z"
                fill-rule="evenodd" fill="${props.color}" fill-opacity="1" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconTarget = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="24" height="24" viewBox="0 0 24 24">
    <defs>
        <clipPath id="master_svg0_114_16307">
            <rect x="0" y="0" width="24" height="24" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_114_16307)">
        <rect x="0" y="0" width="24" height="24" rx="0" fill="#FFFFFF" fill-opacity="1" />
        <g>
            <ellipse cx="12" cy="12" rx="10" ry="10" fill-opacity="0" stroke-opacity="1"
                stroke="${props.color}" fill="none" stroke-width="2" stroke-linecap="ROUND"
                stroke-linejoin="round" />
        </g>
        <g>
            <ellipse cx="12" cy="12" rx="6" ry="6" fill-opacity="0" stroke-opacity="1"
                stroke="${props.color}" fill="none" stroke-width="2" stroke-linecap="ROUND"
                stroke-linejoin="round" />
        </g>
        <g>
            <ellipse cx="12" cy="12" rx="2" ry="2" fill-opacity="0" stroke-opacity="1"
                stroke="${props.color}" fill="none" stroke-width="2" stroke-linecap="ROUND"
                stroke-linejoin="round" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconNotificationOff = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="26" height="26" viewBox="0 0 26 26">
    <defs>
        <clipPath id="master_svg0_690_15144/690_12319">
            <rect x="0" y="0" width="26" height="26" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_690_15144/690_12319)">
        <g>
            <g>
                <path
                    d="M10,19C10.00091362,20.22042,10.74104,21.31864,11.87188,21.77757C13.00272,22.23649,14.298860000000001,21.96463,15.15,21.09L13.94,19L10,19Z"
                    fill="${props.color}" fill-opacity="1" />
            </g>
            <g>
                <path
                    d="M7.4399999999999995,7.75C7.15008,8.464747,7.00068,9.22869,7,10L7,13.08C7.00156,14.258230000000001,6.33505,15.3355,5.28,15.86C5.109934,15.94592,5.00194526,16.11947,5,16.310000000000002L5,17.5C5.000000238419,17.7761,5.223858,18,5.5,18L13.36,18L7.4399999999999995,7.75Z"
                    fill="${props.color}" fill-opacity="1" />
            </g>
            <g>
                <path
                    d="M20.719990234375,15.86C19.664940234375003,15.3355,18.998430234375,14.2582,18.999990234374998,13.08L18.999990234374998,10C18.999990234374998,6.68629,16.313700234375,4.000000953674,12.999990234375,4.000000715256C12.038470234375,3.999554157,11.091255234375,4.232925,10.239990234375,4.680001L17.929990234375,18L20.499990234374998,18C20.776090234374998,18,20.999990234374998,17.7761,20.999990234374998,17.5L20.999990234374998,16.310000000000002C20.998090234375,16.119500000000002,20.890090234375002,15.9459,20.719990234375,15.86Z"
                    fill="${props.color}" fill-opacity="1" />
            </g>
            <g>
                <path
                    d="M8.850041015625,4.24C8.671801015625,3.939347,8.349531015625,3.75356698,8.000036015625,3.75C7.828248015625,3.750525713,7.659492015625,3.7952976,7.510036015625,3.88C7.055028415625,4.156745,6.896739015625,4.741534,7.150036015625,5.21L16.680041015625,21.7C16.956781015624998,22.155,17.541541015625,22.3133,18.010041015625,22.06C18.470841015625,21.7828,18.629841015625,21.1908,18.370041015625,20.72L8.850041015625,4.24Z"
                    fill="${props.color}" fill-opacity="1" />
            </g>
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconNotification = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="20" height="20" viewBox="0 0 20 20">
    <defs>
        <clipPath id="master_svg0_513_39058">
            <rect x="0" y="0" width="20" height="20" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_513_39058)">
        <g>
            <g>
                <path
                    d="M7.4998779296875,15L12.4998779296875,15C12.4998779296875,16.38071,11.3805879296875,17.5,9.9998779296875,17.5C8.6191679296875,17.5,7.4998779296875,16.38071,7.4998779296875,15Z"
                    fill="${props.color}" fill-opacity="1" />
            </g>
            <g>
                <path
                    d="M15.00001298828125,10.06667L15.00001298828125,7.5C15.00001298828125,4.73858,12.76140298828125,2.500000198682,9.99998298828125,2.5C7.23855298828125,2.499999801318,4.99998298828125,4.73858,4.99998298828125,7.5L4.99998298828125,10.06667C5.00128298828125,11.04853,4.44585298828125,11.94625,3.56664598828125,12.38333C3.42492478828125,12.45493,3.33493403828125,12.5996,3.33331298828125,12.7583L3.33331298828125,13.75C3.33331318696325,13.9801,3.51986098828125,14.1667,3.74997998828125,14.1667L16.25001298828125,14.1667C16.48011298828125,14.1667,16.66661298828125,13.9801,16.66661298828125,13.75L16.66661298828125,12.7583C16.665012988281248,12.5996,16.57501298828125,12.45493,16.43331298828125,12.38333C15.55411298828125,11.94625,14.99871298828125,11.04853,15.00001298828125,10.06667Z"
                    fill="${props.color}" fill-opacity="1" />
            </g>
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconSwitch = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="26" height="26" viewBox="0 0 26 26">
    <defs>
        <clipPath id="master_svg0_1358_32314/1357_45531">
            <rect x="0" y="0" width="26" height="26" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_1358_32314/1357_45531)">
        <g>
            <path
                d="M6.37683390625,4.42632701171875C8.20803390625,3.00969101171875,10.50548390625,2.16668701171875,12.99980390625,2.16668701171875C18.98290390625,2.16668701171875,23.83320390625,7.01693701171875,23.83320390625,12.99998701171875C23.83320390625,14.94968701171875,23.31810390625,16.778987011718748,22.41670390625,18.35958701171875C22.17150390625,18.78938701171875,21.56850390625,18.80388701171875,21.27680390625,18.40408701171875L18.17090390625,14.14798701171875C17.822603906250002,13.67078701171875,18.16350390625,12.99998701171875,18.75430390625,12.99998701171875L20.94430390625,12.99998701171875C21.34310390625,12.99998701171875,21.66970390625,12.67798701171875,21.63700390625,12.28038701171875C21.27130390625,7.83062701171875,17.544003906249998,4.33335701171875,12.99980390625,4.33335701171875C11.01114390625,4.33335701171875,9.17890390625,5.0031770117187495,7.71639390625,6.12951701171875C7.34107390625,6.41856701171875,6.77320390625,6.34209701171875,6.54314390625,5.92798701171875L6.20269390625,5.31514701171875C6.03661390625,5.01620701171875,6.10635390625,4.63557701171875,6.37683390625,4.42632701171875M19.62280390625,21.57368701171875C17.79160390625,22.99028701171875,15.49420390625,23.83338701171875,12.99980390625,23.83338701171875C7.01675390625,23.83338701171875,2.16650390625,18.98308701171875,2.16650390625,12.99998701171875C2.16650390625,11.05034701171875,2.68154390625,9.22096701171875,3.58298390625,7.64050701171875C3.82817390625,7.21062701171875,4.43113390625,7.19619701171875,4.72286390625,7.59596701171875L7.82877390625,11.85205701171875C8.177043906249999,12.32928701171875,7.83617390625,12.99998701171875,7.24537390625,12.99998701171875L5.05539390625,12.99998701171875C4.6565239062499995,12.99998701171875,4.32994390625,13.32208701171875,4.36261390625,13.71958701171875C4.728363906249999,18.16938701171875,8.45568390625,21.66668701171875,12.99980390625,21.66668701171875C14.98850390625,21.66668701171875,16.82070390625,20.99688701171875,18.28330390625,19.87048701171875C18.65860390625,19.58148701171875,19.22650390625,19.65798701171875,19.45650390625,20.07208701171875L19.79700390625,20.68488701171875C19.96300390625,20.98388701171875,19.89330390625,21.36448701171875,19.62280390625,21.57368701171875"
                fill="${props.color}" fill-opacity="1" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconArrow = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="24" height="24" viewBox="0 0 24 24">
    <defs>
        <clipPath id="master_svg0_1_54">
            <rect x="0" y="0" width="24" height="24" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_1_54)">
        <g>
            <path
                d="M10.707226,5.293012L16.70711,11.29289Q16.84776,11.43355,16.92388,11.61732Q17,11.80109,17,12Q17,12.19891,16.92388,12.38268Q16.84776,12.56645,16.70711,12.70711L10.708009,18.706200000000003L10.707107,18.7071Q10.566455,18.8478,10.382684,18.9239Q10.198913,19,10,19Q9.9015086,19,9.80491,18.980800000000002Q9.708311,18.9616,9.617317,18.9239Q9.526322,18.886200000000002,9.44443,18.8315Q9.362537,18.776699999999998,9.292893,18.7071Q9.223249,18.6375,9.16853,18.5556Q9.113812,18.4737,9.076121,18.3827Q9.03843,18.2917,9.019214999999999,18.1951Q9,18.0985,9,18Q9,17.801099999999998,9.07612,17.6173Q9.152241,17.433500000000002,9.292893,17.2929L9.293268,17.2925L14.58579,12L9.293012000000001,6.707226L9.292893,6.707107Q9.152241,6.566455,9.07612,6.382683Q9,6.198912,9,6Q9,5.9015086,9.019214999999999,5.80491Q9.03843,5.708311,9.076121,5.617317Q9.113812,5.526322,9.16853,5.44443Q9.223249,5.362537,9.292893,5.292893Q9.362537,5.223249,9.44443,5.16853Q9.526322,5.113812,9.617317,5.076121Q9.708311,5.03843,9.80491,5.019215Q9.9015086,5,10,5Q10.198912,5,10.382683,5.0761199999999995Q10.566455,5.152241,10.707107,5.292893L10.707226,5.293012Z"
                fill-rule="evenodd" fill="${props.color}" fill-opacity="1" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconClose = (props: { width: number, height: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
    stroke="${props.color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
    class="feather feather-x">
    <line x1="18" y1="6" x2="6" y2="18"></line>
    <line x1="6" y1="6" x2="18" y2="18"></line>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconError = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="24" height="24" viewBox="0 0 24 24">
    <defs>
        <clipPath id="master_svg0_264_2787">
            <rect x="0" y="0" width="24" height="24" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_264_2787)">
        <g transform="matrix(0,-1,1,0,-3.5,23.5)">
            <path
                d="M10,15.39504L10,15.60497C10,16.11452,10.383136,16.54258,10.889569,16.59885L17.88957,17.37662C18.48193,17.44244,19,16.978749999999998,19,16.38274L19,14.61726C19,14.021254,18.48193,13.5575628,17.88957,13.623381L10.889569,14.401159C10.383136,14.457429,10,14.88549,10,15.39504"
                fill-rule="evenodd" fill="${props.color}" fill-opacity="1" />
        </g>
        <g>
            <path
                d="M11.99005,19.49999C10.890977,19.5,10,18.60902,10,17.50995L10,17.49005C10,16.390977,10.890977,15.50000405625,11.99005,15.50000905987L12.00995,15.50000905987C13.109020000000001,15.50000405625,14,16.390977,14,17.49005L14,17.50995C14,18.60902,13.109020000000001,19.5,12.00995,19.49999L11.99005,19.49999Z"
                fill-rule="evenodd" fill="${props.color}" fill-opacity="1" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconSuccess = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="24" height="24" viewBox="0 0 24 24">
    <defs>
        <clipPath id="master_svg0_264_2836">
            <rect x="0" y="0" width="24" height="24" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_264_2836)">
        <g>
            <path
                d="M18.25,7.5C18.25,7.74678,18.177,7.98804,18.040100000000002,8.19337L12.04006,17.1934C11.98078,17.2823,11.91034,17.363300000000002,11.83046,17.4343C11.31448,17.892899999999997,10.52439,17.8464,10.06574,17.3305L6.065738,12.830449999999999C5.862348,12.60164,5.75,12.30614,5.75,12C5.75,11.30964,6.3096440000000005,10.75,7,10.75C7.35705,10.75,7.69705,10.90268,7.93426,11.169550000000001L10.8583,14.45909L15.9599,6.806625C16.1918,6.458876,16.5821,6.25,17,6.25C17.6904,6.25,18.25,6.8096440000000005,18.25,7.5Z"
                fill-rule="evenodd" fill="${props.color}" fill-opacity="1" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconStreak = (props: { width: number, color: string, full: string }) => {
    const icon = `<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg"
	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<style type="text/css">
	.st0{fill:${props.full};stroke:${props.color};stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<path class="st0" d="M13,2L6,14h6l-1,8l7-12h-6L13,2z"/>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconVip = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="${props.color}">
    <path
        d="M3.49709 8.06467L4.78355 18.9996H19.2266L20.513 8.06467L16.5032 10.7379L12.0051 4.44054L7.50694 10.7379L3.49709 8.06467ZM2.80577 5.20009L7.00505 7.99961L11.1913 2.13884C11.5123 1.68943 12.1369 1.58534 12.5863 1.90635C12.6761 1.97049 12.7546 2.04905 12.8188 2.13884L17.0051 7.99961L21.2043 5.20009C21.6639 4.89374 22.2847 5.01791 22.5911 5.47744C22.7228 5.67506 22.7799 5.91311 22.7522 6.14898L21.109 20.1165C21.0497 20.6201 20.6229 20.9996 20.1158 20.9996H3.8943C3.38722 20.9996 2.9604 20.6201 2.90115 20.1165L1.25792 6.14898C1.19339 5.60048 1.58573 5.10352 2.13423 5.03899C2.37011 5.01124 2.60816 5.06835 2.80577 5.20009ZM12.0051 14.9996C10.9005 14.9996 10.0051 14.1042 10.0051 12.9996C10.0051 11.895 10.9005 10.9996 12.0051 10.9996C13.1096 10.9996 14.0051 11.895 14.0051 12.9996C14.0051 14.1042 13.1096 14.9996 12.0051 14.9996Z"></path>
</svg>`
    return Icon(props.width, props.width, icon);
}

export const IconMap = (props: { width: number, color: string }) => {
    const icon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
    version="1.1" width="36" height="36" viewBox="0 0 36 36">
    <defs>
        <clipPath id="master_svg0_1651_39555">
            <rect x="0" y="0" width="36" height="36" rx="0" />
        </clipPath>
    </defs>
    <g clip-path="url(#master_svg0_1651_39555)">
        <g transform="matrix(-1,0,0,1,57,0)">
            <path
                d="M47.510400000000004,5.95066Q43.9918,2.25,39,2.25Q34.00823,2.25,30.4896,5.95066Q27.0017,9.61901,27,14.7932Q27,21.903,37.91733,33.2882Q37.93911,33.310900000000004,37.96182,33.3327Q38.015010000000004,33.383700000000005,38.07294,33.4292Q38.13087,33.4748,38.19299,33.514399999999995Q38.2551,33.5541,38.32081,33.5874Q38.38651,33.6208,38.45517,33.6475Q38.5238,33.6743,38.5948,33.694199999999995Q38.6657,33.7141,38.7383,33.727000000000004Q38.8108,33.7398,38.884299999999996,33.7455Q38.9578,33.7512,39.0315,33.749700000000004Q39.1051,33.7481,39.1783,33.7394Q39.2515,33.730599999999995,39.3234,33.7147Q39.3954,33.6988,39.4654,33.676Q39.5355,33.653099999999995,39.603,33.6235Q39.6704,33.593900000000005,39.734700000000004,33.5578Q39.7989,33.521699999999996,39.8593,33.4794Q39.9197,33.437200000000004,39.9757,33.3893Q40.0317,33.3414,40.0827,33.2882Q51,21.903,51,14.7927Q50.9983,9.619,47.510400000000004,5.95066ZM32.66372,8.01783Q35.295410000000004,5.25,39,5.25Q42.7046,5.25,45.3363,8.01783Q47.9987,10.81798,48,14.7937Q48,20.3711,39,30.0647Q30,20.3711,30,14.7932Q30.0013,10.81799,32.66372,8.01783Z"
                fill-rule="evenodd" fill="${props.color}" fill-opacity="1"
                style="mix-blend-mode:passthrough" />
        </g>
        <g transform="matrix(-1,0,0,1,43.5,0)">
            <ellipse cx="25.5" cy="14.25" rx="3.75" ry="3.75" fill-opacity="0" stroke-opacity="1"
                stroke="${props.color}" fill="none" stroke-width="3" stroke-linecap="ROUND"
                stroke-linejoin="round" style="mix-blend-mode:passthrough" />
        </g>
    </g>
</svg>`
    return Icon(props.width, props.width, icon);
}