fontawesome

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faGooglepay } from '@fortawesome/free-solid-svg-icons';

import * as React from "react";

function FontawesomeGooglePay(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <path d="M105.72 215v41.25h57.1a49.66 49.66 0 01-21.14 32.6c-9.54 6.55-21.72 10.28-36 10.28-27.6 0-50.93-18.91-59.3-44.22a65.61 65.61 0 010-41c8.37-25.46 31.7-44.37 59.3-44.37a56.43 56.43 0 0140.51 16.08L176.47 155a101.24 101.24 0 00-70.75-27.84 105.55 105.55 0 00-94.38 59.11 107.64 107.64 0 000 96.18v.15a105.41 105.41 0 0094.38 59c28.47 0 52.55-9.53 70-25.91 20-18.61 31.41-46.15 31.41-78.91a133.76 133.76 0 00-1.75-21.78zm389.41-4c-10.13-9.38-23.93-14.14-41.39-14.14-22.46 0-39.34 8.34-50.5 24.86l20.85 13.26q11.45-17 31.26-17a34.05 34.05 0 0122.75 8.79 28.14 28.14 0 019.69 21.23v5.51c-9.1-5.07-20.55-7.75-34.64-7.75-16.44 0-29.65 3.88-39.49 11.77s-14.82 18.31-14.82 31.56a39.74 39.74 0 0013.94 31.27c9.25 8.34 21 12.51 34.79 12.51 16.29 0 29.21-7.3 39-21.89h1v17.72h22.61V250c.07-16.55-4.92-29.66-15.05-39zm-19.23 89.3a37.32 37.32 0 01-26.57 11.16 28.61 28.61 0 01-18.33-6.25 19.41 19.41 0 01-7.77-15.63c0-7 3.22-12.81 9.54-17.42s14.53-7 24.07-7c13.16-.16 23.46 2.84 30.8 8.78 0 10.13-3.96 18.91-11.74 26.36zm-93.65-142a55.71 55.71 0 00-40.51-16.3h-62.67v186.74h23.63V253.1h39c16 0 29.5-5.36 40.51-15.93.88-.89 1.76-1.79 2.65-2.68a54.45 54.45 0 00-2.61-76.23zm-16.58 62.23a30.65 30.65 0 01-23.34 9.68H302.7V165h39.63a32 32 0 0122.6 9.23 33.18 33.18 0 01.74 46.26zM614.31 201l-36.54 91.7h-.45L539.9 201h-25.69L566 320.55l-29.35 64.32H561L640 201z" />
    </svg>
  );
}

export default FontawesomeGooglePay;


import * as React from "react";

function FontawesomeGooglePay(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <path d="M105.72 215v41.25h57.1a49.66 49.66 0 01-21.14 32.6c-9.54 6.55-21.72 10.28-36 10.28-27.6 0-50.93-18.91-59.3-44.22a65.61 65.61 0 010-41c8.37-25.46 31.7-44.37 59.3-44.37a56.43 56.43 0 0140.51 16.08L176.47 155a101.24 101.24 0 00-70.75-27.84 105.55 105.55 0 00-94.38 59.11 107.64 107.64 0 000 96.18v.15a105.41 105.41 0 0094.38 59c28.47 0 52.55-9.53 70-25.91 20-18.61 31.41-46.15 31.41-78.91a133.76 133.76 0 00-1.75-21.78zm389.41-4c-10.13-9.38-23.93-14.14-41.39-14.14-22.46 0-39.34 8.34-50.5 24.86l20.85 13.26q11.45-17 31.26-17a34.05 34.05 0 0122.75 8.79 28.14 28.14 0 019.69 21.23v5.51c-9.1-5.07-20.55-7.75-34.64-7.75-16.44 0-29.65 3.88-39.49 11.77s-14.82 18.31-14.82 31.56a39.74 39.74 0 0013.94 31.27c9.25 8.34 21 12.51 34.79 12.51 16.29 0 29.21-7.3 39-21.89h1v17.72h22.61V250c.07-16.55-4.92-29.66-15.05-39zm-19.23 89.3a37.32 37.32 0 01-26.57 11.16 28.61 28.61 0 01-18.33-6.25 19.41 19.41 0 01-7.77-15.63c0-7 3.22-12.81 9.54-17.42s14.53-7 24.07-7c13.16-.16 23.46 2.84 30.8 8.78 0 10.13-3.96 18.91-11.74 26.36zm-93.65-142a55.71 55.71 0 00-40.51-16.3h-62.67v186.74h23.63V253.1h39c16 0 29.5-5.36 40.51-15.93.88-.89 1.76-1.79 2.65-2.68a54.45 54.45 0 00-2.61-76.23zm-16.58 62.23a30.65 30.65 0 01-23.34 9.68H302.7V165h39.63a32 32 0 0122.6 9.23 33.18 33.18 0 01.74 46.26zM614.31 201l-36.54 91.7h-.45L539.9 201h-25.69L566 320.55l-29.35 64.32H561L640 201z" />
    </svg>
  );
}

