fontawesome

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

import * as React from "react";

function FontawesomeIdeal(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props}>
      <path d="M125.61 165.48a49.07 49.07 0 1049.06 49.06 49.08 49.08 0 00-49.06-49.06zM86.15 425.84h78.94V285.32H86.15zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75 0 18.74-2.81 18.74-23.26zm201.69 46v-91.31h22.75v68.57h33.69C486.5 113.08 388.61 86.19 299.67 86.19h-94.83V169h14c25.6 0 41.5 17.35 41.5 45.26 0 28.81-15.52 46-41.5 46h-14v165.62h94.83c144.61 0 194.94-67.16 196.72-165.64zm-109.75 0H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51zm74.66 0l-5.16-17.67h-29.74l-5.18 17.67h-23.66L368 168.92h32.35l27.53 91.34zM299.65 32H32v448h267.65c161.85 0 251-79.73 251-224.52C550.62 172 518 32 299.65 32zm0 426.92H53.07V53.07h246.58c142.1 0 229.9 64.61 229.9 202.41 0 134.09-81 203.44-229.9 203.44zm83.86-264.85L376 219.88h16.4l-7.52-25.81z" />
    </svg>
  );
}

export default FontawesomeIdeal;


import * as React from "react";

function FontawesomeIdeal(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props}>
      <path d="M125.61 165.48a49.07 49.07 0 1049.06 49.06 49.08 49.08 0 00-49.06-49.06zM86.15 425.84h78.94V285.32H86.15zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75 0 18.74-2.81 18.74-23.26zm201.69 46v-91.31h22.75v68.57h33.69C486.5 113.08 388.61 86.19 299.67 86.19h-94.83V169h14c25.6 0 41.5 17.35 41.5 45.26 0 28.81-15.52 46-41.5 46h-14v165.62h94.83c144.61 0 194.94-67.16 196.72-165.64zm-109.75 0H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51zm74.66 0l-5.16-17.67h-29.74l-5.18 17.67h-23.66L368 168.92h32.35l27.53 91.34zM299.65 32H32v448h267.65c161.85 0 251-79.73 251-224.52C550.62 172 518 32 299.65 32zm0 426.92H53.07V53.07h246.58c142.1 0 229.9 64.61 229.9 202.41 0 134.09-81 203.44-229.9 203.44zm83.86-264.85L376 219.88h16.4l-7.52-25.81z" />
    </svg>
  );
}

export default FontawesomeIdeal;


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

function FontawesomeIdeal(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props}>
      <Path d="M125.61 165.48a49.07 49.07 0 1049.06 49.06 49.08 49.08 0 00-49.06-49.06zM86.15 425.84h78.94V285.32H86.15zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75 0 18.74-2.81 18.74-23.26zm201.69 46v-91.31h22.75v68.57h33.69C486.5 113.08 388.61 86.19 299.67 86.19h-94.83V169h14c25.6 0 41.5 17.35 41.5 45.26 0 28.81-15.52 46-41.5 46h-14v165.62h94.83c144.61 0 194.94-67.16 196.72-165.64zm-109.75 0H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51zm74.66 0l-5.16-17.67h-29.74l-5.18 17.67h-23.66L368 168.92h32.35l27.53 91.34zM299.65 32H32v448h267.65c161.85 0 251-79.73 251-224.52C550.62 172 518 32 299.65 32zm0 426.92H53.07V53.07h246.58c142.1 0 229.9 64.61 229.9 202.41 0 134.09-81 203.44-229.9 203.44zm83.86-264.85L376 219.88h16.4l-7.52-25.81z" />
    </Svg>
  );
}

export default FontawesomeIdeal;


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

function FontawesomeIdeal(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props}>
      <Path d="M125.61 165.48a49.07 49.07 0 1049.06 49.06 49.08 49.08 0 00-49.06-49.06zM86.15 425.84h78.94V285.32H86.15zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75 0 18.74-2.81 18.74-23.26zm201.69 46v-91.31h22.75v68.57h33.69C486.5 113.08 388.61 86.19 299.67 86.19h-94.83V169h14c25.6 0 41.5 17.35 41.5 45.26 0 28.81-15.52 46-41.5 46h-14v165.62h94.83c144.61 0 194.94-67.16 196.72-165.64zm-109.75 0H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51zm74.66 0l-5.16-17.67h-29.74l-5.18 17.67h-23.66L368 168.92h32.35l27.53 91.34zM299.65 32H32v448h267.65c161.85 0 251-79.73 251-224.52C550.62 172 518 32 299.65 32zm0 426.92H53.07V53.07h246.58c142.1 0 229.9 64.61 229.9 202.41 0 134.09-81 203.44-229.9 203.44zm83.86-264.85L376 219.88h16.4l-7.52-25.81z" />
    </Svg>
  );
}

export default FontawesomeIdeal;


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 576 512" {...props}>
      <path d="M125.61 165.48a49.07 49.07 0 1049.06 49.06 49.08 49.08 0 00-49.06-49.06zM86.15 425.84h78.94V285.32H86.15zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75 0 18.74-2.81 18.74-23.26zm201.69 46v-91.31h22.75v68.57h33.69C486.5 113.08 388.61 86.19 299.67 86.19h-94.83V169h14c25.6 0 41.5 17.35 41.5 45.26 0 28.81-15.52 46-41.5 46h-14v165.62h94.83c144.61 0 194.94-67.16 196.72-165.64zm-109.75 0H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51zm74.66 0l-5.16-17.67h-29.74l-5.18 17.67h-23.66L368 168.92h32.35l27.53 91.34zM299.65 32H32v448h267.65c161.85 0 251-79.73 251-224.52C550.62 172 518 32 299.65 32zm0 426.92H53.07V53.07h246.58c142.1 0 229.9 64.61 229.9 202.41 0 134.09-81 203.44-229.9 203.44zm83.86-264.85L376 219.88h16.4l-7.52-25.81z" />
    </svg>
  ))({
    className: props.className,
  });

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


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

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props}>
      <path d="M125.61 165.48a49.07 49.07 0 1049.06 49.06 49.08 49.08 0 00-49.06-49.06zM86.15 425.84h78.94V285.32H86.15zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75 0 18.74-2.81 18.74-23.26zm201.69 46v-91.31h22.75v68.57h33.69C486.5 113.08 388.61 86.19 299.67 86.19h-94.83V169h14c25.6 0 41.5 17.35 41.5 45.26 0 28.81-15.52 46-41.5 46h-14v165.62h94.83c144.61 0 194.94-67.16 196.72-165.64zm-109.75 0H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51zm74.66 0l-5.16-17.67h-29.74l-5.18 17.67h-23.66L368 168.92h32.35l27.53 91.34zM299.65 32H32v448h267.65c161.85 0 251-79.73 251-224.52C550.62 172 518 32 299.65 32zm0 426.92H53.07V53.07h246.58c142.1 0 229.9 64.61 229.9 202.41 0 134.09-81 203.44-229.9 203.44zm83.86-264.85L376 219.88h16.4l-7.52-25.81z" />
    </svg>
  ))({
    className: props.className,
  });

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


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