import React, { useState, useEffect, FC } from "react";
import { Block, View } from "@tarojs/components";
import "./iconfont.scss";
import Taro from "@tarojs/taro";
import classnames from "classnames";

const SystemWidth = Taro.getSystemInfoSync().windowWidth
const quot = '"'

function hex2rgb(hex) {
  const rgb: number[] = [];

  hex = hex.substr(1);

  if (hex.length === 3) {
    hex = hex.replace(/(.)/g, "$1$1");
  }

  hex.replace(/../g, function(color: string) {
    rgb.push(parseInt(color, 0x10));
    return color;
  });

  return "rgb(" + rgb.join(",") + ")";
}

export type IconNames = 'icon-dianhua' | 'icon-rukou' | 'icon-renzhengchenggong' | 'icon-paixu' | 'icon-shaixuan' | 'icon-bodakehujingli' | 'icon-guanfangweixinkefu' | 'icon-tuijianbiaoqian' | 'icon-rukou' | 'icon-renzhengchenggong' | 'icon-wodekefu' | 'icon-yanseduibi' | 'icon-dizhiguanli' | 'icon-weixin' | 'icon-riqi' | 'icon-shuru' | 'icon-a-0tianzhangqi' | 'icon-huodaofukuan' | 'icon-huozhuziti' | 'icon-saomazhifu' | 'icon-xianxiahuikuan' | 'icon-yufukuan' | 'icon-xinzengshoucangjia' | 'icon-qingchusousuo' | 'icon-xuanzechenggong' | 'icon-gongnengtubiao-saomiao' | 'icon-bianjizidingyimadan' | 'icon-zidingyimadanyulan' | 'icon-yuanshimadanyulan' | 'icon-xiala' | 'icon-shangla' | 'icon-qingchuxinxi' | 'icon-sousuo' | 'icon-guanli' | 'icon-bianji' | 'icon-shoucangjia' | 'icon-shezhi' | 'icon-tishi' | 'icon-erweima' | 'icon-dianjishoucang' | 'icon-gouwuche' | 'icon-shoucangchenggong' | 'icon-fenxiangshangpin' | 'icon-kefu' | 'icon-xinzenganniu' | 'icon-jianshaoanniu' | 'icon-daifahuo2' | 'icon-daishouhuo2' | 'icon-tuikuan-shouhou' | 'icon-daipeibu2' | 'icon-daifukuan2';

type PropsType = {
  name: IconNames;
  size?: number;
  color?: string | string[];
  customStyle?: React.CSSProperties;
  customClassName?: string;
};