export default FontawesomeGooglePay;


import { FaGooglePay } from react-icons/fa;

import * as React from "react";
import Svg, { Path } from "react-native-svg";

function FontawesomeGooglePay(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <Path d="M105.72 215v41.25h57.1a49.66 49.66 0 01-21.14 32.6c-9.54 6.55-21.72 10.28-36 10.28-27.6 0-50.93-18.91-59.3-44.22a65.61 65.61 0 010-41c8.37-25.46 31.7-44.37 59.3-44.37a56.43 56.43 0 0140.51 16.08L176.47 155a101.24 101.24 0 00-70.75-27.84 105.55 105.55 0 00-94.38 59.11 107.64 107.64 0 000 96.18v.15a105.41 105.41 0 0094.38 59c28.47 0 52.55-9.53 70-25.91 20-18.61 31.41-46.15 31.41-78.91a133.76 133.76 0 00-1.75-21.78zm389.41-4c-10.13-9.38-23.93-14.14-41.39-14.14-22.46 0-39.34 8.34-50.5 24.86l20.85 13.26q11.45-17 31.26-17a34.05 34.05 0 0122.75 8.79 28.14 28.14 0 019.69 21.23v5.51c-9.1-5.07-20.55-7.75-34.64-7.75-16.44 0-29.65 3.88-39.49 11.77s-14.82 18.31-14.82 31.56a39.74 39.74 0 0013.94 31.27c9.25 8.34 21 12.51 34.79 12.51 16.29 0 29.21-7.3 39-21.89h1v17.72h22.61V250c.07-16.55-4.92-29.66-15.05-39zm-19.23 89.3a37.32 37.32 0 01-26.57 11.16 28.61 28.61 0 01-18.33-6.25 19.41 19.41 0 01-7.77-15.63c0-7 3.22-12.81 9.54-17.42s14.53-7 24.07-7c13.16-.16 23.46 2.84 30.8 8.78 0 10.13-3.96 18.91-11.74 26.36zm-93.65-142a55.71 55.71 0 00-40.51-16.3h-62.67v186.74h23.63V253.1h39c16 0 29.5-5.36 40.51-15.93.88-.89 1.76-1.79 2.65-2.68a54.45 54.45 0 00-2.61-76.23zm-16.58 62.23a30.65 30.65 0 01-23.34 9.68H302.7V165h39.63a32 32 0 0122.6 9.23 33.18 33.18 0 01.74 46.26zM614.31 201l-36.54 91.7h-.45L539.9 201h-25.69L566 320.55l-29.35 64.32H561L640 201z" />
    </Svg>
  );
}

export default FontawesomeGooglePay;


import * as React from "react";
import Svg, { SvgProps, Path } from "react-native-svg";

