fontawesome

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

import * as React from "react";

function FontawesomeRavelry(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
      <path d="M498.252 234.223c-1.208-10.34-1.7-20.826-3.746-31a310.306 310.306 0 00-9.622-36.6 184.068 184.068 0 00-30.874-57.5 251.154 251.154 0 00-18.818-21.689 237.362 237.362 0 00-47.113-36.116 240.8 240.8 0 00-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615-6.78-1.314-13.749-1.667-20.627-2.482-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236 1.15a179.331 179.331 0 00-34.256 7.1 221.5 221.5 0 00-39.768 16.355 281.385 281.385 0 00-38.08 24.158c-6.167 4.61-12.268 9.36-17.974 14.518-10.173 9.207-20.372 18.433-29.927 28.268a243.878 243.878 0 00-33.648 43.95 206.488 206.488 0 00-20.494 44.6 198.2 198.2 0 00-7.691 34.759 201.13 201.13 0 00-1.552 35.521 299.716 299.716 0 004.425 40.24 226.865 226.865 0 0016.73 53.3 210.543 210.543 0 0024 39.528 213.589 213.589 0 0026.358 28.416 251.313 251.313 0 0041.787 30.586 287.831 287.831 0 0055.9 25.277 269.5 269.5 0 0040.641 9.835c6.071 1.01 12.275 1.253 18.412 1.873a4.149 4.149 0 011.19.56h32.289c2.507-.389 5-.937 7.527-1.143 16.336-1.332 32.107-5.335 47.489-10.717a219.992 219.992 0 0048.952-23.818c9.749-6.447 19.395-13.077 28.737-20.1 5.785-4.348 10.988-9.5 16.3-14.457 3.964-3.7 7.764-7.578 11.51-11.5a232.162 232.162 0 0031.427-41.639c9.542-16.045 17.355-32.905 22.3-50.926 2.859-10.413 4.947-21.045 7.017-31.652 1.032-5.279 1.251-10.723 1.87-16.087.036-.317.358-.6.552-.9v-37.056a9.757 9.757 0 01-.561-1.782zm-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2 0-33.57 14.9-33.57 37.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822 26.771-36.189 62.04-36.189z" />
    </svg>
  );
}

export default FontawesomeRavelry;


import * as React from "react";

function FontawesomeRavelry(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
      <path d="M498.252 234.223c-1.208-10.34-1.7-20.826-3.746-31a310.306 310.306 0 00-9.622-36.6 184.068 184.068 0 00-30.874-57.5 251.154 251.154 0 00-18.818-21.689 237.362 237.362 0 00-47.113-36.116 240.8 240.8 0 00-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615-6.78-1.314-13.749-1.667-20.627-2.482-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236 1.15a179.331 179.331 0 00-34.256 7.1 221.5 221.5 0 00-39.768 16.355 281.385 281.385 0 00-38.08 24.158c-6.167 4.61-12.268 9.36-17.974 14.518-10.173 9.207-20.372 18.433-29.927 28.268a243.878 243.878 0 00-33.648 43.95 206.488 206.488 0 00-20.494 44.6 198.2 198.2 0 00-7.691 34.759 201.13 201.13 0 00-1.552 35.521 299.716 299.716 0 004.425 40.24 226.865 226.865 0 0016.73 53.3 210.543 210.543 0 0024 39.528 213.589 213.589 0 0026.358 28.416 251.313 251.313 0 0041.787 30.586 287.831 287.831 0 0055.9 25.277 269.5 269.5 0 0040.641 9.835c6.071 1.01 12.275 1.253 18.412 1.873a4.149 4.149 0 011.19.56h32.289c2.507-.389 5-.937 7.527-1.143 16.336-1.332 32.107-5.335 47.489-10.717a219.992 219.992 0 0048.952-23.818c9.749-6.447 19.395-13.077 28.737-20.1 5.785-4.348 10.988-9.5 16.3-14.457 3.964-3.7 7.764-7.578 11.51-11.5a232.162 232.162 0 0031.427-41.639c9.542-16.045 17.355-32.905 22.3-50.926 2.859-10.413 4.947-21.045 7.017-31.652 1.032-5.279 1.251-10.723 1.87-16.087.036-.317.358-.6.552-.9v-37.056a9.757 9.757 0 01-.561-1.782zm-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2 0-33.57 14.9-33.57 37.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822 26.771-36.189 62.04-36.189z" />
    </svg>
  );
}

export default FontawesomeRavelry;


import { FaRavelry } from react-icons/fa;

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

