fontawesome

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

import * as React from "react";

function FontawesomeNs8(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <path d="M104.324 269.172h26.067v-26.178h-26.067zm52.466-26.178l-.055-26.178v-.941a39.325 39.325 0 00-78.644.941v.166h26.4v-.166a12.98 12.98 0 0125.956 0v26.178zm52.356 25.846a91.1 91.1 0 01-91.1 91.1h-.609a91.1 91.1 0 01-91.1-91.1H0v.166A117.33 117.33 0 00117.44 386.28h.775A117.331 117.331 0 00235.49 268.84v-26.012h-26.344zm-157.233 0a65.362 65.362 0 00130.723 0h-26.344a39.023 39.023 0 01-78.035 0v-25.957H51.968v-26.62A65.42 65.42 0 01182.8 217.48v25.293h26.344V217.48a91.761 91.761 0 00-183.522 0v25.4h26.291zm418.4-71.173c13.67 0 24.573 6.642 30.052 18.264l.719 1.549 23.245-11.511-.609-1.439c-8.025-19.26-28.5-31.27-53.407-31.27-23.134 0-43.611 11.4-50.972 28.447-.123 26.876-.158 23.9 0 24.85 4.7 11.013 14.555 19.37 28.668 24.241a102.033 102.033 0 0019.813 3.984c5.479.72 10.626 1.384 15.829 3.1 6.364 2.1 10.46 5.257 12.84 9.851v9.851c-3.708 7.527-13.781 12.342-25.791 12.342-14.334 0-25.956-6.918-31.933-19.039l-.72-1.494-23.021 11.507.553 1.439c7.915 19.426 29.609 32.044 55.289 32.044 23.632 0 44.608-11.4 52.3-28.447l.166-25.9-.166-.664c-4.87-11.014-15.219-19.647-28.944-24.241-7.693-2.712-14.335-3.6-20.7-4.427a83.777 83.777 0 01-14.832-2.878c-6.31-1.937-10.4-5.092-12.619-9.63v-8.412c3.377-7.357 12.896-12.117 24.242-12.117zM287.568 311.344h26.067v-68.4h-26.067zm352.266-53.3c-2.933-6.254-8.3-12.01-15.441-16.714A37.99 37.99 0 00637.4 226l.166-25.347-.166-.664c-7.362-15.989-26.733-26.729-48.15-26.729S548.461 184 541.1 199.992l-.166 25.347.166.664a39.643 39.643 0 0013.006 15.331c-7.2 4.7-12.508 10.46-15.441 16.714l-.166 28.889.166.72c7.582 15.994 27.893 26.731 50.585 26.731s43.057-10.737 50.584-26.731l.166-28.89zm-73.22-50.806c3.6-6.31 12.563-10.516 22.58-10.516s19.038 4.206 22.636 10.516v13.725c-3.542 6.2-12.563 10.349-22.636 10.349s-19.094-4.15-22.58-10.349zm47.319 72.169c-3.764 6.641-13.338 10.9-24.683 10.9-11.125 0-20.976-4.372-24.684-10.9V263.25c3.708-6.309 13.5-10.515 24.684-10.515 11.345 0 20.919 4.15 24.683 10.515zM376.4 265.962l-59.827-89.713h-29v40.623h26.51v.387l62.539 94.085H402.3V176.249h-25.9z" />
    </svg>
  );
}

export default FontawesomeNs8;


import * as React from "react";