function FontawesomeGooglePay(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <Path d="M105.72 215v41.25h57.1a49.66 49.66 0 01-21.14 32.6c-9.54 6.55-21.72 10.28-36 10.28-27.6 0-50.93-18.91-59.3-44.22a65.61 65.61 0 010-41c8.37-25.46 31.7-44.37 59.3-44.37a56.43 56.43 0 0140.51 16.08L176.47 155a101.24 101.24 0 00-70.75-27.84 105.55 105.55 0 00-94.38 59.11 107.64 107.64 0 000 96.18v.15a105.41 105.41 0 0094.38 59c28.47 0 52.55-9.53 70-25.91 20-18.61 31.41-46.15 31.41-78.91a133.76 133.76 0 00-1.75-21.78zm389.41-4c-10.13-9.38-23.93-14.14-41.39-14.14-22.46 0-39.34 8.34-50.5 24.86l20.85 13.26q11.45-17 31.26-17a34.05 34.05 0 0122.75 8.79 28.14 28.14 0 019.69 21.23v5.51c-9.1-5.07-20.55-7.75-34.64-7.75-16.44 0-29.65 3.88-39.49 11.77s-14.82 18.31-14.82 31.56a39.74 39.74 0 0013.94 31.27c9.25 8.34 21 12.51 34.79 12.51 16.29 0 29.21-7.3 39-21.89h1v17.72h22.61V250c.07-16.55-4.92-29.66-15.05-39zm-19.23 89.3a37.32 37.32 0 01-26.57 11.16 28.61 28.61 0 01-18.33-6.25 19.41 19.41 0 01-7.77-15.63c0-7 3.22-12.81 9.54-17.42s14.53-7 24.07-7c13.16-.16 23.46 2.84 30.8 8.78 0 10.13-3.96 18.91-11.74 26.36zm-93.65-142a55.71 55.71 0 00-40.51-16.3h-62.67v186.74h23.63V253.1h39c16 0 29.5-5.36 40.51-15.93.88-.89 1.76-1.79 2.65-2.68a54.45 54.45 0 00-2.61-76.23zm-16.58 62.23a30.65 30.65 0 01-23.34 9.68H302.7V165h39.63a32 32 0 0122.6 9.23 33.18 33.18 0 01.74 46.26zM614.31 201l-36.54 91.7h-.45L539.9 201h-25.69L566 320.55l-29.35 64.32H561L640 201z" />
    </Svg>
  );
}

export default FontawesomeGooglePay;


import styled, { css } from 'styled-components';

import styled, { css } from "styled-components";

const SvgIcon = (props) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <path d="M105.72 215v41.25h57.1a49.66 49.66 0 01-21.14 32.6c-9.54 6.55-21.72 10.28-36 10.28-27.6 0-50.93-18.91-59.3-44.22a65.61 65.61 0 010-41c8.37-25.46 31.7-44.37 59.3-44.37a56.43 56.43 0 0140.51 16.08L176.47 155a101.24 101.24 0 00-70.75-27.84 105.55 105.55 0 00-94.38 59.11 107.64 107.64 0 000 96.18v.15a105.41 105.41 0 0094.38 59c28.47 0 52.55-9.53 70-25.91 20-18.61 31.41-46.15 31.41-78.91a133.76 133.76 0 00-1.75-21.78zm389.41-4c-10.13-9.38-23.93-14.14-41.39-14.14-22.46 0-39.34 8.34-50.5 24.86l20.85 13.26q11.45-17 31.26-17a34.05 34.05 0 0122.75 8.79 28.14 28.14 0 019.69 21.23v5.51c-9.1-5.07-20.55-7.75-34.64-7.75-16.44 0-29.65 3.88-39.49 11.77s-14.82 18.31-14.82 31.56a39.74 39.74 0 0013.94 31.27c9.25 8.34 21 12.51 34.79 12.51 16.29 0 29.21-7.3 39-21.89h1v17.72h22.61V250c.07-16.55-4.92-29.66-15.05-39zm-19.23 89.3a37.32 37.32 0 01-26.57 11.16 28.61 28.61 0 01-18.33-6.25 19.41 19.41 0 01-7.77-15.63c0-7 3.22-12.81 9.54-17.42s14.53-7 24.07-7c13.16-.16 23.46 2.84 30.8 8.78 0 10.13-3.96 18.91-11.74 26.36zm-93.65-142a55.71 55.71 0 00-40.51-16.3h-62.67v186.74h23.63V253.1h39c16 0 29.5-5.36 40.51-15.93.88-.89 1.76-1.79 2.65-2.68a54.45 54.45 0 00-2.61-76.23zm-16.58 62.23a30.65 30.65 0 01-23.34 9.68H302.7V165h39.63a32 32 0 0122.6 9.23 33.18 33.18 0 01.74 46.26zM614.31 201l-36.54 91.7h-.45L539.9 201h-25.69L566 320.55l-29.35 64.32H561L640 201z" />
    </svg>
  ))({
    className: props.className,
  });

