fontawesome

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

import * as React from "react";

function FontawesomeSwift(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
      <path d="M448 156.09c0-4.51-.08-9-.2-13.52a196.31 196.31 0 00-2.58-29.42 99.62 99.62 0 00-9.22-28A94.08 94.08 0 00394.84 44a99.17 99.17 0 00-28-9.22 195 195 0 00-29.43-2.59c-4.51-.12-9-.17-13.52-.2H124.14c-4.51 0-9 .08-13.52.2-2.45.07-4.91.15-7.37.27a171.68 171.68 0 00-22.06 2.32 103.06 103.06 0 00-21.21 6.1q-3.46 1.45-6.81 3.12a94.66 94.66 0 00-18.39 12.32c-1.88 1.61-3.69 3.28-5.43 5A93.86 93.86 0 0012 85.17a99.45 99.45 0 00-9.22 28 196.31 196.31 0 00-2.54 29.4c-.13 4.51-.18 9-.21 13.52v199.83c0 4.51.08 9 .21 13.51a196.08 196.08 0 002.58 29.42 99.3 99.3 0 009.22 28A94.31 94.31 0 0053.17 468a99.47 99.47 0 0028 9.21 195 195 0 0029.43 2.59c4.5.12 9 .17 13.52.2h199.79c4.51 0 9-.08 13.52-.2a196.59 196.59 0 0029.44-2.59 99.57 99.57 0 0028-9.21A94.22 94.22 0 00436 426.84a99.3 99.3 0 009.22-28 194.79 194.79 0 002.59-29.42c.12-4.5.17-9 .2-13.51V172.14c-.01-5.35-.01-10.7-.01-16.05zm-69.88 241c-20-38.93-57.23-29.27-76.31-19.47-1.72 1-3.48 2-5.25 3l-.42.25c-39.5 21-92.53 22.54-145.85-.38A234.64 234.64 0 0145 290.12a230.63 230.63 0 0039.17 23.37c56.36 26.4 113 24.49 153 0-57-43.85-104.6-101-141.09-147.22a197.09 197.09 0 01-18.78-25.9c43.7 40 112.7 90.22 137.48 104.12-52.57-55.49-98.89-123.94-96.72-121.74 82.79 83.42 159.18 130.59 159.18 130.59 2.88 1.58 5 2.85 6.73 4a127.44 127.44 0 004.16-12.47c13.22-48.33-1.66-103.58-35.31-149.2C329.61 141.75 375 229.34 356.4 303.42c-.44 1.73-.95 3.4-1.44 5.09 38.52 47.4 28.04 98.17 23.13 88.59z" />
    </svg>
  );
}

export default FontawesomeSwift;


import * as React from "react";

