fontawesome

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

import * as React from "react";

function FontawesomeWodu(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <path d="M178.414 339.706H141.1l-28.934-116.231h-.478l-28.46 116.231H45.2L0 168.946h37.548l27.026 116.231h.478l29.655-116.231h35.157l29.178 117.667h.479L187.5 168.946h36.831zM271.4 212.713c38.984 0 64.1 25.828 64.1 65.291 0 39.222-25.111 65.05-64.1 65.05-38.743 0-63.855-25.828-63.855-65.05.002-39.463 25.114-65.291 63.855-65.291zm0 104.753c23.2 0 30.133-19.852 30.133-39.462 0-19.852-6.934-39.7-30.133-39.7-27.7 0-29.894 19.85-29.894 39.7.002 19.61 6.937 39.462 29.894 39.462zm163.684 6.456h-.478c-7.893 13.392-21.765 19.132-37.548 19.132-37.31 0-55.485-32.045-55.485-66.246 0-33.243 18.415-64.095 54.767-64.095 14.589 0 28.938 6.218 36.831 18.416h.24v-62.183h33.96v170.76h-32.287zM405.428 238.3c-22.24 0-29.894 19.134-29.894 39.463 0 19.371 8.848 39.7 29.894 39.7 22.482 0 29.178-19.613 29.178-39.94 0-20.087-7.174-39.223-29.178-39.223zM592.96 339.706h-32.287v-17.219h-.718c-8.609 13.87-23.436 20.567-37.786 20.567-36.113 0-45.2-20.328-45.2-50.941v-76.052h33.959V285.9c0 20.329 5.979 30.372 21.765 30.372 18.415 0 26.306-10.283 26.306-35.393v-64.818h33.961zm9.493-36.83H640v36.83h-37.547z" />
    </svg>
  );
}

export default FontawesomeWodu;


import * as React from "react";

function FontawesomeWodu(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <path d="M178.414 339.706H141.1l-28.934-116.231h-.478l-28.46 116.231H45.2L0 168.946h37.548l27.026 116.231h.478l29.655-116.231h35.157l29.178 117.667h.479L187.5 168.946h36.831zM271.4 212.713c38.984 0 64.1 25.828 64.1 65.291 0 39.222-25.111 65.05-64.1 65.05-38.743 0-63.855-25.828-63.855-65.05.002-39.463 25.114-65.291 63.855-65.291zm0 104.753c23.2 0 30.133-19.852 30.133-39.462 0-19.852-6.934-39.7-30.133-39.7-27.7 0-29.894 19.85-29.894 39.7.002 19.61 6.937 39.462 29.894 39.462zm163.684 6.456h-.478c-7.893 13.392-21.765 19.132-37.548 19.132-37.31 0-55.485-32.045-55.485-66.246 0-33.243 18.415-64.095 54.767-64.095 14.589 0 28.938 6.218 36.831 18.416h.24v-62.183h33.96v170.76h-32.287zM405.428 238.3c-22.24 0-29.894 19.134-29.894 39.463 0 19.371 8.848 39.7 29.894 39.7 22.482 0 29.178-19.613 29.178-39.94 0-20.087-7.174-39.223-29.178-39.223zM592.96 339.706h-32.287v-17.219h-.718c-8.609 13.87-23.436 20.567-37.786 20.567-36.113 0-45.2-20.328-45.2-50.941v-76.052h33.959V285.9c0 20.329 5.979 30.372 21.765 30.372 18.415 0 26.306-10.283 26.306-35.393v-64.818h33.961zm9.493-36.83H640v36.83h-37.547z" />
    </svg>
  );
}

export default FontawesomeWodu;


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

function FontawesomeWodu(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <Path d="M178.414 339.706H141.1l-28.934-116.231h-.478l-28.46 116.231H45.2L0 168.946h37.548l27.026 116.231h.478l29.655-116.231h35.157l29.178 117.667h.479L187.5 168.946h36.831zM271.4 212.713c38.984 0 64.1 25.828 64.1 65.291 0 39.222-25.111 65.05-64.1 65.05-38.743 0-63.855-25.828-63.855-65.05.002-39.463 25.114-65.291 63.855-65.291zm0 104.753c23.2 0 30.133-19.852 30.133-39.462 0-19.852-6.934-39.7-30.133-39.7-27.7 0-29.894 19.85-29.894 39.7.002 19.61 6.937 39.462 29.894 39.462zm163.684 6.456h-.478c-7.893 13.392-21.765 19.132-37.548 19.132-37.31 0-55.485-32.045-55.485-66.246 0-33.243 18.415-64.095 54.767-64.095 14.589 0 28.938 6.218 36.831 18.416h.24v-62.183h33.96v170.76h-32.287zM405.428 238.3c-22.24 0-29.894 19.134-29.894 39.463 0 19.371 8.848 39.7 29.894 39.7 22.482 0 29.178-19.613 29.178-39.94 0-20.087-7.174-39.223-29.178-39.223zM592.96 339.706h-32.287v-17.219h-.718c-8.609 13.87-23.436 20.567-37.786 20.567-36.113 0-45.2-20.328-45.2-50.941v-76.052h33.959V285.9c0 20.329 5.979 30.372 21.765 30.372 18.415 0 26.306-10.283 26.306-35.393v-64.818h33.961zm9.493-36.83H640v36.83h-37.547z" />
    </Svg>
  );
}