function FontawesomeRavelry(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
      <Path d="M498.252 234.223c-1.208-10.34-1.7-20.826-3.746-31a310.306 310.306 0 00-9.622-36.6 184.068 184.068 0 00-30.874-57.5 251.154 251.154 0 00-18.818-21.689 237.362 237.362 0 00-47.113-36.116 240.8 240.8 0 00-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615-6.78-1.314-13.749-1.667-20.627-2.482-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236 1.15a179.331 179.331 0 00-34.256 7.1 221.5 221.5 0 00-39.768 16.355 281.385 281.385 0 00-38.08 24.158c-6.167 4.61-12.268 9.36-17.974 14.518-10.173 9.207-20.372 18.433-29.927 28.268a243.878 243.878 0 00-33.648 43.95 206.488 206.488 0 00-20.494 44.6 198.2 198.2 0 00-7.691 34.759 201.13 201.13 0 00-1.552 35.521 299.716 299.716 0 004.425 40.24 226.865 226.865 0 0016.73 53.3 210.543 210.543 0 0024 39.528 213.589 213.589 0 0026.358 28.416 251.313 251.313 0 0041.787 30.586 287.831 287.831 0 0055.9 25.277 269.5 269.5 0 0040.641 9.835c6.071 1.01 12.275 1.253 18.412 1.873a4.149 4.149 0 011.19.56h32.289c2.507-.389 5-.937 7.527-1.143 16.336-1.332 32.107-5.335 47.489-10.717a219.992 219.992 0 0048.952-23.818c9.749-6.447 19.395-13.077 28.737-20.1 5.785-4.348 10.988-9.5 16.3-14.457 3.964-3.7 7.764-7.578 11.51-11.5a232.162 232.162 0 0031.427-41.639c9.542-16.045 17.355-32.905 22.3-50.926 2.859-10.413 4.947-21.045 7.017-31.652 1.032-5.279 1.251-10.723 1.87-16.087.036-.317.358-.6.552-.9v-37.056a9.757 9.757 0 01-.561-1.782zm-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2 0-33.57 14.9-33.57 37.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822 26.771-36.189 62.04-36.189z" />
    </Svg>
  );
}

export default FontawesomeRavelry;


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

function FontawesomeRavelry(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
      <Path d="M498.252 234.223c-1.208-10.34-1.7-20.826-3.746-31a310.306 310.306 0 00-9.622-36.6 184.068 184.068 0 00-30.874-57.5 251.154 251.154 0 00-18.818-21.689 237.362 237.362 0 00-47.113-36.116 240.8 240.8 0 00-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615-6.78-1.314-13.749-1.667-20.627-2.482-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236 1.15a179.331 179.331 0 00-34.256 7.1 221.5 221.5 0 00-39.768 16.355 281.385 281.385 0 00-38.08 24.158c-6.167 4.61-12.268 9.36-17.974 14.518-10.173 9.207-20.372 18.433-29.927 28.268a243.878 243.878 0 00-33.648 43.95 206.488 206.488 0 00-20.494 44.6 198.2 198.2 0 00-7.691 34.759 201.13 201.13 0 00-1.552 35.521 299.716 299.716 0 004.425 40.24 226.865 226.865 0 0016.73 53.3 210.543 210.543 0 0024 39.528 213.589 213.589 0 0026.358 28.416 251.313 251.313 0 0041.787 30.586 287.831 287.831 0 0055.9 25.277 269.5 269.5 0 0040.641 9.835c6.071 1.01 12.275 1.253 18.412 1.873a4.149 4.149 0 011.19.56h32.289c2.507-.389 5-.937 7.527-1.143 16.336-1.332 32.107-5.335 47.489-10.717a219.992 219.992 0 0048.952-23.818c9.749-6.447 19.395-13.077 28.737-20.1 5.785-4.348 10.988-9.5 16.3-14.457 3.964-3.7 7.764-7.578 11.51-11.5a232.162 232.162 0 0031.427-41.639c9.542-16.045 17.355-32.905 22.3-50.926 2.859-10.413 4.947-21.045 7.017-31.652 1.032-5.279 1.251-10.723 1.87-16.087.036-.317.358-.6.552-.9v-37.056a9.757 9.757 0 01-.561-1.782zm-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2 0-33.57 14.9-33.57 37.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822 26.771-36.189 62.04-36.189z" />
    </Svg>
  );
}