function FontawesomeNs8(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <path d="M104.324 269.172h26.067v-26.178h-26.067zm52.466-26.178l-.055-26.178v-.941a39.325 39.325 0 00-78.644.941v.166h26.4v-.166a12.98 12.98 0 0125.956 0v26.178zm52.356 25.846a91.1 91.1 0 01-91.1 91.1h-.609a91.1 91.1 0 01-91.1-91.1H0v.166A117.33 117.33 0 00117.44 386.28h.775A117.331 117.331 0 00235.49 268.84v-26.012h-26.344zm-157.233 0a65.362 65.362 0 00130.723 0h-26.344a39.023 39.023 0 01-78.035 0v-25.957H51.968v-26.62A65.42 65.42 0 01182.8 217.48v25.293h26.344V217.48a91.761 91.761 0 00-183.522 0v25.4h26.291zm418.4-71.173c13.67 0 24.573 6.642 30.052 18.264l.719 1.549 23.245-11.511-.609-1.439c-8.025-19.26-28.5-31.27-53.407-31.27-23.134 0-43.611 11.4-50.972 28.447-.123 26.876-.158 23.9 0 24.85 4.7 11.013 14.555 19.37 28.668 24.241a102.033 102.033 0 0019.813 3.984c5.479.72 10.626 1.384 15.829 3.1 6.364 2.1 10.46 5.257 12.84 9.851v9.851c-3.708 7.527-13.781 12.342-25.791 12.342-14.334 0-25.956-6.918-31.933-19.039l-.72-1.494-23.021 11.507.553 1.439c7.915 19.426 29.609 32.044 55.289 32.044 23.632 0 44.608-11.4 52.3-28.447l.166-25.9-.166-.664c-4.87-11.014-15.219-19.647-28.944-24.241-7.693-2.712-14.335-3.6-20.7-4.427a83.777 83.777 0 01-14.832-2.878c-6.31-1.937-10.4-5.092-12.619-9.63v-8.412c3.377-7.357 12.896-12.117 24.242-12.117zM287.568 311.344h26.067v-68.4h-26.067zm352.266-53.3c-2.933-6.254-8.3-12.01-15.441-16.714A37.99 37.99 0 00637.4 226l.166-25.347-.166-.664c-7.362-15.989-26.733-26.729-48.15-26.729S548.461 184 541.1 199.992l-.166 25.347.166.664a39.643 39.643 0 0013.006 15.331c-7.2 4.7-12.508 10.46-15.441 16.714l-.166 28.889.166.72c7.582 15.994 27.893 26.731 50.585 26.731s43.057-10.737 50.584-26.731l.166-28.89zm-73.22-50.806c3.6-6.31 12.563-10.516 22.58-10.516s19.038 4.206 22.636 10.516v13.725c-3.542 6.2-12.563 10.349-22.636 10.349s-19.094-4.15-22.58-10.349zm47.319 72.169c-3.764 6.641-13.338 10.9-24.683 10.9-11.125 0-20.976-4.372-24.684-10.9V263.25c3.708-6.309 13.5-10.515 24.684-10.515 11.345 0 20.919 4.15 24.683 10.515zM376.4 265.962l-59.827-89.713h-29v40.623h26.51v.387l62.539 94.085H402.3V176.249h-25.9z" />
    </svg>
  );
}

export default FontawesomeNs8;


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