function FontawesomeSwift(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
      <path d="M448 156.09c0-4.51-.08-9-.2-13.52a196.31 196.31 0 00-2.58-29.42 99.62 99.62 0 00-9.22-28A94.08 94.08 0 00394.84 44a99.17 99.17 0 00-28-9.22 195 195 0 00-29.43-2.59c-4.51-.12-9-.17-13.52-.2H124.14c-4.51 0-9 .08-13.52.2-2.45.07-4.91.15-7.37.27a171.68 171.68 0 00-22.06 2.32 103.06 103.06 0 00-21.21 6.1q-3.46 1.45-6.81 3.12a94.66 94.66 0 00-18.39 12.32c-1.88 1.61-3.69 3.28-5.43 5A93.86 93.86 0 0012 85.17a99.45 99.45 0 00-9.22 28 196.31 196.31 0 00-2.54 29.4c-.13 4.51-.18 9-.21 13.52v199.83c0 4.51.08 9 .21 13.51a196.08 196.08 0 002.58 29.42 99.3 99.3 0 009.22 28A94.31 94.31 0 0053.17 468a99.47 99.47 0 0028 9.21 195 195 0 0029.43 2.59c4.5.12 9 .17 13.52.2h199.79c4.51 0 9-.08 13.52-.2a196.59 196.59 0 0029.44-2.59 99.57 99.57 0 0028-9.21A94.22 94.22 0 00436 426.84a99.3 99.3 0 009.22-28 194.79 194.79 0 002.59-29.42c.12-4.5.17-9 .2-13.51V172.14c-.01-5.35-.01-10.7-.01-16.05zm-69.88 241c-20-38.93-57.23-29.27-76.31-19.47-1.72 1-3.48 2-5.25 3l-.42.25c-39.5 21-92.53 22.54-145.85-.38A234.64 234.64 0 0145 290.12a230.63 230.63 0 0039.17 23.37c56.36 26.4 113 24.49 153 0-57-43.85-104.6-101-141.09-147.22a197.09 197.09 0 01-18.78-25.9c43.7 40 112.7 90.22 137.48 104.12-52.57-55.49-98.89-123.94-96.72-121.74 82.79 83.42 159.18 130.59 159.18 130.59 2.88 1.58 5 2.85 6.73 4a127.44 127.44 0 004.16-12.47c13.22-48.33-1.66-103.58-35.31-149.2C329.61 141.75 375 229.34 356.4 303.42c-.44 1.73-.95 3.4-1.44 5.09 38.52 47.4 28.04 98.17 23.13 88.59z" />
    </svg>
  );
}

export default FontawesomeSwift;


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

function FontawesomeSwift(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
      <Path d="M448 156.09c0-4.51-.08-9-.2-13.52a196.31 196.31 0 00-2.58-29.42 99.62 99.62 0 00-9.22-28A94.08 94.08 0 00394.84 44a99.17 99.17 0 00-28-9.22 195 195 0 00-29.43-2.59c-4.51-.12-9-.17-13.52-.2H124.14c-4.51 0-9 .08-13.52.2-2.45.07-4.91.15-7.37.27a171.68 171.68 0 00-22.06 2.32 103.06 103.06 0 00-21.21 6.1q-3.46 1.45-6.81 3.12a94.66 94.66 0 00-18.39 12.32c-1.88 1.61-3.69 3.28-5.43 5A93.86 93.86 0 0012 85.17a99.45 99.45 0 00-9.22 28 196.31 196.31 0 00-2.54 29.4c-.13 4.51-.18 9-.21 13.52v199.83c0 4.51.08 9 .21 13.51a196.08 196.08 0 002.58 29.42 99.3 99.3 0 009.22 28A94.31 94.31 0 0053.17 468a99.47 99.47 0 0028 9.21 195 195 0 0029.43 2.59c4.5.12 9 .17 13.52.2h199.79c4.51 0 9-.08 13.52-.2a196.59 196.59 0 0029.44-2.59 99.57 99.57 0 0028-9.21A94.22 94.22 0 00436 426.84a99.3 99.3 0 009.22-28 194.79 194.79 0 002.59-29.42c.12-4.5.17-9 .2-13.51V172.14c-.01-5.35-.01-10.7-.01-16.05zm-69.88 241c-20-38.93-57.23-29.27-76.31-19.47-1.72 1-3.48 2-5.25 3l-.42.25c-39.5 21-92.53 22.54-145.85-.38A234.64 234.64 0 0145 290.12a230.63 230.63 0 0039.17 23.37c56.36 26.4 113 24.49 153 0-57-43.85-104.6-101-141.09-147.22a197.09 197.09 0 01-18.78-25.9c43.7 40 112.7 90.22 137.48 104.12-52.57-55.49-98.89-123.94-96.72-121.74 82.79 83.42 159.18 130.59 159.18 130.59 2.88 1.58 5 2.85 6.73 4a127.44 127.44 0 004.16-12.47c13.22-48.33-1.66-103.58-35.31-149.2C329.61 141.75 375 229.34 356.4 303.42c-.44 1.73-.95 3.4-1.44 5.09 38.52 47.4 28.04 98.17 23.13 88.59z" />
    </Svg>
  );
}