const IconFont:FC<PropsType> = ({
  name,
  size = 18,
  color,
  customStyle = {},
  customClassName = ""
}) => {
  const [colors, setColors] = useState<PropsType['color']>()
  const [isStr, setIsStr] = useState(true)
  const [svgSize, setSvgSize] = useState(() => (size / 750) * SystemWidth)

  useEffect(() => {
    setIsStr(typeof color === 'string')
    if (typeof color === 'string') {
      setColors(color.indexOf('#') === 0 ? hex2rgb(color) : color)
    } else {
      setColors(
        color?.map(function (item) {
          return item.indexOf('#') === 0 ? hex2rgb(item) : item
        })
      )
    }
    return () => {}
  }, [color])

  useEffect(() => {
    setSvgSize((size / 750) * SystemWidth)
  }, [size])

  // 也可以使用 if (name === 'xxx') { return <view> } 来渲染，但是测试发现在ios下会有问题，报错 Maximum call stack啥的。下面这个写法没问题
  return (
    <Block>
      {/* icon-alipay */}
      {/* {name === "icon-alipay" && (
        <View
          style={{
            backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M192 692.736c0-69.632 51.2-106.496 88.064-111.104 111.104-18.432 264.192 74.24 264.192 74.24-69.632 88.064-166.912 134.144-241.152 134.144-65.024-4.608-111.104-41.472-111.104-97.28z' fill='${(isStr
              ? colors
              : colors[0]) ||
              "rgb(91,139,212)"}' /%3E%3Cpath d='M979.456 729.6c-13.824-4.608-329.216-101.888-319.488-111.104 46.592-55.808 78.848-185.344 78.848-185.344v-27.648h-185.344V335.872h226.816v-41.472h-226.816V192.512H460.8v97.28H257.024v41.472H460.8v69.632H298.496v27.648h333.824c0 13.824-23.04 106.496-46.08 148.48-4.608-9.216-153.088-60.416-236.544-65.024-88.064 4.608-157.696 32.256-189.952 97.28-46.592 120.32 27.648 241.152 194.56 241.152 27.648 0 162.304-13.824 264.192-153.088 27.648 13.824 185.344 92.672 282.624 143.872-92.672 111.104-231.936 180.736-389.12 180.736-280.576 1.024-508.928-226.304-509.44-506.88v-3.072C1.024 231.424 227.84 3.072 508.928 2.56h3.072c280.576-1.024 508.928 226.304 509.44 506.88v3.072c4.608 82.944-13.824 152.576-41.984 217.088z' fill='${(isStr
              ? colors
              : colors[1]) ||
              "rgb(91,139,212)"}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`,
            ...customStyle
          }}
          className={classnames(icon, customClassName)}
        />
      )} */}
      {/* icon-dianhua */}

      { name === 'icon-dianhua' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M880.384 820.768c31.552-54.72 14.08-96.736-41.792-138.784-65.664-49.44-129.856-82.688-176-29.44 0 0-48.992 58.112-193.152-77.856-167.584-159.232-97.28-215.68-97.28-215.68 58.336-58.432 21.28-101.984-27.616-168-48.896-65.952-98.272-86.848-169.184-30.08C38.72 270.272 231.36 527.04 328.8 626.88c0 0 148.096 152.672 241.28 203.52l49.888 27.776c71.52 36.576 151.84 53.312 208.384 19.36 0 0 27.264-13.984 52.032-56.8z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-paixu */}
>>>>>>> f0abc88 (✨ feat(ID1000800浮窗提示客户经理电话完成):)

      { name === 'icon-paixu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 940l200-260H312zM512 84l200 260H312z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.5' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-shaixuan */}

      { name === 'icon-shaixuan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1105 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M725.85216 20.48a61.44 61.44 0 0 1 41.69728 106.57792L552.96 325.09952V960.9216a61.44 61.44 0 0 1-57.83552 61.31712L491.52 1022.3616a61.44 61.44 0 0 1-38.37952-13.47584l-163.84-131.072A61.44 61.44 0 0 1 266.24 829.8496V325.14048L51.65056 127.05792a61.44 61.44 0 0 1-6.02112-83.88608l2.58048-2.90816A61.44 61.44 0 0 1 93.34784 20.48z m-52.38784 81.92H145.73568l182.6816 168.63232a61.44 61.44 0 0 1 19.57888 40.87808l0.16384 4.25984v503.808l122.88 98.304V316.2112a61.44 61.44 0 0 1 16.71168-42.14784l3.072-2.99008L673.46432 102.4zM1064.96 798.72a40.96 40.96 0 0 1 3.072 81.79712L1064.96 880.64h-327.68a40.96 40.96 0 0 1-3.072-81.79712L737.28 798.72h327.68z m0-245.76a40.96 40.96 0 0 1 3.072 81.79712L1064.96 634.88h-327.68a40.96 40.96 0 0 1-3.072-81.79712L737.28 552.96h327.68z m0-245.76a40.96 40.96 0 0 1 3.072 81.79712L1064.96 389.12h-327.68a40.96 40.96 0 0 1-3.072-81.79712L737.28 307.2h327.68z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(124,124,124)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-bodakehujingli */}

      { name === 'icon-bodakehujingli' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(252,168,70)'}' /%3E%3Cpath d='M742.257778 704.981333c19.712-34.204444 8.789333-60.472889-26.126222-86.755555-41.059556-30.890667-81.180444-51.669333-110.023112-18.375111 0 0-30.606222 36.309333-120.704-48.668445-104.746667-99.512889-60.785778-134.812444-60.785777-134.812444 36.437333-36.494222 13.269333-63.729778-17.28-104.96-30.563556-41.244444-61.425778-54.300444-105.728-18.830222-85.390222 68.352 35.015111 228.835556 95.886222 291.242666 0 0 92.558222 95.431111 150.812444 127.189334l31.160889 17.365333c44.700444 22.855111 94.904889 33.322667 130.247111 12.088889 0 0 17.038222-8.732444 32.526223-35.484445z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-guanfangweixinkefu */}

      { name === 'icon-guanfangweixinkefu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(74,127,255)'}' /%3E%3Cpath d='M614.499556 321.991111c53.191111 0 96.312889 43.491556 96.312888 97.123556a97.095111 97.095111 0 0 1-64.241777 91.591111c77.169778 14.179556 135.424 78.620444 135.424 155.975111a35.313778 35.313778 0 0 1-35.313778 35.313778H482.318222a35.313778 35.313778 0 0 1-35.242666-32.995556l-0.071112-2.318222c0-77.354667 58.254222-141.795556 135.424-155.989333a97.052444 97.052444 0 0 1-64.241777-91.591112c0-53.617778 43.121778-97.095111 96.312889-97.095111z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' opacity='.3' /%3E%3Cpath d='M399.502222 321.991111c53.191111 0 96.312889 43.491556 96.312889 97.123556a97.095111 97.095111 0 0 1-64.241778 91.591111c77.169778 14.179556 135.424 78.620444 135.424 155.975111a35.313778 35.313778 0 0 1-35.313777 35.313778H267.306667a35.313778 35.313778 0 0 1-35.228445-32.995556l-0.085333-2.318222c0-77.354667 58.268444-141.795556 135.438222-155.989333a97.052444 97.052444 0 0 1-64.241778-91.591112c0-53.617778 43.121778-97.095111 96.312889-97.095111z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(255,255,255)'}' opacity='.3' /%3E%3Cpath d='M512 262.001778a125.013333 125.013333 0 0 1 38.812444 243.854222c91.875556 18.474667 161.194667 101.304889 161.194667 200.689778a45.454222 45.454222 0 0 1-45.468444 45.454222H357.461333a45.454222 45.454222 0 0 1-45.411555-43.320889l-0.042667-2.133333c0-99.384889 69.304889-182.215111 161.194667-200.704A125.027556 125.027556 0 0 1 512 262.001778z' fill='${(isStr ? colors : colors?.[3]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-tuijianbiaoqian */}

      { name === 'icon-tuijianbiaoqian' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 2291 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M361.130667 421.302857h91.428571v581.729524h164.571429v-52.565333H1120.060952v-78.848H914.285714v-180.565334h182.857143v-79.969524h-182.857143v-176.030476h182.857143v-79.969524h-182.857143v-169.203809h196.559238v-79.969524h-189.683809L882.297905 7.606857h-178.322286l36.571429 98.304H644.632381l31.987809-105.130667h-171.446857L361.130667 421.302857z m256 450.316191v-180.565334h132.583619v180.565334h-132.583619z m0-260.583619v-176.030477h132.583619v176.030477h-132.583619z m0-256V185.929143h132.583619V354.986667h-132.583619zM292.571429 597.333333l82.310095-38.863238v-79.969524L292.571429 515.072V254.439619h91.428571v-79.969524H292.571429V0.731429H128v173.689904H43.446857v79.969524h84.553143v326.89981l-82.310095 41.155047V707.047619l82.310095-41.155048v258.29181H73.142857v78.848H292.571429v-405.699048zM1990.851048 739.035429v178.273523h-402.285715v78.896762h571.440762v-257.170285h109.714286v-79.969524H2018.255238l226.255238-132.632381V455.68H1515.422476v79.969524h457.142857l-201.142857 123.465143h-287.987809v79.969523h507.416381zM1892.547048 5.36381v73.142857h-265.118477V5.36381h-169.155047v73.142857h-219.428572V158.47619h219.428572v70.851048h169.155047V158.47619h265.167239v82.310096h169.106285V158.47619h210.310095V78.506667H2061.653333V5.36381h-169.106285z m-370.249143 365.714285H2267.428571V291.108571H1577.155048l22.820571-38.863238h-189.683809l-22.869334 38.863238h-139.459047v79.969524h82.310095l-150.820572 253.756953h105.130667v378.246095h164.571429v-437.686857h-38.863238l112.006095-194.316191z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(82,43,15)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-rukou */}

      { name === 'icon-rukou' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M397.728 195.2a32 32 0 0 0-1.6 43.52l1.6 1.76L669.248 512l-271.52 271.52a32 32 0 0 0-1.6 43.52l1.6 1.728a32 32 0 0 0 43.52 1.632l1.728-1.6 294.176-294.176a32 32 0 0 0 1.6-43.52l-1.6-1.728L442.976 195.2a32 32 0 0 0-45.248 0z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-renzhengchenggong */}

      { name === 'icon-renzhengchenggong' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 0c139.264 0 251.904 28.928 370.688 80.128 22.528 8.9088 38.912 33.3824 38.912 62.3616v418.5088c0 220.3648-286.72 405.1456-382.976 456.3456-8.192 4.4544-18.432 6.656-26.624 6.656-8.192 0-18.432-2.2016-26.624-6.656C389.12 966.144 102.4 781.312 102.4 560.9984V142.4896c0-28.9792 16.384-53.4528 38.912-62.3616C260.096 28.928 372.736 0 512 0z m257.1776 336.9984a44.8 44.8 0 0 0-64.1536 5.12l-241.152 287.5392-101.7344-104.0384a44.8 44.8 0 0 0-64.3584 0 47.3088 47.3088 0 0 0 0 65.8432l136.5504 139.6224a44.8512 44.8512 0 0 0 66.7136-2.6112l273.0496-325.8368a47.2576 47.2576 0 0 0-4.9152-65.6384z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(239,243,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-wodekefu */}

      { name === 'icon-wodekefu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M832 516.754286a193.206857 193.206857 0 0 1 79.908571 150.857143l0.091429 5.851428v13.074286c0 53.174857-21.449143 101.302857-56.137143 136.283428l-3.913143 3.84 60.050286 53.339429h-254.537143a192.731429 192.731429 0 0 1-127.561143-48c165.211429-1.024 299.154286-133.814857 302.043429-298.550857l0.073143-16.694857z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(152,162,192)'}' opacity='.5' /%3E%3Cpath d='M521.197714 144c180.48 0 326.802286 146.322286 326.802286 326.802286v34.395428c0 180.48-146.322286 326.802286-326.802286 326.802286H96l100.242286-91.282286a325.851429 325.851429 0 0 1-100.242286-235.52v-34.395428c0-180.48 146.322286-326.802286 326.802286-326.802286h98.395428z m-151.734857 275.2c-37.76 0-68.388571 30.811429-68.388571 68.790857 0 37.997714 30.628571 68.809143 68.388571 68.809143 37.741714 0 68.352-30.811429 68.352-68.790857 0-37.997714-30.610286-68.809143-68.352-68.809143z m205.074286 0c-37.741714 0-68.352 30.811429-68.352 68.790857 0 37.997714 30.610286 68.809143 68.352 68.809143 37.76 0 68.388571-30.811429 68.388571-68.790857 0-37.997714-30.628571-68.809143-68.388571-68.809143z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(164,175,204)'}' opacity='.95' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-yanseduibi */}

      { name === 'icon-yanseduibi' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M528 80c17.664 0 32 14.336 32 32v800a32 32 0 0 1-32 32h-32a32 32 0 0 1-32-32v-64H160A32 32 0 0 1 128 816v-608c0-17.664 14.336-32 32-32h304v-64c0-17.664 14.336-32 32-32h32z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(164,175,204)'}' opacity='.95' /%3E%3Cpath d='M560 176H864c17.664 0 32 14.336 32 32v608a32 32 0 0 1-32 32H560V176z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(152,162,192)'}' opacity='.5' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-dizhiguanli */}

      { name === 'icon-dizhiguanli' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 64c194.395429 0 352 154.24 352 344.484571 0 63.414857-29.330286 143.762286-88.009143 241.005715l-0.749714 1.28-5.266286 5.796571A350.756571 350.756571 0 0 1 512 769.28c-104.722286 0-198.747429-45.805714-263.241143-118.528l-0.749714-1.261714c-58.678857-97.243429-88.009143-177.590857-88.009143-241.005715C160 218.24 317.604571 64 512 64z m0 241.28a111.250286 111.250286 0 0 0-111.158857 111.36A111.250286 111.250286 0 0 0 512 528a111.250286 111.250286 0 0 0 111.158857-111.36A111.250286 111.250286 0 0 0 512 305.28z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(164,175,204)'}' opacity='.95' /%3E%3Cpath d='M775.241143 650.752c-34.834286 57.581714-79.908571 121.069714-135.259429 190.482286l-17.810285 22.125714-18.505143 22.491429c-3.126857 3.785143-6.308571 7.588571-9.508572 11.410285l-19.510857 23.094857-20.205714 23.478858c-6.838857 7.899429-13.805714 15.853714-20.882286 23.881142L512 992c-14.610286-16.310857-28.745143-32.365714-42.441143-48.164571l-20.205714-23.478858-19.510857-23.094857c-3.2-3.84-6.381714-7.625143-9.508572-11.410285l-18.505143-22.491429-17.810285-22.125714c-55.332571-69.412571-100.425143-132.900571-135.259429-190.482286 64.493714 72.722286 158.537143 118.528 263.241143 118.528a350.756571 350.756571 0 0 0 257.974857-112.713143l5.266286-5.814857z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(152,162,192)'}' opacity='.5' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-weixin */}

      { name === 'icon-weixin' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,199,96)'}' /%3E%3Cpath d='M637.952 424.265143c97.828571 0 184.045714 73.472 184.045714 163.035428 0 50.358857-32.146286 95.140571-75.264 128.731429l16.420572 55.954286-58.825143-33.572572c-21.211429 5.595429-43.117714 11.190857-65.005714 11.190857-103.314286 0-184.722286-72.758857-184.722286-163.017142-0.694857-89.545143 80.731429-162.322286 183.350857-162.322286zM419.108571 261.997714c106.514286 0 200.630857 66.468571 219.190858 155.776a206.08 206.08 0 0 0-20.608-1.389714c-103.076571 1.389714-184.137143 79.616-184.137143 176.530286 0 15.908571 2.742857 31.158857 6.857143 46.390857-6.857143 0.676571-14.427429 1.371429-21.302858 1.371428-27.465143 0-49.462857-5.540571-75.574857-11.757714l-75.574857 38.765714 21.302857-67.163428c-54.290286-38.765714-87.259429-89.289143-87.259428-149.522286 0-105.929143 98.249143-189.001143 217.106285-189.001143z m158.866286 243.419429c-10.349714 0-20.041143 12.306286-20.041143 23.168 0 12.324571 10.349714 23.186286 20.041143 23.186286 15.542857 0 25.874286-11.593143 25.874286-23.186286s-10.349714-23.168-25.874286-23.168z m126.299429 0c-10.349714 0-20.059429 12.306286-20.059429 23.168 0 12.324571 10.349714 23.186286 20.059429 23.186286 15.524571 0 25.874286-11.593143 25.874285-23.186286s-10.349714-23.168-25.874285-23.168z m-356.150857-162.285714c-15.652571 0-31.305143 11.593143-31.305143 28.982857 0 17.371429 15.652571 28.982857 31.305143 28.982857s26.093714-11.593143 26.093714-28.982857c0-18.102857-10.422857-28.982857-26.093714-28.982857z m160.731428 0c-15.634286 0-31.305143 11.593143-31.305143 28.982857 0 17.371429 15.670857 28.982857 31.323429 28.982857 15.652571 0 26.093714-12.324571 26.093714-28.982857 0-17.371429-10.441143-28.982857-26.093714-28.982857z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-riqi */}

      { name === 'icon-riqi' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M384 192v48h256V192h160v48h112c17.664 0 32 14.336 32 32V864c0 17.664-14.336 32-32 32H112c-17.664 0-32-14.336-32-32V272c0-17.664 14.336-32 32-32H224V192H384z m496 304H144V832h736V496z m0-192H144v128h736v-128z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,51,51)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-shuru */}

      { name === 'icon-shuru' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M896 864c0 17.664-14.336 32-32 32H160a32 32 0 0 1 0-64h704c17.664 0 32 14.336 32 32zM740.224 174.5408l45.2352 45.2352a64 64 0 0 1 0 90.5216L353.9456 741.8112a64 64 0 0 1-43.9296 18.7392l-79.5392 1.6128a32 32 0 0 1-32.64-31.3344v-1.3056l1.6128-79.5392a64 64 0 0 1 18.7392-43.9296L649.728 174.5408a64 64 0 0 1 90.5216 0z m-158.1056 158.0288l-318.6688 318.72-0.9216 46.1824 46.1824-0.9216L627.712 377.472l-45.6192-44.9024z m112.8448-112.7936l-67.584 67.5328 45.6192 44.9024 67.2256-67.1744-45.2608-45.2608z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,51,51)'}' opacity='.8' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-a-0tianzhangqi */}

      { name === 'icon-a-0tianzhangqi' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(89,102,247)'}' /%3E%3Cpath d='M721.993143 272c11.044571 0 20.004571 8.96 20.004571 20.004571v459.465143a10.002286 10.002286 0 0 1-16.164571 7.881143l-54.345143-42.532571a10.002286 10.002286 0 0 0-12.324571 0l-58.166858 45.531428c-7.241143 5.668571-17.408 5.668571-24.649142 0l-58.185143-45.531428a10.002286 10.002286 0 0 0-12.324572 0l-58.185143 45.531428c-7.241143 5.668571-17.408 5.668571-24.649142 0l-58.166858-45.531428a10.002286 10.002286 0 0 0-12.324571 0l-54.345143 42.532571a10.002286 10.002286 0 0 1-16.164571-7.862857V291.986286c0-11.044571 8.96-20.004571 20.004571-20.004572h419.986286z m-84.992 209.993143H386.998857a24.996571 24.996571 0 0 0 0 50.011428h250.002286a24.996571 24.996571 0 0 0 0-50.011428z m0-119.990857H386.998857a24.996571 24.996571 0 1 0 0 49.993143h250.002286a24.996571 24.996571 0 0 0 0-49.993143z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-huodaofukuan */}

      { name === 'icon-huodaofukuan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(74,127,255)'}' /%3E%3Cpath d='M224 400m32 0l512 0q32 0 32 32l0 304q0 32-32 32l-512 0q-32 0-32-32l0-304q0-32 32-32Z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3Cpath d='M320.475429 240h383.049142a32 32 0 0 1 26.038858 13.403429l52.370285 73.289142a16 16 0 0 1-13.019428 25.307429h-513.828572a16 16 0 0 1-13.019428-25.307429l52.370285-73.289142a32 32 0 0 1 26.038858-13.403429z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(255,255,255)'}' /%3E%3Cpath d='M591.085714 486.253714c7.899429 7.881143 8.301714 20.425143 1.243429 28.8l-1.243429 1.371429-27.611428 27.574857h23.186285a21.339429 21.339429 0 0 1 0 42.660571h-53.339428v32h53.339428a21.339429 21.339429 0 0 1 0 42.678858l-53.339428-0.018286v21.339428a21.339429 21.339429 0 0 1-42.660572 0v-21.339428h-53.321142a21.339429 21.339429 0 0 1 0-42.660572h53.321142v-32h-53.321142a21.339429 21.339429 0 1 1 0-42.660571h23.168l-27.593143-27.574857a21.339429 21.339429 0 0 1 28.818285-31.414857l1.353143 1.243428L512 535.168l48.914286-48.914286a21.339429 21.339429 0 0 1 30.171428 0z' fill='${(isStr ? colors : colors?.[3]) || 'rgb(74,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-huozhuziti */}

      { name === 'icon-huozhuziti' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,199,96)'}' /%3E%3Cpath d='M663.058286 282.002286c14.171429 0 27.282286 7.497143 34.468571 19.693714l105.124572 178.505143c11.648 11.721143 11.702857 27.538286 3.968 43.904-3.309714 7.003429-10.349714 11.465143-18.102858 11.465143h-34.121142l0.018285 193.005714c0 23.277714-18.285714 42.276571-41.289143 43.373714l-2.102857 0.054857H313.197714a43.410286 43.410286 0 0 1-43.392-43.428571V535.552h-34.048c-7.204571 0-13.805714-3.858286-17.353143-10.057143l-0.768-1.462857c-7.478857-15.981714-8.301714-30.811429 2.066286-43.428571l1.792-1.956572 103.588572-176.859428a39.990857 39.990857 0 0 1 34.523428-19.785143H663.04z m-131.053715 299.995428h-40.009142a29.988571 29.988571 0 0 0-29.988572 29.988572v130.011428h99.986286v-130.011428a29.988571 29.988571 0 0 0-29.988572-29.988572z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-saomazhifu */}

      { name === 'icon-saomazhifu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(89,102,247)'}' /%3E%3Cpath d='M301.988571 591.981714v130.011429h130.011429v40.009143h-149.997714c-11.044571 0-20.004571-8.96-20.004572-20.004572v-149.997714h39.990857z m460.013715 0.018286v149.997714c0 11.044571-8.96 20.004571-20.004572 20.004572h-149.997714v-40.009143h130.011429v-130.011429l39.990857 0.018286z m0-100.004571v40.009142H261.997714v-40.009142h500.004572z m-20.004572-229.997715c11.044571 0 20.004571 8.96 20.004572 20.004572v149.997714h-40.009143v-130.011429h-130.011429l0.018286-39.990857h149.997714z m-309.997714 0v39.990857h-130.011429v130.011429h-39.990857v-149.997714c0-11.044571 8.96-20.004571 20.004572-20.004572h149.997714z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-xianxiahuikuan */}

      { name === 'icon-xianxiahuikuan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(252,168,70)'}' /%3E%3Cpath d='M772.004571 401.993143c5.522286 0 10.002286 4.48 10.002286 10.002286v340.004571a10.002286 10.002286 0 0 1-10.002286 10.002286H251.977143a10.002286 10.002286 0 0 1-10.002286-10.002286V411.995429c0-5.522286 4.48-10.002286 10.002286-10.002286H772.022857zM586.148571 487.862857a20.004571 20.004571 0 0 0-28.288 0L512 533.705143l-45.860571-45.842286-1.28-1.170286a20.004571 20.004571 0 0 0-27.008 29.44l25.856 25.856h-21.705143a20.004571 20.004571 0 0 0 0 40.009143h49.993143v29.988572h-49.993143a20.004571 20.004571 0 0 0 0 40.009143h49.993143v20.004571a20.004571 20.004571 0 0 0 40.009142 0v-20.022857l49.993143 0.018286a20.004571 20.004571 0 0 0 0-39.990858h-50.011428v-30.025142l50.011428 0.018285a20.004571 20.004571 0 0 0 0-39.990857H560.274286l25.874285-25.856 1.170286-1.28c6.619429-7.862857 6.217143-19.620571-1.170286-27.008z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3Cpath d='M261.997714 292.004571m10.002286 0l480 0q10.002286 0 10.002286 10.002286l0 39.990857q0 10.002286-10.002286 10.002286l-480 0q-10.002286 0-10.002286-10.002286l0-39.990857q0-10.002286 10.002286-10.002286Z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-yufukuan */}

      { name === 'icon-yufukuan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(74,127,255)'}' /%3E%3Cpath d='M762.002286 421.997714c11.044571 0 20.004571 8.96 20.004571 20.004572v299.995428c0 11.044571-8.96 20.004571-20.004571 20.004572H261.997714c-11.044571 0-20.004571-8.96-20.004571-20.004572V442.002286c0-11.044571 8.96-20.004571 20.004571-20.004572h500.004572zM512 622.006857h-160a10.002286 10.002286 0 0 0-10.002286 10.002286v19.986286c0 5.522286 4.48 10.002286 10.002286 10.002285H512a10.002286 10.002286 0 0 0 10.002286-10.002285v-19.986286a10.002286 10.002286 0 0 0-10.002286-10.002286z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3Cpath d='M404.955429 223.872l322.377142 119.369143a20.004571 20.004571 0 0 1-6.948571 38.765714H325.412571a20.004571 20.004571 0 0 1-17.645714-29.44l63.049143-117.796571c5.814857-10.861714 21.101714-15.725714 34.157714-10.898286z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(255,255,255)'}' opacity='.7' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-xinzengshoucangjia */}

      { name === 'icon-xinzengshoucangjia' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 458.105263h1024v107.789474H0z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(213,213,213)'}' /%3E%3Cpath d='M458.105263 1024V0h107.789474v1024z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(213,213,213)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-qingchusousuo */}

      { name === 'icon-qingchusousuo' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 96A176.0256 176.0256 0 0 1 687.2832 256h160.7168a32 32 0 0 1 0 64h-32v544a64 64 0 0 1-64 64h-480a64 64 0 0 1-64-64V320h-32a32 32 0 0 1 0-64h160.7168A176.0256 176.0256 0 0 1 512 96z m240 224h-480v544h480V320z m-336 128c17.664 0 32 14.336 32 32v224a32 32 0 0 1-64 0v-224c0-17.664 14.336-32 32-32z m192 0c17.664 0 32 14.336 32 32v224a32 32 0 0 1-64 0v-224c0-17.664 14.336-32 32-32zM512 160A112.0256 112.0256 0 0 0 401.152 256h221.696A112.0256 112.0256 0 0 0 512 160z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.5' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-xuanzechenggong */}

      { name === 'icon-xuanzechenggong' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1422 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M1337.193078 33.364407a113.774617 113.774617 0 0 1 0 160.877309L572.912086 958.579595a113.774617 113.774617 0 0 1-160.877309 0L33.335963 579.823894a113.774617 113.774617 0 0 1 160.877309-160.877309l298.260159 298.203272L1176.258882 33.364407a113.774617 113.774617 0 0 1 154.733479-5.802506l6.257604 5.802506z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-gongnengtubiao-saomiao */}

      { name === 'icon-gongnengtubiao-saomiao' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M176 640v208h208v64H144a32 32 0 0 1-32-32V640h64z m736 0v240a32 32 0 0 1-32 32H640v-64h208V640h64z m0-160v64H112v-64h800z m-32-368a32 32 0 0 1 32 32v240h-64V176H640v-64h240z m-496 0v64H176v208h-64V144a32 32 0 0 1 32-32h240z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,51,51)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-bianjizidingyimadan */}

      { name === 'icon-bianjizidingyimadan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 0m89.043478 0l845.913044 0q89.043478 0 89.043478 89.043478l0 845.913044q0 89.043478-89.043478 89.043478l-845.913044 0q-89.043478 0-89.043478-89.043478l0-845.913044q0-89.043478 89.043478-89.043478Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(231,240,255)'}' /%3E%3Cpath d='M545.391304 244.869565v233.739131H779.130435v66.782608H545.391304V779.130435h-66.782608V545.391304H244.869565v-66.782608h233.739131V244.869565h66.782608z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-zidingyimadanyulan */}

      { name === 'icon-zidingyimadanyulan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 0m89.043478 0l845.913044 0q89.043478 0 89.043478 89.043478l0 845.913044q0 89.043478-89.043478 89.043478l-845.913044 0q-89.043478 0-89.043478-89.043478l0-845.913044q0-89.043478 89.043478-89.043478Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(231,240,255)'}' /%3E%3Cpath d='M823.652174 222.608696v267.130434H200.347826V222.608696h623.304348z m-556.521739 66.782608v133.565218h133.565217v-133.565218h-133.565217z m200.347826 133.565218h289.391304v-133.565218H467.478261v133.565218z m356.173913 111.304348v267.130434H200.347826V534.26087h623.304348z m-422.956522 66.782608h-133.565217v133.565218h133.565217v-133.565218z m356.173913 0H467.478261v133.565218h289.391304v-133.565218z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-yuanshimadanyulan */}

      { name === 'icon-yuanshimadanyulan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 0m89.043478 0l845.913044 0q89.043478 0 89.043478 89.043478l0 845.913044q0 89.043478-89.043478 89.043478l-845.913044 0q-89.043478 0-89.043478-89.043478l0-845.913044q0-89.043478 89.043478-89.043478Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(231,240,255)'}' /%3E%3Cpath d='M756.869565 200.347826a22.26087 22.26087 0 0 1 22.26087 22.26087v578.782608a22.26087 22.26087 0 0 1-22.26087 22.26087H267.130435a22.26087 22.26087 0 0 1-22.26087-22.26087V222.608696a22.26087 22.26087 0 0 1 22.26087-22.26087h489.73913z m-44.521739 66.782609H311.652174v489.73913h400.695652V267.130435z m-66.782609 244.869565v66.782609H378.434783v-66.782609h267.130434z m0-133.565217v66.782608H378.434783v-66.782608h267.130434z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-xiala */}

      { name === 'icon-xiala' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M828.7744 397.7216a32 32 0 0 0-43.4944-1.6128l-1.7408 1.6128L512 669.2608 240.4608 397.7216a32 32 0 0 0-43.4944-1.6128l-1.7408 1.6128a32 32 0 0 0-1.6384 43.52l1.6384 1.7408 294.144 294.144a32 32 0 0 0 43.52 1.6384l1.7408-1.6384 294.144-294.144a32 32 0 0 0 0-45.2608z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.4' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-shangla */}

      { name === 'icon-shangla' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M828.7744 626.2784a32 32 0 0 1-43.4944 1.6128l-1.7408-1.6128L512 354.7392 240.4608 626.2784a32 32 0 0 1-43.4944 1.6128l-1.7408-1.6128a32 32 0 0 1-1.6384-43.52l1.6384-1.7408 294.144-294.144a32 32 0 0 1 43.52-1.6384l1.7408 1.6384 294.144 294.144a32 32 0 0 1 0 45.2608z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.4' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-qingchuxinxi */}

      { name === 'icon-qingchuxinxi' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 96c229.76 0 416 186.24 416 416S741.76 928 512 928 96 741.76 96 512 282.24 96 512 96z m-113.152 257.6128a32 32 0 1 0-45.2352 45.2608L466.7392 512l-113.152 113.152a32 32 0 0 0-2.304 42.6496l2.304 2.5856a32 32 0 0 0 45.2864 0L512 557.2608l113.152 113.152a32 32 0 0 0 42.6496 2.304l2.5856-2.304a32 32 0 0 0 0-45.2864L557.2608 512l113.152-113.152a32 32 0 0 0 2.304-42.6496l-2.304-2.5856a32 32 0 0 0-45.2864 0L512 466.7392z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.3' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-sousuo */}

      { name === 'icon-sousuo' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M718.3872 243.2c123.5968 123.6224 130.7904 319.5392 21.5296 451.5328l1.1008 1.024 135.7568 135.7824a32 32 0 0 1-45.2352 45.2352l-135.7824-135.7568-1.024-1.1008c-131.9936 109.2608-327.936 102.0672-451.5072-21.504-131.2256-131.2256-131.2256-343.9872 0-475.1872 131.2-131.2256 343.9616-131.2256 475.1616 0z m-45.2608 45.2608c-106.2144-106.2144-278.4256-106.2144-384.6656 0-106.2144 106.24-106.2144 278.4512 0 384.6656 97.9712 97.9712 253.4144 106.24 360.7552 21.2992l4.7104-3.8144 20.0704-16.6144 16.64-20.0704c87.6544-105.9072 82.0992-261.4528-13.2352-361.088l-4.2752-4.352z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.3' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-guanli */}

      { name === 'icon-guanli' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M800 96c44.1856 0 80 35.84 80 80v672c0 44.1856-35.84 80-80 80H224a80 80 0 0 1-80-80V176c0-44.1856 35.84-80 80-80z m0 64H224a16 16 0 0 0-16 16v672c0 8.832 7.168 16 16 16h576c8.832 0 16-7.168 16-16V176a16 16 0 0 0-16-16zM688 640a32 32 0 0 1 0 64h-352a32 32 0 0 1 0-64h352z m0-160a32 32 0 0 1 0 64h-352a32 32 0 0 1 0-64h352z m0-160a32 32 0 0 1 0 64h-352a32 32 0 0 1 0-64h352z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-bianji */}

      { name === 'icon-bianji' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M480 112a32 32 0 0 1 0 64H176v672h672V576a32 32 0 0 1 64 0v304a32 32 0 0 1-32 32h-736a32 32 0 0 1-32-32v-736a32 32 0 0 1 32-32H480z m454.624-22.624a32 32 0 0 1 1.888 43.2l-1.888 2.048-400 400a32 32 0 0 1-47.136-43.2l1.888-2.048 400-400a32 32 0 0 1 45.248 0z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(69,129,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-shoucangjia */}

      { name === 'icon-shoucangjia' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(222,243,253)'}' /%3E%3Cpath d='M768.256 402.6368c8.977067 0.9216 17.92 3.242667 26.897067 6.9632 8.977067 3.720533 16.759467 8.942933 23.364266 15.6672 6.6048 6.741333 11.554133 15.223467 14.848 25.429333 3.310933 10.222933 3.7888 22.528 1.4336 36.9152-0.955733 3.720533-2.833067 12.9024-5.666133 27.528534s-6.144 31.453867-9.898667 50.500266a1786.197333 1786.197333 0 0 1-12.7488 58.862934 952.661333 952.661333 0 0 1-13.448533 51.882666c-2.3552 8.362667-5.7856 16.964267-10.257067 25.770667a96.375467 96.375467 0 0 1-17.3568 24.046933 87.2448 87.2448 0 0 1-25.463466 17.749334c-9.915733 4.6592-21.7088 6.980267-35.396267 6.980266H312.456533c-9.898667 0-20.1728-2.082133-30.788266-6.263466a103.133867 103.133867 0 0 1-29.354667-17.7664 91.869867 91.869867 0 0 1-21.947733-27.869867c-5.666133-10.922667-8.4992-23.108267-8.4992-36.573867v-298.837333c0-28.330667 7.7824-50.517333 23.364266-66.525867C260.778667 281.088 282.7264 273.066667 311.04 273.066667H659.285333c10.376533 0 21.111467 1.979733 32.2048 5.922133 11.093333 3.9424 21.111467 9.403733 30.071467 16.384 8.977067 6.946133 16.2816 15.069867 21.947733 24.3712 5.666133 9.284267 8.4992 19.268267 8.4992 29.952v7.662933h-36.8128c-18.875733 0-40.925867-0.119467-66.167466-0.341333-25.258667-0.238933-52.138667-0.3584-80.6912-0.3584-28.552533 0-55.210667-0.119467-79.9744-0.341333-24.7808-0.238933-46.1312-0.341333-64.0512-0.341334h-32.5632c-12.270933 0-21.828267 3.822933-28.672 11.485867-6.826667 7.662933-12.151467 17.749333-15.9232 30.293333-3.754667 13.482667-8.021333 27.7504-12.731734 42.837334-4.727467 15.104-8.96 29.149867-12.7488 42.154666-4.7104 15.325867-9.437867 30.173867-14.148266 44.578134a38.570667 38.570667 0 0 0-1.416534 9.045333c0 7.901867 2.7136 14.506667 8.1408 19.8656 5.4272 5.341867 12.151467 8.021333 20.1728 8.021333 14.626133 0 24.5248-9.0624 29.730134-27.1872l37.512533-135.133866c61.3376 0.4608 117.486933 0.682667 168.448 0.682666h198.161067z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3Cpath d='M699.733333 699.733333m-187.733333 0a187.733333 187.733333 0 1 0 375.466667 0 187.733333 187.733333 0 1 0-375.466667 0Z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(188,231,254)'}' /%3E%3Cpath d='M716.8 614.4l159.812267 148.394667a188.245333 188.245333 0 0 1-117.2992 115.029333L614.4 716.8l85.333333-17.066667 17.066667-85.333333z' fill='${(isStr ? colors : colors?.[3]) || 'rgb(156,218,253)'}' /%3E%3Cpath d='M716.8 614.4v68.266667h68.266667v34.133333h-68.266667v68.266667h-34.133333v-68.266667h-68.266667v-34.133333h68.266667v-68.266667h34.133333z' fill='${(isStr ? colors : colors?.[4]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-shezhi */}

      { name === 'icon-shezhi' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 21.333333l424.938667 245.333334v490.666666L512 1002.666667 87.061333 757.333333v-490.666666L512 21.333333z m0 98.538667l-339.605333 196.053333V708.053333L512 904.106667l339.584-196.053334V315.925333L512 119.872zM512 341.333333a170.666667 170.666667 0 1 1 0 341.333334 170.666667 170.666667 0 0 1 0-341.333334z m0 85.333334a85.333333 85.333333 0 1 0 0 170.666666 85.333333 85.333333 0 0 0 0-170.666666z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(46,47,50)'}' opacity='.8' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-tishi */}

      { name === 'icon-tishi' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 64c247.424 0 448 200.576 448 448s-200.576 448-448 448S64 759.424 64 512 264.576 64 512 64z m0 64C299.936 128 128 299.936 128 512s171.936 384 384 384 384-171.936 384-384S724.064 128 512 128z m29.248 556.896V752h-64.32v-67.104h64.32zM515.712 272c42.464 0 76.48 12.096 101.984 36.288 25.536 24.192 38.304 55.104 38.304 92.736 0 22.816-4.672 41.28-14.08 55.488-9.344 14.208-28.256 35.072-56.704 62.592-20.704 20-34.112 36.928-40.256 50.784-6.144 13.888-9.216 34.368-9.216 61.44h-57.536c0-30.72 3.68-55.52 11.008-74.336 7.328-18.816 23.36-40.384 48.16-64.64l25.856-25.504c7.744-7.328 14.016-14.944 18.752-22.912 8.64-13.984 12.928-28.48 12.928-43.52 0-21.12-6.304-39.36-18.912-54.88-12.608-15.456-33.44-23.2-62.56-23.2-35.968 0-60.864 13.312-74.656 40-7.744 14.816-12.16 36.224-13.248 64.192H368c0-46.464 13.12-83.84 39.424-112.096 26.304-28.288 62.4-42.432 108.288-42.432z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.6' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-erweima */}

      { name === 'icon-erweima' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M362.666667 64a42.666667 42.666667 0 0 1 42.666666 42.666667v256a42.666667 42.666667 0 0 1-42.666666 42.666666H106.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V106.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h256z m-21.333334 64H128v213.333333h213.333333V128z m21.333334 512a42.666667 42.666667 0 0 1 42.666666 42.666667v256a42.666667 42.666667 0 0 1-42.666666 42.666666H106.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V682.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h256z m-21.333334 64H128v213.333333h213.333333V704z m181.333334-640A32 32 0 0 1 554.666667 96v277.333333a32 32 0 0 1-64 0v-277.333333A32 32 0 0 1 522.666667 64z m128 576a32 32 0 0 1 32 32v277.333333a32 32 0 0 1-64 0v-277.333333a32 32 0 0 1 32-32z m149.333333 0a32 32 0 0 1 32 32v277.333333a32 32 0 0 1-64 0v-277.333333a32 32 0 0 1 32-32z m149.333333 0a32 32 0 0 1 32 32v277.333333a32 32 0 0 1-64 0v-277.333333a32 32 0 0 1 32-32z m-853.333333-149.333333h853.333333a32 32 0 0 1 0 64h-853.333333a32 32 0 0 1 0-64zM938.666667 64a42.666667 42.666667 0 0 1 42.666666 42.666667v256a42.666667 42.666667 0 0 1-42.666666 42.666666H682.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V106.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h256z m-21.333334 64H704v213.333333h213.333333V128z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(45,39,57)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-dianjishoucang */}

      { name === 'icon-dianjishoucang' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M440.2176 108.9024a79.8208 79.8208 0 0 1 143.5392 0l96.3072 196.352a16.0256 16.0256 0 0 0 12.0576 8.832l215.3472 31.488a80.4608 80.4608 0 0 1 67.6864 91.264 80.7168 80.7168 0 0 1-23.3472 46.08l-155.8016 152.832-44.6976-46.1312 155.8272-152.832a16.128 16.128 0 0 0-8.8832-27.4688l-215.3472-31.488a80.0768 80.0768 0 0 1-60.2624-44.032l-96.2816-196.352a15.9744 15.9744 0 0 0-28.6976 0l-96.3328 196.352a80.0768 80.0768 0 0 1-60.2624 44.032l-215.3472 31.488a16.1792 16.1792 0 0 0-8.8832 27.4688l155.8528 152.832a80.8448 80.8448 0 0 1 23.0144 71.296l-36.7872 215.808a16.2048 16.2048 0 0 0 1.6128 10.24c4.096 7.8592 13.7984 10.88 21.6064 6.7328l192.6144-101.888 29.7984 57.0368-192.6144 101.888a79.7952 79.7952 0 0 1-108.0832-33.792 80.9728 80.9728 0 0 1-8.0384-51.0976l36.7872-215.808a16.1792 16.1792 0 0 0-4.608-14.2592l-155.8272-152.832a80.896 80.896 0 0 1-1.4336-113.92 79.872 79.872 0 0 1 45.7984-23.4752l215.3472-31.488a16.0256 16.0256 0 0 0 12.032-8.8064l96.3072-196.352z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3Cpath d='M576 784h288v64H576z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3Cpath d='M688 960V672h64V960z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-gouwuche */}

      { name === 'icon-gouwuche' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M288 816m64 0l0 0q64 0 64 64l0 0q0 64-64 64l0 0q-64 0-64-64l0 0q0-64 64-64Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(68,68,68)'}' /%3E%3Cpath d='M696 816m64 0l0 0q64 0 64 64l0 0q0 64-64 64l0 0q-64 0-64-64l0 0q0-64 64-64Z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(68,68,68)'}' /%3E%3Cpath d='M167.765333 152c27.52 0 50.965333 19.989333 55.296 47.168l16.981334 106.432h633.898666c2.133333 0 4.288 0.128 6.421334 0.362667l3.2 0.469333a56 56 0 0 1 45.546666 64.768l-62.378666 358.4a56 56 0 0 1-55.168 46.4h-497.28a56 56 0 0 1-55.296-47.168L175.658667 206.72a8 8 0 0 0-7.893334-6.741333H80a24 24 0 0 1 0-48h87.765333z m138.602667 569.258667a8 8 0 0 0 7.893333 6.741333h497.28a8 8 0 0 0 7.893334-6.613333l62.4-358.4a8 8 0 0 0-6.506667-9.258667l-0.682667-0.106667-626.944-0.021333 58.666667 367.658667z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(68,68,68)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-shoucangchenggong */}

      { name === 'icon-shoucangchenggong' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M456.8064 119.6288a75.392 75.392 0 0 1 135.9872 0l91.4944 187.6736c3.6608 7.552 10.7776 12.8 19.0208 14.0032l204.544 30.1056c41.472 6.0928 70.1696 45.056 64.1536 87.04a77.1328 77.1328 0 0 1-22.1184 43.9296l-137.1648 135.3728-137.7792 130.7136-93.6192-93.824a25.6 25.6 0 0 0-36.2496 36.1728l111.2832 111.488a25.6 25.6 0 0 0 35.7376 0.512l110.4384-104.8064 27.008 159.4112c6.8352 40.2944-18.688 78.6432-57.5488 87.7568l-4.352 0.896a75.008 75.008 0 0 1-48.128-7.7056L536.576 840.96a25.0112 25.0112 0 0 0-23.5264 0l-182.9632 97.408a75.3664 75.3664 0 0 1-102.4-32.256 77.6192 77.6192 0 0 1-7.6032-48.6912l34.9184-206.2848a25.8048 25.8048 0 0 0-7.2704-22.656l-147.9936-146.0992A77.4656 77.4656 0 0 1 98.304 373.76a75.52 75.52 0 0 1 43.392-22.3744l204.544-30.1056a25.2928 25.2928 0 0 0 19.0464-14.0032z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(247,195,88)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-fenxiangshangpin */}

      { name === 'icon-fenxiangshangpin' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M542.976 112.896l-3.2 0.0768A64 64 0 0 0 478.976 176.896l-0.0256 117.7344-6.7328 2.176c-160.256 52.48-269.824 119.296-328.2688 202.24-52.992 75.2128-83.6352 180.5568-92.928 315.8272l-0.6656 10.752A64.0256 64.0256 0 0 0 110.4384 893.44c20.4032 1.2032 40.192-7.424 53.1712-23.2192 48.896-59.2896 96.4608-101.8624 142.2592-127.872l5.4272-2.9952c43.8784-23.3984 98.304-34.6112 163.5328-33.28l4.1216 0.1536v155.904a64 64 0 0 0 107.5712 46.8992l368.9728-342.6048a64 64 0 0 0 0-93.7984L586.496 129.9968a64 64 0 0 0-43.5456-17.1008z m0 64l368.9728 342.6304L542.976 862.1312v-186.1888c0-16.6912-12.8-30.5664-29.44-31.8976-95.232-7.7056-175.1552 6.272-239.2576 42.6496l-6.656 3.8656C218.7776 719.616 169.984 763.3152 120.8832 821.504l-6.656 7.9872 0.6656-10.3936c8.5248-124.3904 35.9936-218.7776 81.3824-283.1872 52.1728-74.0864 160-137.1392 324.0192-187.1616a32 32 0 0 0 22.656-30.6176V176.896z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-kefu */}

      { name === 'icon-kefu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 152c162.133333 0 296.448 119.082667 320.256 274.56a84.138667 84.138667 0 0 1 79.744 84.010667v165.653333a84.138667 84.138667 0 0 1-84.138667 84.117333H796.16a84.138667 84.138667 0 0 1-84.138667-84.117333v-165.653333c0-42.24 31.146667-77.226667 71.701334-83.221334C760.746667 298.133333 647.829333 200 512 200c-135.829333 0-248.746667 98.133333-271.722667 227.370667a84.138667 84.138667 0 0 1 71.722667 83.2v165.653333a84.16 84.16 0 0 1-66.474667 82.261333 126.293333 126.293333 0 0 0 116.736 78.037334h69.866667a83.370667 83.370667 0 0 1 163.136 20.330666l0.064 3.818667a83.328 83.328 0 0 1-163.2 23.850667h-69.866667a174.336 174.336 0 0 1-165.269333-118.826667l-1.706667-5.376-3.477333-0.085333a84.138667 84.138667 0 0 1-79.808-84.010667v-165.653333a84.138667 84.138667 0 0 1 79.786667-84.032C215.573333 271.082667 349.866667 152 512 152z m0 673.045333c-18.666667 0-33.941333 14.464-35.242667 32.810667l-0.085333 2.816a35.328 35.328 0 0 0 70.570667 2.517333l0.085333-2.816c0-19.52-15.808-35.328-35.328-35.328z m324.010667-349.696v1.173334h-48l-0.021334-1.173334a36.138667 36.138667 0 0 0-27.989333 35.2v165.674667c0 19.946667 16.170667 36.117333 36.138667 36.117333h31.722666c19.968 0 36.138667-16.170667 36.138667-36.117333v-165.653333c0-17.152-11.946667-31.530667-27.989333-35.2zM160 510.549333v165.674667c0 17.152 11.946667 31.530667 28.010667 35.2v-1.173333h48l0.021333 1.173333a36.138667 36.138667 0 0 0 27.968-35.2v-165.653333c0-17.152-11.946667-31.530667-27.989333-35.2v1.152h-48l-0.021334-1.173334a36.138667 36.138667 0 0 0-27.989333 35.2z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(68,68,68)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-xinzenganniu */}

      { name === 'icon-xinzenganniu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 0m341.333333 0l341.333334 0q341.333333 0 341.333333 341.333333l0 341.333334q0 341.333333-341.333333 341.333333l-341.333334 0q-341.333333 0-341.333333-341.333333l0-341.333334q0-341.333333 341.333333-341.333333Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,127,255)'}' /%3E%3Cpath d='M512 256a32 32 0 0 1 32 32l-0.021333 192H736a32 32 0 0 1 0 64h-192.021333l0.021333 192a32 32 0 0 1-64 0l-0.021333-192H288a32 32 0 0 1 0-64h191.978667l0.021333-192A32 32 0 0 1 512 256z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-jianshaoanniu */}

      { name === 'icon-jianshaoanniu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M675.84 10.24H348.16C161.52576 10.24 10.24 161.52576 10.24 348.16v327.68c0 186.63424 151.28576 337.92 337.92 337.92h327.68c186.63424 0 337.92-151.28576 337.92-337.92V348.16C1013.76 161.52576 862.47424 10.24 675.84 10.24z m0 20.48c175.3088 0 317.44 142.1312 317.44 317.44v327.68c0 175.3088-142.1312 317.44-317.44 317.44H348.16C172.8512 993.28 30.72 851.1488 30.72 675.84V348.16C30.72 172.8512 172.8512 30.72 348.16 30.72h327.68z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,127,255)'}' /%3E%3Cpath d='M296.96 481.28m30.72 0l368.64 0q30.72 0 30.72 30.72l0 0q0 30.72-30.72 30.72l-368.64 0q-30.72 0-30.72-30.72l0 0q0-30.72 30.72-30.72Z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-daifahuo2 */}

      { name === 'icon-daifahuo2' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M864 416a32 32 0 0 1 32 32v416a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V448a32 32 0 0 1 32-32h704z m-80 320H528a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z m0-128H608a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' /%3E%3Cpath d='M748.8 192a32 32 0 0 1 28.24 16.944L896 432v16a32 32 0 0 0-32-32H160a32 32 0 0 0-32 32v-16l118.96-223.056A32 32 0 0 1 275.2 192h473.6z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-daishouhuo2 */}

      { name === 'icon-daishouhuo2' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M904 240a32 32 0 0 1 32 32v541.152a32 32 0 0 1-32 32h-79.76a114.016 114.016 0 0 0-111.248-88.88 114.016 114.016 0 0 0-111.232 88.864H416.24a114.016 114.016 0 0 0-111.248-88.864 114.016 114.016 0 0 0-111.232 88.864H128a32 32 0 0 1-32-32V535.472a32 32 0 0 1 6.656-19.52l133.744-173.6a32 32 0 0 1 25.344-12.48H456V272a32 32 0 0 1 32-32h416zM712.992 804.272a66.016 66.016 0 0 1 61.088 40.864h-122.16a66.016 66.016 0 0 1 61.088-40.864z m-408 0a66.016 66.016 0 0 1 61.088 40.864h-122.16a66.016 66.016 0 0 1 61.088-40.864z m61.008-388.48h-36.016a36 36 0 0 0-28.784 14.368l-107.92 143.68a36 36 0 0 0 28.8 57.6h143.92a36 36 0 0 0 36-36v-143.664a36 36 0 0 0-36-36z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' /%3E%3Cpath d='M305.008 804.272a65.92 65.92 0 0 1 66 65.872 65.92 65.92 0 0 1-66 65.856 65.92 65.92 0 0 1-66-65.856 65.92 65.92 0 0 1 65.984-65.872zM713.008 804.272a65.92 65.92 0 0 1 65.984 65.872 65.92 65.92 0 0 1-65.984 65.856 65.92 65.92 0 0 1-66.016-65.856 65.92 65.92 0 0 1 66.016-65.872z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-tuikuan-shouhou */}

      { name === 'icon-tuikuan-shouhou' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M848 384a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H176a32 32 0 0 1-32-32V416a32 32 0 0 1 32-32h672z m-376.448 112H384l11.264 13.312 68.608 132.608h-71.168l-6.656 48.64h77.312l-13.312 95.232h77.824l13.312-95.232h77.824l6.656-48.64h-71.168L670.72 496h-83.504l-71.12 98.816L471.552 496z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' opacity='.95' /%3E%3Cpath d='M335.536 148.56a32 32 0 0 1 35.12 53.44l-2.192 1.44L307.488 240H832a32 32 0 0 1 31.92 29.6L864 272a32 32 0 0 1-29.6 31.92L832 304H192c-31.616 0-43.68-40.576-18.528-58.112l2.064-1.328 160-96z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-daipeibu2 */}

      { name === 'icon-daipeibu2' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M864 496v317.088A34.912 34.912 0 0 1 829.088 848H290.912A34.912 34.912 0 0 1 256 813.088V496h608zM256 274.912c0-19.28 15.632-34.912 34.912-34.912h538.176c19.28 0 34.912 15.632 34.912 34.912V432H256v-157.088z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' /%3E%3Cpath d='M240 144a16 16 0 0 1 16 16v668.112c7.84 5.28 14.624 12.032 19.888 19.888H864a32 32 0 0 1 32 32v16a32 32 0 0 1-32 32H275.872A72 72 0 1 1 176 828.144V224L128 224a16 16 0 0 1-16-16v-48a16 16 0 0 1 16-16h112z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
{/* icon-daifukuan2 */}

      { name === 'icon-daifukuan2' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M848 368a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H176a32 32 0 0 1-32-32V400a32 32 0 0 1 32-32h672zM512 688H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h272a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' /%3E%3Cpath d='M765.664 216.496L812 368H160.688l565.024-172.736a32 32 0 0 1 39.952 21.248z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }

    </Block>
  )
}

export default IconFont