Dingdong_client/components/SvgIcon.js

import * as React from 'react'
import { svg, path } from 'react-native-svg'
import { withTheme } from 'react-native-paper'
import names from '../Utils/SvgUtils'

function Icon(props) {
  const { name, width, height, type, theme } = props
  let { color } = props
  const { colors } = theme
  if (type) {
    color = colors[type]
  }
  return (
    <svg width={width || 32} height={height || 32} viewBox="0 0 1024 1024">
      <path fill={color || '#000000'} d={names[name || 'home']} />
    </svg>
  )
}

export default withTheme(Icon)