export default FontawesomeSwift;


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

function FontawesomeSwift(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
      <Path d="M448 156.09c0-4.51-.08-9-.2-13.52a196.31 196.31 0 00-2.58-29.42 99.62 99.62 0 00-9.22-28A94.08 94.08 0 00394.84 44a99.17 99.17 0 00-28-9.22 195 195 0 00-29.43-2.59c-4.51-.12-9-.17-13.52-.2H124.14c-4.51 0-9 .08-13.52.2-2.45.07-4.91.15-7.37.27a171.68 171.68 0 00-22.06 2.32 103.06 103.06 0 00-21.21 6.1q-3.46 1.45-6.81 3.12a94.66 94.66 0 00-18.39 12.32c-1.88 1.61-3.69 3.28-5.43 5A93.86 93.86 0 0012 85.17a99.45 99.45 0 00-9.22 28 196.31 196.31 0 00-2.54 29.4c-.13 4.51-.18 9-.21 13.52v199.83c0 4.51.08 9 .21 13.51a196.08 196.08 0 002.58 29.42 99.3 99.3 0 009.22 28A94.31 94.31 0 0053.17 468a99.47 99.47 0 0028 9.21 195 195 0 0029.43 2.59c4.5.12 9 .17 13.52.2h199.79c4.51 0 9-.08 13.52-.2a196.59 196.59 0 0029.44-2.59 99.57 99.57 0 0028-9.21A94.22 94.22 0 00436 426.84a99.3 99.3 0 009.22-28 194.79 194.79 0 002.59-29.42c.12-4.5.17-9 .2-13.51V172.14c-.01-5.35-.01-10.7-.01-16.05zm-69.88 241c-20-38.93-57.23-29.27-76.31-19.47-1.72 1-3.48 2-5.25 3l-.42.25c-39.5 21-92.53 22.54-145.85-.38A234.64 234.64 0 0145 290.12a230.63 230.63 0 0039.17 23.37c56.36 26.4 113 24.49 153 0-57-43.85-104.6-101-141.09-147.22a197.09 197.09 0 01-18.78-25.9c43.7 40 112.7 90.22 137.48 104.12-52.57-55.49-98.89-123.94-96.72-121.74 82.79 83.42 159.18 130.59 159.18 130.59 2.88 1.58 5 2.85 6.73 4a127.44 127.44 0 004.16-12.47c13.22-48.33-1.66-103.58-35.31-149.2C329.61 141.75 375 229.34 356.4 303.42c-.44 1.73-.95 3.4-1.44 5.09 38.52 47.4 28.04 98.17 23.13 88.59z" />
    </Svg>
  );
}

