taro/src/components/basic/Icons.tsx

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 IconClose = (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="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_966_23340"><rect x="0" y="0" width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_966_23340)"><g><path d="M8.821406953125,8.8215290234375C9.472281953125,8.1706560234375,10.527551953125,8.1706560234375,11.178431953125,8.8215290234375C11.178431953125,8.8215290234375,19.999951953125,17.643024023437498,19.999951953125,17.643024023437498C19.999951953125,17.643024023437498,28.821451953125,8.8215290234375,28.821451953125,8.8215290234375C29.472251953125,8.1706560234375,30.527551953125,8.1706560234375,31.178451953125,8.8215290234375C31.829251953125,9.4724040234375,31.829251953125,10.5276740234375,31.178451953125,11.1785540234375C31.178451953125,11.1785540234375,22.356951953124998,20.0000740234375,22.356951953124998,20.0000740234375C22.356951953124998,20.0000740234375,31.178451953125,28.8215740234375,31.178451953125,28.8215740234375C31.829251953125,29.4723740234375,31.829251953125,30.5276740234375,31.178451953125,31.1785740234375C30.527551953125,31.8293740234375,29.472251953125,31.8293740234375,28.821451953125,31.1785740234375C28.821451953125,31.1785740234375,19.999951953125,22.357074023437498,19.999951953125,22.357074023437498C19.999951953125,22.357074023437498,11.178431953125,31.1785740234375,11.178431953125,31.1785740234375C10.527551953125,31.8293740234375,9.472281953125,31.8293740234375,8.821406953125,31.1785740234375C8.170533953125,30.5276740234375,8.170533953125,29.4723740234375,8.821406953125,28.8215740234375C8.821406953125,28.8215740234375,17.642901953124998,20.0000740234375,17.642901953124998,20.0000740234375C17.642901953124998,20.0000740234375,8.821406953125,11.1785540234375,8.821406953125,11.1785540234375C8.170533953125,10.5276740234375,8.170533953125,9.4724040234375,8.821406953125,8.8215290234375C8.821406953125,8.8215290234375,8.821406953125,8.8215290234375,8.821406953125,8.8215290234375Z" fill-rule="evenodd" fill="#000000" fill-opacity="1"/></g></g></svg>`
    return <View className='clear_btn_bg2'>
        {
            process.env.TARO_ENV == 'weapp' ? <mysvg src={icon} colors={[props.color]} /> :
                <SvgXml xml={icon} width={props.width} height={props.width} />
        }
    </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="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_3181_09453"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3181_09453)"><g><path d="M20.7071,5.292893C21.0976,5.683417,21.0976,6.31658,20.7071,6.70711C20.7071,6.70711,9.70711,17.7071,9.70711,17.7071C9.31658,18.0976,8.68342,18.0976,8.29289,17.7071C8.29289,17.7071,3.292893,12.70711,3.292893,12.70711C2.9023689,12.31658,2.9023689,11.68342,3.292893,11.29289C3.683417,10.902370000000001,4.31658,10.902370000000001,4.70711,11.29289C4.70711,11.29289,9,15.5858,9,15.5858C9,15.5858,19.2929,5.292893,19.2929,5.292893C19.6834,4.9023689,20.3166,4.9023689,20.7071,5.292893C20.7071,5.292893,20.7071,5.292893,20.7071,5.292893Z" fill-rule="evenodd" fill="${props.color}" fill-opacity="1"/></g></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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 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 <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 IconActive = (props: { width: number, color: string }) => {
    const icon = ``
    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 IconStreak = (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_1350_18215"><rect x="0" y="0" width="36" height="36" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1350_18215)"><g><path d="M19.699199999999998,13.5L20.9884,3.186052Q21.006700000000002,3.0394559,20.9961,2.892101Q20.985500000000002,2.744747,20.9463,2.602297Q20.9071,2.459848,20.840899999999998,2.327777Q20.7747,2.195706,20.683999999999997,2.0790889999999997Q20.5933,1.96247,20.4816,1.86579Q20.3699,1.76911,20.241500000000002,1.69608Q20.1131,1.62305,19.9729,1.57648Q19.8326,1.52991,19.6861,1.51158Q19.5773,1.49799,19.4677,1.50035Q19.3581,1.50271,19.25,1.52097Q19.142,1.53924,19.0377,1.57302Q18.93343,1.6068,18.83518,1.65538Q18.736919999999998,1.70396,18.64677,1.7663Q18.556620000000002,1.82865,18.4765,1.90344Q18.396369999999997,1.97823,18.327959999999997,2.063874Q18.25956,2.149517,18.20433,2.244193L7.70433,20.2442Q7.62989,20.3718,7.58178,20.5115Q7.53366,20.6512,7.51372,20.7976Q7.49379,20.9439,7.50279,21.0914Q7.5117899999999995,21.2389,7.54939,21.3817Q7.58699,21.5246,7.65173,21.6574Q7.71648,21.7902,7.80589,21.9078Q7.89531,22.0254,8.005944,22.1233Q8.116581,22.2212,8.244193,22.2957Q8.594476,22.5,9,22.5L16.30083,22.5L15.01158,32.813900000000004Q15.00244,32.887100000000004,15.00051,32.9607Q14.99859,33.034400000000005,15.00389,33.1079Q15.00919,33.1814,15.02167,33.254000000000005Q15.03414,33.3266,15.05368,33.3977Q15.07322,33.4688,15.099630000000001,33.5375Q15.12604,33.606300000000005,15.15906,33.672200000000004Q15.19209,33.7381,15.23141,33.800399999999996Q15.27073,33.862700000000004,15.31597,33.9209Q15.36121,33.9791,15.411940000000001,34.0325Q15.46266,34.086,15.51838,34.1342Q15.5741,34.1824,15.63428,34.225Q15.69446,34.2675,15.75852,34.3039Q15.822569999999999,34.3403,15.889890000000001,34.3703Q15.95721,34.4003,16.02715,34.423500000000004Q16.09708,34.446799999999996,16.16895,34.463Q16.24083,34.479299999999995,16.31395,34.4884Q16.422710000000002,34.501999999999995,16.53229,34.499700000000004Q16.64187,34.497299999999996,16.74995,34.479Q16.85803,34.4608,16.9623,34.427Q17.06657,34.3932,17.16482,34.3446Q17.263080000000002,34.296,17.35323,34.2337Q17.44337,34.1713,17.5235,34.096599999999995Q17.603630000000003,34.0218,17.672040000000003,33.936099999999996Q17.74044,33.8505,17.79567,33.7558L28.2957,15.7558Q28.3701,15.6282,28.4182,15.4885Q28.4663,15.3488,28.4863,15.2024Q28.5062,15.0561,28.4972,14.9086Q28.4882,14.7611,28.4506,14.6183Q28.413,14.4754,28.3483,14.3426Q28.2835,14.2098,28.1941,14.0922Q28.1047,13.9746,27.9941,13.8767Q27.8834,13.7788,27.7558,13.7043Q27.4055,13.5,27,13.5L19.699199999999998,13.5ZM17.102449999999997,10.08704L16.511580000000002,14.8139Q16.5,14.9066,16.5,15Q16.5,15.0737,16.50722,15.147Q16.51445,15.2204,16.52882,15.2926Q16.5432,15.3649,16.56459,15.4354Q16.58598,15.5059,16.61418,15.574Q16.64238,15.6421,16.677120000000002,15.7071Q16.71185,15.7721,16.75279,15.8334Q16.79374,15.8946,16.84048,15.9516Q16.88723,16.0086,16.93934,16.0607Q16.99145,16.1128,17.04841,16.1595Q17.10537,16.2063,17.16664,16.2472Q17.227919999999997,16.2881,17.2929,16.3229Q17.357889999999998,16.357599999999998,17.42597,16.3858Q17.494059999999998,16.414,17.56457,16.4354Q17.635089999999998,16.4568,17.70736,16.4712Q17.77964,16.485599999999998,17.85297,16.492800000000003Q17.92631,16.5,18,16.5L24.3884,16.5L18.897550000000003,25.913L19.4884,21.1861Q19.5,21.0934,19.5,21Q19.5,20.9263,19.492800000000003,20.853Q19.485599999999998,20.7796,19.4712,20.7074Q19.4568,20.6351,19.4354,20.5646Q19.414,20.4941,19.3858,20.426Q19.357599999999998,20.3579,19.3229,20.2929Q19.2881,20.2279,19.2472,20.1666Q19.2063,20.1054,19.1595,20.0484Q19.1128,19.9914,19.0607,19.9393Q19.0086,19.8872,18.95159,19.8405Q18.89463,19.7937,18.83335,19.7528Q18.772080000000003,19.7119,18.70709,19.6771Q18.642110000000002,19.6424,18.57402,19.6142Q18.505940000000002,19.586,18.43543,19.5646Q18.364910000000002,19.5432,18.292630000000003,19.5288Q18.22036,19.5144,18.14703,19.5072Q18.07369,19.5,18,19.5L11.61156,19.5L17.102449999999997,10.08704Z" 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 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="#B2B2B2" 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 <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>
}