function FontawesomeNs8(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <Path d="M104.324 269.172h26.067v-26.178h-26.067zm52.466-26.178l-.055-26.178v-.941a39.325 39.325 0 00-78.644.941v.166h26.4v-.166a12.98 12.98 0 0125.956 0v26.178zm52.356 25.846a91.1 91.1 0 01-91.1 91.1h-.609a91.1 91.1 0 01-91.1-91.1H0v.166A117.33 117.33 0 00117.44 386.28h.775A117.331 117.331 0 00235.49 268.84v-26.012h-26.344zm-157.233 0a65.362 65.362 0 00130.723 0h-26.344a39.023 39.023 0 01-78.035 0v-25.957H51.968v-26.62A65.42 65.42 0 01182.8 217.48v25.293h26.344V217.48a91.761 91.761 0 00-183.522 0v25.4h26.291zm418.4-71.173c13.67 0 24.573 6.642 30.052 18.264l.719 1.549 23.245-11.511-.609-1.439c-8.025-19.26-28.5-31.27-53.407-31.27-23.134 0-43.611 11.4-50.972 28.447-.123 26.876-.158 23.9 0 24.85 4.7 11.013 14.555 19.37 28.668 24.241a102.033 102.033 0 0019.813 3.984c5.479.72 10.626 1.384 15.829 3.1 6.364 2.1 10.46 5.257 12.84 9.851v9.851c-3.708 7.527-13.781 12.342-25.791 12.342-14.334 0-25.956-6.918-31.933-19.039l-.72-1.494-23.021 11.507.553 1.439c7.915 19.426 29.609 32.044 55.289 32.044 23.632 0 44.608-11.4 52.3-28.447l.166-25.9-.166-.664c-4.87-11.014-15.219-19.647-28.944-24.241-7.693-2.712-14.335-3.6-20.7-4.427a83.777 83.777 0 01-14.832-2.878c-6.31-1.937-10.4-5.092-12.619-9.63v-8.412c3.377-7.357 12.896-12.117 24.242-12.117zM287.568 311.344h26.067v-68.4h-26.067zm352.266-53.3c-2.933-6.254-8.3-12.01-15.441-16.714A37.99 37.99 0 00637.4 226l.166-25.347-.166-.664c-7.362-15.989-26.733-26.729-48.15-26.729S548.461 184 541.1 199.992l-.166 25.347.166.664a39.643 39.643 0 0013.006 15.331c-7.2 4.7-12.508 10.46-15.441 16.714l-.166 28.889.166.72c7.582 15.994 27.893 26.731 50.585 26.731s43.057-10.737 50.584-26.731l.166-28.89zm-73.22-50.806c3.6-6.31 12.563-10.516 22.58-10.516s19.038 4.206 22.636 10.516v13.725c-3.542 6.2-12.563 10.349-22.636 10.349s-19.094-4.15-22.58-10.349zm47.319 72.169c-3.764 6.641-13.338 10.9-24.683 10.9-11.125 0-20.976-4.372-24.684-10.9V263.25c3.708-6.309 13.5-10.515 24.684-10.515 11.345 0 20.919 4.15 24.683 10.515zM376.4 265.962l-59.827-89.713h-29v40.623h26.51v.387l62.539 94.085H402.3V176.249h-25.9z" />
    </Svg>
  );
}

export default FontawesomeNs8;


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

function FontawesomeNs8(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
      <Path d="M104.324 269.172h26.067v-26.178h-26.067zm52.466-26.178l-.055-26.178v-.941a39.325 39.325 0 00-78.644.941v.166h26.4v-.166a12.98 12.98 0 0125.956 0v26.178zm52.356 25.846a91.1 91.1 0 01-91.1 91.1h-.609a91.1 91.1 0 01-91.1-91.1H0v.166A117.33 117.33 0 00117.44 386.28h.775A117.331 117.331 0 00235.49 268.84v-26.012h-26.344zm-157.233 0a65.362 65.362 0 00130.723 0h-26.344a39.023 39.023 0 01-78.035 0v-25.957H51.968v-26.62A65.42 65.42 0 01182.8 217.48v25.293h26.344V217.48a91.761 91.761 0 00-183.522 0v25.4h26.291zm418.4-71.173c13.67 0 24.573 6.642 30.052 18.264l.719 1.549 23.245-11.511-.609-1.439c-8.025-19.26-28.5-31.27-53.407-31.27-23.134 0-43.611 11.4-50.972 28.447-.123 26.876-.158 23.9 0 24.85 4.7 11.013 14.555 19.37 28.668 24.241a102.033 102.033 0 0019.813 3.984c5.479.72 10.626 1.384 15.829 3.1 6.364 2.1 10.46 5.257 12.84 9.851v9.851c-3.708 7.527-13.781 12.342-25.791 12.342-14.334 0-25.956-6.918-31.933-19.039l-.72-1.494-23.021 11.507.553 1.439c7.915 19.426 29.609 32.044 55.289 32.044 23.632 0 44.608-11.4 52.3-28.447l.166-25.9-.166-.664c-4.87-11.014-15.219-19.647-28.944-24.241-7.693-2.712-14.335-3.6-20.7-4.427a83.777 83.777 0 01-14.832-2.878c-6.31-1.937-10.4-5.092-12.619-9.63v-8.412c3.377-7.357 12.896-12.117 24.242-12.117zM287.568 311.344h26.067v-68.4h-26.067zm352.266-53.3c-2.933-6.254-8.3-12.01-15.441-16.714A37.99 37.99 0 00637.4 226l.166-25.347-.166-.664c-7.362-15.989-26.733-26.729-48.15-26.729S548.461 184 541.1 199.992l-.166 25.347.166.664a39.643 39.643 0 0013.006 15.331c-7.2 4.7-12.508 10.46-15.441 16.714l-.166 28.889.166.72c7.582 15.994 27.893 26.731 50.585 26.731s43.057-10.737 50.584-26.731l.166-28.89zm-73.22-50.806c3.6-6.31 12.563-10.516 22.58-10.516s19.038 4.206 22.636 10.516v13.725c-3.542 6.2-12.563 10.349-22.636 10.349s-19.094-4.15-22.58-10.349zm47.319 72.169c-3.764 6.641-13.338 10.9-24.683 10.9-11.125 0-20.976-4.372-24.684-10.9V263.25c3.708-6.309 13.5-10.515 24.684-10.515 11.345 0 20.919 4.15 24.683 10.515zM376.4 265.962l-59.827-89.713h-29v40.623h26.51v.387l62.539 94.085H402.3V176.249h-25.9z" />
    </Svg>
  );
}