export default FontawesomeSwift;


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 448 512" {...props}>
      <path d="M448 156.09c0-4.51-.08-9-.2-13.52a196.31 196.31 0 00-2.58-29.42 99.62 99.62 0 00-9.22-28A94.08 94.08 0 00394.84 44a99.17 99.17 0 00-28-9.22 195 195 0 00-29.43-2.59c-4.51-.12-9-.17-13.52-.2H124.14c-4.51 0-9 .08-13.52.2-2.45.07-4.91.15-7.37.27a171.68 171.68 0 00-22.06 2.32 103.06 103.06 0 00-21.21 6.1q-3.46 1.45-6.81 3.12a94.66 94.66 0 00-18.39 12.32c-1.88 1.61-3.69 3.28-5.43 5A93.86 93.86 0 0012 85.17a99.45 99.45 0 00-9.22 28 196.31 196.31 0 00-2.54 29.4c-.13 4.51-.18 9-.21 13.52v199.83c0 4.51.08 9 .21 13.51a196.08 196.08 0 002.58 29.42 99.3 99.3 0 009.22 28A94.31 94.31 0 0053.17 468a99.47 99.47 0 0028 9.21 195 195 0 0029.43 2.59c4.5.12 9 .17 13.52.2h199.79c4.51 0 9-.08 13.52-.2a196.59 196.59 0 0029.44-2.59 99.57 99.57 0 0028-9.21A94.22 94.22 0 00436 426.84a99.3 99.3 0 009.22-28 194.79 194.79 0 002.59-29.42c.12-4.5.17-9 .2-13.51V172.14c-.01-5.35-.01-10.7-.01-16.05zm-69.88 241c-20-38.93-57.23-29.27-76.31-19.47-1.72 1-3.48 2-5.25 3l-.42.25c-39.5 21-92.53 22.54-145.85-.38A234.64 234.64 0 0145 290.12a230.63 230.63 0 0039.17 23.37c56.36 26.4 113 24.49 153 0-57-43.85-104.6-101-141.09-147.22a197.09 197.09 0 01-18.78-25.9c43.7 40 112.7 90.22 137.48 104.12-52.57-55.49-98.89-123.94-96.72-121.74 82.79 83.42 159.18 130.59 159.18 130.59 2.88 1.58 5 2.85 6.73 4a127.44 127.44 0 004.16-12.47c13.22-48.33-1.66-103.58-35.31-149.2C329.61 141.75 375 229.34 356.4 303.42c-.44 1.73-.95 3.4-1.44 5.09 38.52 47.4 28.04 98.17 23.13 88.59z" />
    </svg>
  ))({
    className: props.className,
  });

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


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

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
      <path d="M448 156.09c0-4.51-.08-9-.2-13.52a196.31 196.31 0 00-2.58-29.42 99.62 99.62 0 00-9.22-28A94.08 94.08 0 00394.84 44a99.17 99.17 0 00-28-9.22 195 195 0 00-29.43-2.59c-4.51-.12-9-.17-13.52-.2H124.14c-4.51 0-9 .08-13.52.2-2.45.07-4.91.15-7.37.27a171.68 171.68 0 00-22.06 2.32 103.06 103.06 0 00-21.21 6.1q-3.46 1.45-6.81 3.12a94.66 94.66 0 00-18.39 12.32c-1.88 1.61-3.69 3.28-5.43 5A93.86 93.86 0 0012 85.17a99.45 99.45 0 00-9.22 28 196.31 196.31 0 00-2.54 29.4c-.13 4.51-.18 9-.21 13.52v199.83c0 4.51.08 9 .21 13.51a196.08 196.08 0 002.58 29.42 99.3 99.3 0 009.22 28A94.31 94.31 0 0053.17 468a99.47 99.47 0 0028 9.21 195 195 0 0029.43 2.59c4.5.12 9 .17 13.52.2h199.79c4.51 0 9-.08 13.52-.2a196.59 196.59 0 0029.44-2.59 99.57 99.57 0 0028-9.21A94.22 94.22 0 00436 426.84a99.3 99.3 0 009.22-28 194.79 194.79 0 002.59-29.42c.12-4.5.17-9 .2-13.51V172.14c-.01-5.35-.01-10.7-.01-16.05zm-69.88 241c-20-38.93-57.23-29.27-76.31-19.47-1.72 1-3.48 2-5.25 3l-.42.25c-39.5 21-92.53 22.54-145.85-.38A234.64 234.64 0 0145 290.12a230.63 230.63 0 0039.17 23.37c56.36 26.4 113 24.49 153 0-57-43.85-104.6-101-141.09-147.22a197.09 197.09 0 01-18.78-25.9c43.7 40 112.7 90.22 137.48 104.12-52.57-55.49-98.89-123.94-96.72-121.74 82.79 83.42 159.18 130.59 159.18 130.59 2.88 1.58 5 2.85 6.73 4a127.44 127.44 0 004.16-12.47c13.22-48.33-1.66-103.58-35.31-149.2C329.61 141.75 375 229.34 356.4 303.42c-.44 1.73-.95 3.4-1.44 5.09 38.52 47.4 28.04 98.17 23.13 88.59z" />
    </svg>
  ))({
    className: props.className,
  });

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


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