export default FontawesomeRavelry;


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="M498.252 234.223c-1.208-10.34-1.7-20.826-3.746-31a310.306 310.306 0 00-9.622-36.6 184.068 184.068 0 00-30.874-57.5 251.154 251.154 0 00-18.818-21.689 237.362 237.362 0 00-47.113-36.116 240.8 240.8 0 00-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615-6.78-1.314-13.749-1.667-20.627-2.482-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236 1.15a179.331 179.331 0 00-34.256 7.1 221.5 221.5 0 00-39.768 16.355 281.385 281.385 0 00-38.08 24.158c-6.167 4.61-12.268 9.36-17.974 14.518-10.173 9.207-20.372 18.433-29.927 28.268a243.878 243.878 0 00-33.648 43.95 206.488 206.488 0 00-20.494 44.6 198.2 198.2 0 00-7.691 34.759 201.13 201.13 0 00-1.552 35.521 299.716 299.716 0 004.425 40.24 226.865 226.865 0 0016.73 53.3 210.543 210.543 0 0024 39.528 213.589 213.589 0 0026.358 28.416 251.313 251.313 0 0041.787 30.586 287.831 287.831 0 0055.9 25.277 269.5 269.5 0 0040.641 9.835c6.071 1.01 12.275 1.253 18.412 1.873a4.149 4.149 0 011.19.56h32.289c2.507-.389 5-.937 7.527-1.143 16.336-1.332 32.107-5.335 47.489-10.717a219.992 219.992 0 0048.952-23.818c9.749-6.447 19.395-13.077 28.737-20.1 5.785-4.348 10.988-9.5 16.3-14.457 3.964-3.7 7.764-7.578 11.51-11.5a232.162 232.162 0 0031.427-41.639c9.542-16.045 17.355-32.905 22.3-50.926 2.859-10.413 4.947-21.045 7.017-31.652 1.032-5.279 1.251-10.723 1.87-16.087.036-.317.358-.6.552-.9v-37.056a9.757 9.757 0 01-.561-1.782zm-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2 0-33.57 14.9-33.57 37.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822 26.771-36.189 62.04-36.189z" />
    </svg>
  ))({
    className: props.className,
  });

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


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="M498.252 234.223c-1.208-10.34-1.7-20.826-3.746-31a310.306 310.306 0 00-9.622-36.6 184.068 184.068 0 00-30.874-57.5 251.154 251.154 0 00-18.818-21.689 237.362 237.362 0 00-47.113-36.116 240.8 240.8 0 00-56.723-24.668c-11.018-3.1-22.272-5.431-33.515-7.615-6.78-1.314-13.749-1.667-20.627-2.482-.316-.036-.6-.358-.9-.553q-16.143.009-32.288.006c-2.41.389-4.808.925-7.236 1.15a179.331 179.331 0 00-34.256 7.1 221.5 221.5 0 00-39.768 16.355 281.385 281.385 0 00-38.08 24.158c-6.167 4.61-12.268 9.36-17.974 14.518-10.173 9.207-20.372 18.433-29.927 28.268a243.878 243.878 0 00-33.648 43.95 206.488 206.488 0 00-20.494 44.6 198.2 198.2 0 00-7.691 34.759 201.13 201.13 0 00-1.552 35.521 299.716 299.716 0 004.425 40.24 226.865 226.865 0 0016.73 53.3 210.543 210.543 0 0024 39.528 213.589 213.589 0 0026.358 28.416 251.313 251.313 0 0041.787 30.586 287.831 287.831 0 0055.9 25.277 269.5 269.5 0 0040.641 9.835c6.071 1.01 12.275 1.253 18.412 1.873a4.149 4.149 0 011.19.56h32.289c2.507-.389 5-.937 7.527-1.143 16.336-1.332 32.107-5.335 47.489-10.717a219.992 219.992 0 0048.952-23.818c9.749-6.447 19.395-13.077 28.737-20.1 5.785-4.348 10.988-9.5 16.3-14.457 3.964-3.7 7.764-7.578 11.51-11.5a232.162 232.162 0 0031.427-41.639c9.542-16.045 17.355-32.905 22.3-50.926 2.859-10.413 4.947-21.045 7.017-31.652 1.032-5.279 1.251-10.723 1.87-16.087.036-.317.358-.6.552-.9v-37.056a9.757 9.757 0 01-.561-1.782zm-161.117-1.15s-16.572-2.98-28.47-2.98c-27.2 0-33.57 14.9-33.57 37.04V360.8h-73.513V170.062H275.1v31.931c8.924-26.822 26.771-36.189 62.04-36.189z" />
    </svg>
  ))({
    className: props.className,
  });

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


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