export default FontawesomeNs8;


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="M104.324 269.172h26.067v-26.178h-26.067zm52.466-26.178l-.055-26.178v-.941a39.325 39.325 0 00-78.644.941v.166h26.4v-.166a12.98 12.98 0 0125.956 0v26.178zm52.356 25.846a91.1 91.1 0 01-91.1 91.1h-.609a91.1 91.1 0 01-91.1-91.1H0v.166A117.33 117.33 0 00117.44 386.28h.775A117.331 117.331 0 00235.49 268.84v-26.012h-26.344zm-157.233 0a65.362 65.362 0 00130.723 0h-26.344a39.023 39.023 0 01-78.035 0v-25.957H51.968v-26.62A65.42 65.42 0 01182.8 217.48v25.293h26.344V217.48a91.761 91.761 0 00-183.522 0v25.4h26.291zm418.4-71.173c13.67 0 24.573 6.642 30.052 18.264l.719 1.549 23.245-11.511-.609-1.439c-8.025-19.26-28.5-31.27-53.407-31.27-23.134 0-43.611 11.4-50.972 28.447-.123 26.876-.158 23.9 0 24.85 4.7 11.013 14.555 19.37 28.668 24.241a102.033 102.033 0 0019.813 3.984c5.479.72 10.626 1.384 15.829 3.1 6.364 2.1 10.46 5.257 12.84 9.851v9.851c-3.708 7.527-13.781 12.342-25.791 12.342-14.334 0-25.956-6.918-31.933-19.039l-.72-1.494-23.021 11.507.553 1.439c7.915 19.426 29.609 32.044 55.289 32.044 23.632 0 44.608-11.4 52.3-28.447l.166-25.9-.166-.664c-4.87-11.014-15.219-19.647-28.944-24.241-7.693-2.712-14.335-3.6-20.7-4.427a83.777 83.777 0 01-14.832-2.878c-6.31-1.937-10.4-5.092-12.619-9.63v-8.412c3.377-7.357 12.896-12.117 24.242-12.117zM287.568 311.344h26.067v-68.4h-26.067zm352.266-53.3c-2.933-6.254-8.3-12.01-15.441-16.714A37.99 37.99 0 00637.4 226l.166-25.347-.166-.664c-7.362-15.989-26.733-26.729-48.15-26.729S548.461 184 541.1 199.992l-.166 25.347.166.664a39.643 39.643 0 0013.006 15.331c-7.2 4.7-12.508 10.46-15.441 16.714l-.166 28.889.166.72c7.582 15.994 27.893 26.731 50.585 26.731s43.057-10.737 50.584-26.731l.166-28.89zm-73.22-50.806c3.6-6.31 12.563-10.516 22.58-10.516s19.038 4.206 22.636 10.516v13.725c-3.542 6.2-12.563 10.349-22.636 10.349s-19.094-4.15-22.58-10.349zm47.319 72.169c-3.764 6.641-13.338 10.9-24.683 10.9-11.125 0-20.976-4.372-24.684-10.9V263.25c3.708-6.309 13.5-10.515 24.684-10.515 11.345 0 20.919 4.15 24.683 10.515zM376.4 265.962l-59.827-89.713h-29v40.623h26.51v.387l62.539 94.085H402.3V176.249h-25.9z" />
    </svg>
  ))({
    className: props.className,
  });

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


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="M104.324 269.172h26.067v-26.178h-26.067zm52.466-26.178l-.055-26.178v-.941a39.325 39.325 0 00-78.644.941v.166h26.4v-.166a12.98 12.98 0 0125.956 0v26.178zm52.356 25.846a91.1 91.1 0 01-91.1 91.1h-.609a91.1 91.1 0 01-91.1-91.1H0v.166A117.33 117.33 0 00117.44 386.28h.775A117.331 117.331 0 00235.49 268.84v-26.012h-26.344zm-157.233 0a65.362 65.362 0 00130.723 0h-26.344a39.023 39.023 0 01-78.035 0v-25.957H51.968v-26.62A65.42 65.42 0 01182.8 217.48v25.293h26.344V217.48a91.761 91.761 0 00-183.522 0v25.4h26.291zm418.4-71.173c13.67 0 24.573 6.642 30.052 18.264l.719 1.549 23.245-11.511-.609-1.439c-8.025-19.26-28.5-31.27-53.407-31.27-23.134 0-43.611 11.4-50.972 28.447-.123 26.876-.158 23.9 0 24.85 4.7 11.013 14.555 19.37 28.668 24.241a102.033 102.033 0 0019.813 3.984c5.479.72 10.626 1.384 15.829 3.1 6.364 2.1 10.46 5.257 12.84 9.851v9.851c-3.708 7.527-13.781 12.342-25.791 12.342-14.334 0-25.956-6.918-31.933-19.039l-.72-1.494-23.021 11.507.553 1.439c7.915 19.426 29.609 32.044 55.289 32.044 23.632 0 44.608-11.4 52.3-28.447l.166-25.9-.166-.664c-4.87-11.014-15.219-19.647-28.944-24.241-7.693-2.712-14.335-3.6-20.7-4.427a83.777 83.777 0 01-14.832-2.878c-6.31-1.937-10.4-5.092-12.619-9.63v-8.412c3.377-7.357 12.896-12.117 24.242-12.117zM287.568 311.344h26.067v-68.4h-26.067zm352.266-53.3c-2.933-6.254-8.3-12.01-15.441-16.714A37.99 37.99 0 00637.4 226l.166-25.347-.166-.664c-7.362-15.989-26.733-26.729-48.15-26.729S548.461 184 541.1 199.992l-.166 25.347.166.664a39.643 39.643 0 0013.006 15.331c-7.2 4.7-12.508 10.46-15.441 16.714l-.166 28.889.166.72c7.582 15.994 27.893 26.731 50.585 26.731s43.057-10.737 50.584-26.731l.166-28.89zm-73.22-50.806c3.6-6.31 12.563-10.516 22.58-10.516s19.038 4.206 22.636 10.516v13.725c-3.542 6.2-12.563 10.349-22.636 10.349s-19.094-4.15-22.58-10.349zm47.319 72.169c-3.764 6.641-13.338 10.9-24.683 10.9-11.125 0-20.976-4.372-24.684-10.9V263.25c3.708-6.309 13.5-10.515 24.684-10.515 11.345 0 20.919 4.15 24.683 10.515zM376.4 265.962l-59.827-89.713h-29v40.623h26.51v.387l62.539 94.085H402.3V176.249h-25.9z" />
    </svg>
  ))({
    className: props.className,
  });

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


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