fontawesome

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

import * as React from "react";

function FontawesomeUncharted(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
      <path d="M171.73 232.813a5.381 5.381 0 004.97-3.313 48.081 48.081 0 0114.9-25.256c1.243-.828 1.657-2.484 1.657-4.141a4.22 4.22 0 00-2.071-3.312L74.429 128.473 148.958 85a9.941 9.941 0 004.968-8.281 9.108 9.108 0 00-4.968-8.281L126.6 55.6a9.748 9.748 0 00-9.523 0l-100.2 57.966a9.943 9.943 0 00-4.969 8.281v115.107a9.109 9.109 0 004.969 8.281l22.358 12.835a8.829 8.829 0 004.968 1.242 9.4 9.4 0 006.625-2.484 10.8 10.8 0 002.9-7.039V164.5l115.932 67.9a4.5 4.5 0 002.07.413zM323.272 377.73a12.478 12.478 0 00-4.969 1.242l-74.528 43.062V287.882c0-2.9-2.9-5.8-6.211-4.555a53.036 53.036 0 01-28.984.414 4.86 4.86 0 00-6.21 4.555v133.323l-74.529-43.061a8.83 8.83 0 00-4.969-1.242 9.631 9.631 0 00-9.523 9.523v26.085a9.107 9.107 0 004.969 8.281l100.2 57.553a8.829 8.829 0 004.968 1.242 11.027 11.027 0 004.969-1.242l100.2-57.553a9.941 9.941 0 004.968-8.281v-26.085c-.823-4.554-5.383-9.109-10.351-9.109zM286.007 78a23 23 0 10-23-23 23 23 0 0023 23zm63.627-10.086a23 23 0 1023 23 23 23 0 00-23-23zm63.182 83.686a23 23 0 10-23-23 23 23 0 0023 23zm-63.182-9.2a23 23 0 1023 23 23 23 0 00-23-23zm-63.627 83.244a23 23 0 10-23-23 23 23 0 0023 23.004zm-62.074 36.358a23 23 0 10-23-23 23 23 0 0023 23.004zm188.883-82.358a23 23 0 1023 23 23 23 0 00-23-22.996zm0 72.272a23 23 0 1023 23 23 23 0 00-23-22.996z" />
    </svg>
  );
}

export default FontawesomeUncharted;


import * as React from "react";

function FontawesomeUncharted(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
      <path d="M171.73 232.813a5.381 5.381 0 004.97-3.313 48.081 48.081 0 0114.9-25.256c1.243-.828 1.657-2.484 1.657-4.141a4.22 4.22 0 00-2.071-3.312L74.429 128.473 148.958 85a9.941 9.941 0 004.968-8.281 9.108 9.108 0 00-4.968-8.281L126.6 55.6a9.748 9.748 0 00-9.523 0l-100.2 57.966a9.943 9.943 0 00-4.969 8.281v115.107a9.109 9.109 0 004.969 8.281l22.358 12.835a8.829 8.829 0 004.968 1.242 9.4 9.4 0 006.625-2.484 10.8 10.8 0 002.9-7.039V164.5l115.932 67.9a4.5 4.5 0 002.07.413zM323.272 377.73a12.478 12.478 0 00-4.969 1.242l-74.528 43.062V287.882c0-2.9-2.9-5.8-6.211-4.555a53.036 53.036 0 01-28.984.414 4.86 4.86 0 00-6.21 4.555v133.323l-74.529-43.061a8.83 8.83 0 00-4.969-1.242 9.631 9.631 0 00-9.523 9.523v26.085a9.107 9.107 0 004.969 8.281l100.2 57.553a8.829 8.829 0 004.968 1.242 11.027 11.027 0 004.969-1.242l100.2-57.553a9.941 9.941 0 004.968-8.281v-26.085c-.823-4.554-5.383-9.109-10.351-9.109zM286.007 78a23 23 0 10-23-23 23 23 0 0023 23zm63.627-10.086a23 23 0 1023 23 23 23 0 00-23-23zm63.182 83.686a23 23 0 10-23-23 23 23 0 0023 23zm-63.182-9.2a23 23 0 1023 23 23 23 0 00-23-23zm-63.627 83.244a23 23 0 10-23-23 23 23 0 0023 23.004zm-62.074 36.358a23 23 0 10-23-23 23 23 0 0023 23.004zm188.883-82.358a23 23 0 1023 23 23 23 0 00-23-22.996zm0 72.272a23 23 0 1023 23 23 23 0 00-23-22.996z" />
    </svg>
  );
}

