insights-js/examples/example-expo-53/components/ui/IconSymbol.ios.tsx

import { SymbolView, SymbolViewProps, SymbolWeight } from 'expo-symbols'
import { StyleProp, ViewStyle } from 'react-native'

export function IconSymbol({
  name,
  size = 24,
  color,
  style,
  weight = 'regular',
}: {
  name: SymbolViewProps['name']
  size?: number
  color: string
  style?: StyleProp<ViewStyle>
  weight?: SymbolWeight
}) {
  return (
    <SymbolView
      weight={weight}
      tintColor={color}
      resizeMode="scaleAspectFit"
      name={name}
      style={[
        {
          width: size,
          height: size,
        },
        style,
      ]}
    />
  )
}