Source: assets/icons/NewAdIcon.js

import React from 'react';
import { View } from 'react-native';
import Svg, { Path } from 'react-native-svg';

const SvgComponent = props => (
  <Svg viewBox="0 0 47 60" fill="currentColor" {...props}>
    <Path d="M32.414 0H0v60h47V14.586L32.414 0zM33 3.414L43.586 14H33V3.414zM2 58V2h29v14h14v42H2z" />
    <Path d="M36 21H20a1 1 0 100 2h16a1 1 0 100-2zM16.375 18.219l-4.301 3.441-1.367-1.367a.999.999 0 10-1.414 1.414l2 2a.998.998 0 001.331.074l5-4a1 1 0 00-1.249-1.562zM36 32H20a1 1 0 100 2h16a1 1 0 100-2zM16.375 29.219l-4.301 3.441-1.367-1.367a.999.999 0 10-1.414 1.414l2 2a.998.998 0 001.331.074l5-4a1 1 0 00-1.249-1.562zM36 43H20a1 1 0 100 2h16a1 1 0 100-2zM16.375 40.219l-4.301 3.441-1.367-1.367a.999.999 0 10-1.414 1.414l2 2a.998.998 0 001.331.074l5-4a1 1 0 00-1.249-1.562z" />
  </Svg>
);

/**
 * New Ad icon created from SVG from Fixrate.
 * Used in tab-navigator.
 * Imported in MainNavigator.js.
 * Code is generated through https://react-svgr.com/playground/?native=true
 * @memberof module:Components
 * @param {styleObject} props
 */
const NewAdIcon = props => {
  const { style } = props;
  const component = SvgComponent(style);

  return <View style={style}>{component}</View>;
};

export default NewAdIcon;