export default FontawesomeUncharted;


import { FaUncharted } from react-icons/fa;

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

function FontawesomeUncharted(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
      <Path d="M171.73 232.813a5.381 5.381 0 004.97-3.313 48.081 48.081 0 0114.9-25.256c1.243-.828 1.657-2.484 1.657-4.141a4.22 4.22 0 00-2.071-3.312L74.429 128.473 148.958 85a9.941 9.941 0 004.968-8.281 9.108 9.108 0 00-4.968-8.281L126.6 55.6a9.748 9.748 0 00-9.523 0l-100.2 57.966a9.943 9.943 0 00-4.969 8.281v115.107a9.109 9.109 0 004.969 8.281l22.358 12.835a8.829 8.829 0 004.968 1.242 9.4 9.4 0 006.625-2.484 10.8 10.8 0 002.9-7.039V164.5l115.932 67.9a4.5 4.5 0 002.07.413zM323.272 377.73a12.478 12.478 0 00-4.969 1.242l-74.528 43.062V287.882c0-2.9-2.9-5.8-6.211-4.555a53.036 53.036 0 01-28.984.414 4.86 4.86 0 00-6.21 4.555v133.323l-74.529-43.061a8.83 8.83 0 00-4.969-1.242 9.631 9.631 0 00-9.523 9.523v26.085a9.107 9.107 0 004.969 8.281l100.2 57.553a8.829 8.829 0 004.968 1.242 11.027 11.027 0 004.969-1.242l100.2-57.553a9.941 9.941 0 004.968-8.281v-26.085c-.823-4.554-5.383-9.109-10.351-9.109zM286.007 78a23 23 0 10-23-23 23 23 0 0023 23zm63.627-10.086a23 23 0 1023 23 23 23 0 00-23-23zm63.182 83.686a23 23 0 10-23-23 23 23 0 0023 23zm-63.182-9.2a23 23 0 1023 23 23 23 0 00-23-23zm-63.627 83.244a23 23 0 10-23-23 23 23 0 0023 23.004zm-62.074 36.358a23 23 0 10-23-23 23 23 0 0023 23.004zm188.883-82.358a23 23 0 1023 23 23 23 0 00-23-22.996zm0 72.272a23 23 0 1023 23 23 23 0 00-23-22.996z" />
    </Svg>
  );
}

export default FontawesomeUncharted;


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

function FontawesomeUncharted(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
      <Path d="M171.73 232.813a5.381 5.381 0 004.97-3.313 48.081 48.081 0 0114.9-25.256c1.243-.828 1.657-2.484 1.657-4.141a4.22 4.22 0 00-2.071-3.312L74.429 128.473 148.958 85a9.941 9.941 0 004.968-8.281 9.108 9.108 0 00-4.968-8.281L126.6 55.6a9.748 9.748 0 00-9.523 0l-100.2 57.966a9.943 9.943 0 00-4.969 8.281v115.107a9.109 9.109 0 004.969 8.281l22.358 12.835a8.829 8.829 0 004.968 1.242 9.4 9.4 0 006.625-2.484 10.8 10.8 0 002.9-7.039V164.5l115.932 67.9a4.5 4.5 0 002.07.413zM323.272 377.73a12.478 12.478 0 00-4.969 1.242l-74.528 43.062V287.882c0-2.9-2.9-5.8-6.211-4.555a53.036 53.036 0 01-28.984.414 4.86 4.86 0 00-6.21 4.555v133.323l-74.529-43.061a8.83 8.83 0 00-4.969-1.242 9.631 9.631 0 00-9.523 9.523v26.085a9.107 9.107 0 004.969 8.281l100.2 57.553a8.829 8.829 0 004.968 1.242 11.027 11.027 0 004.969-1.242l100.2-57.553a9.941 9.941 0 004.968-8.281v-26.085c-.823-4.554-5.383-9.109-10.351-9.109zM286.007 78a23 23 0 10-23-23 23 23 0 0023 23zm63.627-10.086a23 23 0 1023 23 23 23 0 00-23-23zm63.182 83.686a23 23 0 10-23-23 23 23 0 0023 23zm-63.182-9.2a23 23 0 1023 23 23 23 0 00-23-23zm-63.627 83.244a23 23 0 10-23-23 23 23 0 0023 23.004zm-62.074 36.358a23 23 0 10-23-23 23 23 0 0023 23.004zm188.883-82.358a23 23 0 1023 23 23 23 0 00-23-22.996zm0 72.272a23 23 0 1023 23 23 23 0 00-23-22.996z" />
    </Svg>
  );
}

