fontawesome

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

import * as React from "react";

function FontawesomeWatchmanMonitoring(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
      <path d="M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16zM121.69 429.122C70.056 388.972 36.741 326.322 36.741 256a218.519 218.519 0 019.587-64.122l102.9-17.895-.121 10.967-13.943 2.013s-.144 12.5-.144 19.549a12.778 12.778 0 004.887 10.349l9.468 7.4zm105.692-283.27l8.48-7.618s6.934-5.38-.143-9.344c-7.188-4.024-39.53-34.5-39.53-34.5-5.348-5.477-8.257-7.347-15.46 0 0 0-32.342 30.474-39.529 34.5-7.078 3.964-.144 9.344-.144 9.344l8.481 7.618-.048 4.369-73.507-19.176c39.644-56.938 105.532-94.3 180.018-94.3a218.754 218.754 0 01164.934 75.025l-193.512 37.7zm34.063 329.269l-33.9-250.857 9.467-7.4a12.778 12.778 0 004.888-10.349c0-7.044-.144-19.549-.144-19.549l-13.943-2.013-.116-10.474 241.711 31.391a218.872 218.872 0 015.851 50.13c0 119.074-95.428 216.212-213.814 219.121z" />
    </svg>
  );
}

export default FontawesomeWatchmanMonitoring;


import * as React from "react";

function FontawesomeWatchmanMonitoring(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
      <path d="M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16zM121.69 429.122C70.056 388.972 36.741 326.322 36.741 256a218.519 218.519 0 019.587-64.122l102.9-17.895-.121 10.967-13.943 2.013s-.144 12.5-.144 19.549a12.778 12.778 0 004.887 10.349l9.468 7.4zm105.692-283.27l8.48-7.618s6.934-5.38-.143-9.344c-7.188-4.024-39.53-34.5-39.53-34.5-5.348-5.477-8.257-7.347-15.46 0 0 0-32.342 30.474-39.529 34.5-7.078 3.964-.144 9.344-.144 9.344l8.481 7.618-.048 4.369-73.507-19.176c39.644-56.938 105.532-94.3 180.018-94.3a218.754 218.754 0 01164.934 75.025l-193.512 37.7zm34.063 329.269l-33.9-250.857 9.467-7.4a12.778 12.778 0 004.888-10.349c0-7.044-.144-19.549-.144-19.549l-13.943-2.013-.116-10.474 241.711 31.391a218.872 218.872 0 015.851 50.13c0 119.074-95.428 216.212-213.814 219.121z" />
    </svg>
  );
}

export default FontawesomeWatchmanMonitoring;


import { FaWatchmanMonitoring } from react-icons/fa;

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

function FontawesomeWatchmanMonitoring(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
      <Path d="M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16zM121.69 429.122C70.056 388.972 36.741 326.322 36.741 256a218.519 218.519 0 019.587-64.122l102.9-17.895-.121 10.967-13.943 2.013s-.144 12.5-.144 19.549a12.778 12.778 0 004.887 10.349l9.468 7.4zm105.692-283.27l8.48-7.618s6.934-5.38-.143-9.344c-7.188-4.024-39.53-34.5-39.53-34.5-5.348-5.477-8.257-7.347-15.46 0 0 0-32.342 30.474-39.529 34.5-7.078 3.964-.144 9.344-.144 9.344l8.481 7.618-.048 4.369-73.507-19.176c39.644-56.938 105.532-94.3 180.018-94.3a218.754 218.754 0 01164.934 75.025l-193.512 37.7zm34.063 329.269l-33.9-250.857 9.467-7.4a12.778 12.778 0 004.888-10.349c0-7.044-.144-19.549-.144-19.549l-13.943-2.013-.116-10.474 241.711 31.391a218.872 218.872 0 015.851 50.13c0 119.074-95.428 216.212-213.814 219.121z" />
    </Svg>
  );
}

export default FontawesomeWatchmanMonitoring;


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

function FontawesomeWatchmanMonitoring(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
      <Path d="M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16zM121.69 429.122C70.056 388.972 36.741 326.322 36.741 256a218.519 218.519 0 019.587-64.122l102.9-17.895-.121 10.967-13.943 2.013s-.144 12.5-.144 19.549a12.778 12.778 0 004.887 10.349l9.468 7.4zm105.692-283.27l8.48-7.618s6.934-5.38-.143-9.344c-7.188-4.024-39.53-34.5-39.53-34.5-5.348-5.477-8.257-7.347-15.46 0 0 0-32.342 30.474-39.529 34.5-7.078 3.964-.144 9.344-.144 9.344l8.481 7.618-.048 4.369-73.507-19.176c39.644-56.938 105.532-94.3 180.018-94.3a218.754 218.754 0 01164.934 75.025l-193.512 37.7zm34.063 329.269l-33.9-250.857 9.467-7.4a12.778 12.778 0 004.888-10.349c0-7.044-.144-19.549-.144-19.549l-13.943-2.013-.116-10.474 241.711 31.391a218.872 218.872 0 015.851 50.13c0 119.074-95.428 216.212-213.814 219.121z" />
    </Svg>
  );
}

export default FontawesomeWatchmanMonitoring;


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 512 512" {...props}>
      <path d="M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16zM121.69 429.122C70.056 388.972 36.741 326.322 36.741 256a218.519 218.519 0 019.587-64.122l102.9-17.895-.121 10.967-13.943 2.013s-.144 12.5-.144 19.549a12.778 12.778 0 004.887 10.349l9.468 7.4zm105.692-283.27l8.48-7.618s6.934-5.38-.143-9.344c-7.188-4.024-39.53-34.5-39.53-34.5-5.348-5.477-8.257-7.347-15.46 0 0 0-32.342 30.474-39.529 34.5-7.078 3.964-.144 9.344-.144 9.344l8.481 7.618-.048 4.369-73.507-19.176c39.644-56.938 105.532-94.3 180.018-94.3a218.754 218.754 0 01164.934 75.025l-193.512 37.7zm34.063 329.269l-33.9-250.857 9.467-7.4a12.778 12.778 0 004.888-10.349c0-7.044-.144-19.549-.144-19.549l-13.943-2.013-.116-10.474 241.711 31.391a218.872 218.872 0 015.851 50.13c0 119.074-95.428 216.212-213.814 219.121z" />
    </svg>
  ))({
    className: props.className,
  });

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


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

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
      <path d="M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16zM121.69 429.122C70.056 388.972 36.741 326.322 36.741 256a218.519 218.519 0 019.587-64.122l102.9-17.895-.121 10.967-13.943 2.013s-.144 12.5-.144 19.549a12.778 12.778 0 004.887 10.349l9.468 7.4zm105.692-283.27l8.48-7.618s6.934-5.38-.143-9.344c-7.188-4.024-39.53-34.5-39.53-34.5-5.348-5.477-8.257-7.347-15.46 0 0 0-32.342 30.474-39.529 34.5-7.078 3.964-.144 9.344-.144 9.344l8.481 7.618-.048 4.369-73.507-19.176c39.644-56.938 105.532-94.3 180.018-94.3a218.754 218.754 0 01164.934 75.025l-193.512 37.7zm34.063 329.269l-33.9-250.857 9.467-7.4a12.778 12.778 0 004.888-10.349c0-7.044-.144-19.549-.144-19.549l-13.943-2.013-.116-10.474 241.711 31.391a218.872 218.872 0 015.851 50.13c0 119.074-95.428 216.212-213.814 219.121z" />
    </svg>
  ))({
    className: props.className,
  });

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


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