const StyledFontawesomeGooglePay = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledFontawesomeGooglePay;


import styled, { css } from "styled-components";

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <path d="M105.72 215v41.25h57.1a49.66 49.66 0 01-21.14 32.6c-9.54 6.55-21.72 10.28-36 10.28-27.6 0-50.93-18.91-59.3-44.22a65.61 65.61 0 010-41c8.37-25.46 31.7-44.37 59.3-44.37a56.43 56.43 0 0140.51 16.08L176.47 155a101.24 101.24 0 00-70.75-27.84 105.55 105.55 0 00-94.38 59.11 107.64 107.64 0 000 96.18v.15a105.41 105.41 0 0094.38 59c28.47 0 52.55-9.53 70-25.91 20-18.61 31.41-46.15 31.41-78.91a133.76 133.76 0 00-1.75-21.78zm389.41-4c-10.13-9.38-23.93-14.14-41.39-14.14-22.46 0-39.34 8.34-50.5 24.86l20.85 13.26q11.45-17 31.26-17a34.05 34.05 0 0122.75 8.79 28.14 28.14 0 019.69 21.23v5.51c-9.1-5.07-20.55-7.75-34.64-7.75-16.44 0-29.65 3.88-39.49 11.77s-14.82 18.31-14.82 31.56a39.74 39.74 0 0013.94 31.27c9.25 8.34 21 12.51 34.79 12.51 16.29 0 29.21-7.3 39-21.89h1v17.72h22.61V250c.07-16.55-4.92-29.66-15.05-39zm-19.23 89.3a37.32 37.32 0 01-26.57 11.16 28.61 28.61 0 01-18.33-6.25 19.41 19.41 0 01-7.77-15.63c0-7 3.22-12.81 9.54-17.42s14.53-7 24.07-7c13.16-.16 23.46 2.84 30.8 8.78 0 10.13-3.96 18.91-11.74 26.36zm-93.65-142a55.71 55.71 0 00-40.51-16.3h-62.67v186.74h23.63V253.1h39c16 0 29.5-5.36 40.51-15.93.88-.89 1.76-1.79 2.65-2.68a54.45 54.45 0 00-2.61-76.23zm-16.58 62.23a30.65 30.65 0 01-23.34 9.68H302.7V165h39.63a32 32 0 0122.6 9.23 33.18 33.18 0 01.74 46.26zM614.31 201l-36.54 91.7h-.45L539.9 201h-25.69L566 320.55l-29.35 64.32H561L640 201z" />
    </svg>
  ))({
    className: props.className,
  });

const StyledFontawesomeGooglePay = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledFontawesomeGooglePay;


import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';

Vue.component('font-awesome-icon', FontAwesomeIcon);

import { library } from '@fortawesome/fontawesome-svg-core';
import { faUserSecret } from '@fortawesome/free-solid-svg-icons';

library.add(faUserSecret);

<font-awesome-icon icon="user-secret" />