export default FontawesomeUncharted;


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="M171.73 232.813a5.381 5.381 0 004.97-3.313 48.081 48.081 0 0114.9-25.256c1.243-.828 1.657-2.484 1.657-4.141a4.22 4.22 0 00-2.071-3.312L74.429 128.473 148.958 85a9.941 9.941 0 004.968-8.281 9.108 9.108 0 00-4.968-8.281L126.6 55.6a9.748 9.748 0 00-9.523 0l-100.2 57.966a9.943 9.943 0 00-4.969 8.281v115.107a9.109 9.109 0 004.969 8.281l22.358 12.835a8.829 8.829 0 004.968 1.242 9.4 9.4 0 006.625-2.484 10.8 10.8 0 002.9-7.039V164.5l115.932 67.9a4.5 4.5 0 002.07.413zM323.272 377.73a12.478 12.478 0 00-4.969 1.242l-74.528 43.062V287.882c0-2.9-2.9-5.8-6.211-4.555a53.036 53.036 0 01-28.984.414 4.86 4.86 0 00-6.21 4.555v133.323l-74.529-43.061a8.83 8.83 0 00-4.969-1.242 9.631 9.631 0 00-9.523 9.523v26.085a9.107 9.107 0 004.969 8.281l100.2 57.553a8.829 8.829 0 004.968 1.242 11.027 11.027 0 004.969-1.242l100.2-57.553a9.941 9.941 0 004.968-8.281v-26.085c-.823-4.554-5.383-9.109-10.351-9.109zM286.007 78a23 23 0 10-23-23 23 23 0 0023 23zm63.627-10.086a23 23 0 1023 23 23 23 0 00-23-23zm63.182 83.686a23 23 0 10-23-23 23 23 0 0023 23zm-63.182-9.2a23 23 0 1023 23 23 23 0 00-23-23zm-63.627 83.244a23 23 0 10-23-23 23 23 0 0023 23.004zm-62.074 36.358a23 23 0 10-23-23 23 23 0 0023 23.004zm188.883-82.358a23 23 0 1023 23 23 23 0 00-23-22.996zm0 72.272a23 23 0 1023 23 23 23 0 00-23-22.996z" />
    </svg>
  ))({
    className: props.className,
  });

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


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="M171.73 232.813a5.381 5.381 0 004.97-3.313 48.081 48.081 0 0114.9-25.256c1.243-.828 1.657-2.484 1.657-4.141a4.22 4.22 0 00-2.071-3.312L74.429 128.473 148.958 85a9.941 9.941 0 004.968-8.281 9.108 9.108 0 00-4.968-8.281L126.6 55.6a9.748 9.748 0 00-9.523 0l-100.2 57.966a9.943 9.943 0 00-4.969 8.281v115.107a9.109 9.109 0 004.969 8.281l22.358 12.835a8.829 8.829 0 004.968 1.242 9.4 9.4 0 006.625-2.484 10.8 10.8 0 002.9-7.039V164.5l115.932 67.9a4.5 4.5 0 002.07.413zM323.272 377.73a12.478 12.478 0 00-4.969 1.242l-74.528 43.062V287.882c0-2.9-2.9-5.8-6.211-4.555a53.036 53.036 0 01-28.984.414 4.86 4.86 0 00-6.21 4.555v133.323l-74.529-43.061a8.83 8.83 0 00-4.969-1.242 9.631 9.631 0 00-9.523 9.523v26.085a9.107 9.107 0 004.969 8.281l100.2 57.553a8.829 8.829 0 004.968 1.242 11.027 11.027 0 004.969-1.242l100.2-57.553a9.941 9.941 0 004.968-8.281v-26.085c-.823-4.554-5.383-9.109-10.351-9.109zM286.007 78a23 23 0 10-23-23 23 23 0 0023 23zm63.627-10.086a23 23 0 1023 23 23 23 0 00-23-23zm63.182 83.686a23 23 0 10-23-23 23 23 0 0023 23zm-63.182-9.2a23 23 0 1023 23 23 23 0 00-23-23zm-63.627 83.244a23 23 0 10-23-23 23 23 0 0023 23.004zm-62.074 36.358a23 23 0 10-23-23 23 23 0 0023 23.004zm188.883-82.358a23 23 0 1023 23 23 23 0 00-23-22.996zm0 72.272a23 23 0 1023 23 23 23 0 00-23-22.996z" />
    </svg>
  ))({
    className: props.className,
  });

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


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