export default FontawesomeWodu;


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

function FontawesomeWodu(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <Path d="M178.414 339.706H141.1l-28.934-116.231h-.478l-28.46 116.231H45.2L0 168.946h37.548l27.026 116.231h.478l29.655-116.231h35.157l29.178 117.667h.479L187.5 168.946h36.831zM271.4 212.713c38.984 0 64.1 25.828 64.1 65.291 0 39.222-25.111 65.05-64.1 65.05-38.743 0-63.855-25.828-63.855-65.05.002-39.463 25.114-65.291 63.855-65.291zm0 104.753c23.2 0 30.133-19.852 30.133-39.462 0-19.852-6.934-39.7-30.133-39.7-27.7 0-29.894 19.85-29.894 39.7.002 19.61 6.937 39.462 29.894 39.462zm163.684 6.456h-.478c-7.893 13.392-21.765 19.132-37.548 19.132-37.31 0-55.485-32.045-55.485-66.246 0-33.243 18.415-64.095 54.767-64.095 14.589 0 28.938 6.218 36.831 18.416h.24v-62.183h33.96v170.76h-32.287zM405.428 238.3c-22.24 0-29.894 19.134-29.894 39.463 0 19.371 8.848 39.7 29.894 39.7 22.482 0 29.178-19.613 29.178-39.94 0-20.087-7.174-39.223-29.178-39.223zM592.96 339.706h-32.287v-17.219h-.718c-8.609 13.87-23.436 20.567-37.786 20.567-36.113 0-45.2-20.328-45.2-50.941v-76.052h33.959V285.9c0 20.329 5.979 30.372 21.765 30.372 18.415 0 26.306-10.283 26.306-35.393v-64.818h33.961zm9.493-36.83H640v36.83h-37.547z" />
    </Svg>
  );
}

export default FontawesomeWodu;


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="M178.414 339.706H141.1l-28.934-116.231h-.478l-28.46 116.231H45.2L0 168.946h37.548l27.026 116.231h.478l29.655-116.231h35.157l29.178 117.667h.479L187.5 168.946h36.831zM271.4 212.713c38.984 0 64.1 25.828 64.1 65.291 0 39.222-25.111 65.05-64.1 65.05-38.743 0-63.855-25.828-63.855-65.05.002-39.463 25.114-65.291 63.855-65.291zm0 104.753c23.2 0 30.133-19.852 30.133-39.462 0-19.852-6.934-39.7-30.133-39.7-27.7 0-29.894 19.85-29.894 39.7.002 19.61 6.937 39.462 29.894 39.462zm163.684 6.456h-.478c-7.893 13.392-21.765 19.132-37.548 19.132-37.31 0-55.485-32.045-55.485-66.246 0-33.243 18.415-64.095 54.767-64.095 14.589 0 28.938 6.218 36.831 18.416h.24v-62.183h33.96v170.76h-32.287zM405.428 238.3c-22.24 0-29.894 19.134-29.894 39.463 0 19.371 8.848 39.7 29.894 39.7 22.482 0 29.178-19.613 29.178-39.94 0-20.087-7.174-39.223-29.178-39.223zM592.96 339.706h-32.287v-17.219h-.718c-8.609 13.87-23.436 20.567-37.786 20.567-36.113 0-45.2-20.328-45.2-50.941v-76.052h33.959V285.9c0 20.329 5.979 30.372 21.765 30.372 18.415 0 26.306-10.283 26.306-35.393v-64.818h33.961zm9.493-36.83H640v36.83h-37.547z" />
    </svg>
  ))({
    className: props.className,
  });

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


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="M178.414 339.706H141.1l-28.934-116.231h-.478l-28.46 116.231H45.2L0 168.946h37.548l27.026 116.231h.478l29.655-116.231h35.157l29.178 117.667h.479L187.5 168.946h36.831zM271.4 212.713c38.984 0 64.1 25.828 64.1 65.291 0 39.222-25.111 65.05-64.1 65.05-38.743 0-63.855-25.828-63.855-65.05.002-39.463 25.114-65.291 63.855-65.291zm0 104.753c23.2 0 30.133-19.852 30.133-39.462 0-19.852-6.934-39.7-30.133-39.7-27.7 0-29.894 19.85-29.894 39.7.002 19.61 6.937 39.462 29.894 39.462zm163.684 6.456h-.478c-7.893 13.392-21.765 19.132-37.548 19.132-37.31 0-55.485-32.045-55.485-66.246 0-33.243 18.415-64.095 54.767-64.095 14.589 0 28.938 6.218 36.831 18.416h.24v-62.183h33.96v170.76h-32.287zM405.428 238.3c-22.24 0-29.894 19.134-29.894 39.463 0 19.371 8.848 39.7 29.894 39.7 22.482 0 29.178-19.613 29.178-39.94 0-20.087-7.174-39.223-29.178-39.223zM592.96 339.706h-32.287v-17.219h-.718c-8.609 13.87-23.436 20.567-37.786 20.567-36.113 0-45.2-20.328-45.2-50.941v-76.052h33.959V285.9c0 20.329 5.979 30.372 21.765 30.372 18.415 0 26.306-10.283 26.306-35.393v-64.818h33.961zm9.493-36.83H640v36.83h-37.547z" />
    </svg>
  ))({
    className: props.className,
  });

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


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" />