How to use @fortawesome/free-solid-svg-icons - 10 common examples

const path = require('path');
const prettyStringify = require('json-stringify-pretty-compact');
const shell = require('shelljs');
const YAML = require('js-yaml');

const fieldSchema = require('./data/presets/schema/field.json');
const presetSchema = require('./data/presets/schema/preset.json');
const nsi = require('name-suggestion-index');
const deprecated = require('./data/deprecated.json').dataDeprecated;

// fontawesome icons
const fontawesome = require('@fortawesome/fontawesome-svg-core');
const fas = require('@fortawesome/free-solid-svg-icons').fas;
const far = require('@fortawesome/free-regular-svg-icons').far;
const fab = require('@fortawesome/free-brands-svg-icons').fab;
fontawesome.library.add(fas, far, fab);

const request = require('request').defaults({ maxSockets: 1 });

let _currBuild = null;


function buildData() {
  if (_currBuild) return _currBuild;

  const START = '🏗   ' + colors.yellow('Building data...');
  const END = '👍  ' + colors.green('data built');

  console.log('');
  console.log(START);
  console.time(END);

import ReactDOM from 'react-dom'; // eslint-disable-line
import { library } from '@fortawesome/fontawesome-svg-core';
import * as Icons from '@fortawesome/free-solid-svg-icons';
import * as Brands from '@fortawesome/fontawesome-free-brands';

const iconsToUse = [
  Icons.faBook,
  Icons.faShippingFast,
  Icons.faCoffee,
  Icons.faUserAstronaut,
  Icons.faChevronRight,
  Brands.faGithub,
];
// eslint-disable-next-line
export default library.add.apply(library, iconsToUse);

import ReactDOM from 'react-dom'; // eslint-disable-line
import { library } from '@fortawesome/fontawesome-svg-core';
import * as Icons from '@fortawesome/free-solid-svg-icons';
import * as Brands from '@fortawesome/fontawesome-free-brands';

const iconsToUse = [
  Icons.faBook,
  Icons.faShippingFast,
  Icons.faCoffee,
  Icons.faUserAstronaut,
  Icons.faChevronRight,
  Brands.faGithub,
];
// eslint-disable-next-line
export default library.add.apply(library, iconsToUse);

import ReactDOM from 'react-dom'; // eslint-disable-line
import { library } from '@fortawesome/fontawesome-svg-core';
import * as Icons from '@fortawesome/free-solid-svg-icons';
import * as Brands from '@fortawesome/fontawesome-free-brands';

const iconsToUse = [
  Icons.faBook,
  Icons.faShippingFast,
  Icons.faCoffee,
  Icons.faUserAstronaut,
  Icons.faChevronRight,
  Brands.faGithub,
];
// eslint-disable-next-line
export default library.add.apply(library, iconsToUse);

import { library } from '@fortawesome/fontawesome-svg-core';
// Official documentation available at: https://github.com/FortAwesome/vue-fontawesome
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';

// If not present, it won't be visible within the application. Considering that you
// don't want all the icons for no reason. This is a good way to avoid importing too many
// unnecessary things.
library.add(
	require('@fortawesome/free-solid-svg-icons').faGraduationCap,
	require('@fortawesome/free-solid-svg-icons').faList,
	require('@fortawesome/free-solid-svg-icons').faSpinner,
	require('@fortawesome/free-solid-svg-icons').faHome,
	// Brands
	require('@fortawesome/free-brands-svg-icons').faMicrosoft,
	require('@fortawesome/free-brands-svg-icons').faVuejs,
	require('@fortawesome/free-brands-svg-icons').faFontAwesome
);

export {
	FontAwesomeIcon
}

import { library } from '@fortawesome/fontawesome-svg-core';
// Official documentation available at: https://github.com/FortAwesome/vue-fontawesome
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';

// If not present, it won't be visible within the application. Considering that you
// don't want all the icons for no reason. This is a good way to avoid importing too many
// unnecessary things.
library.add(
	require('@fortawesome/free-solid-svg-icons').faGraduationCap,
	require('@fortawesome/free-solid-svg-icons').faList,
	require('@fortawesome/free-solid-svg-icons').faSpinner,
	require('@fortawesome/free-solid-svg-icons').faHome,
	// Brands
	require('@fortawesome/free-brands-svg-icons').faMicrosoft,
	require('@fortawesome/free-brands-svg-icons').faVuejs,
	require('@fortawesome/free-brands-svg-icons').faFontAwesome
);

export {
	FontAwesomeIcon
}

import { library } from '@fortawesome/fontawesome-svg-core';
// Official documentation available at: https://github.com/FortAwesome/vue-fontawesome
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';

// If not present, it won't be visible within the application. Considering that you
// don't want all the icons for no reason. This is a good way to avoid importing too many
// unnecessary things.
library.add(
	require('@fortawesome/free-solid-svg-icons').faGraduationCap,
	require('@fortawesome/free-solid-svg-icons').faList,
	require('@fortawesome/free-solid-svg-icons').faSpinner,
	require('@fortawesome/free-solid-svg-icons').faHome,
	// Brands
	require('@fortawesome/free-brands-svg-icons').faMicrosoft,
	require('@fortawesome/free-brands-svg-icons').faVuejs,
	require('@fortawesome/free-brands-svg-icons').faFontAwesome
);

export {
	FontAwesomeIcon
}

import ReactDOM from 'react-dom'; // eslint-disable-line
import { library } from '@fortawesome/fontawesome-svg-core';
import * as Icons from '@fortawesome/free-solid-svg-icons';
import * as Brands from '@fortawesome/fontawesome-free-brands';

const iconsToUse = [
  Icons.faBook,
  Icons.faShippingFast,
  Icons.faCoffee,
  Icons.faUserAstronaut,
  Icons.faChevronRight,
  Brands.faGithub,
];
// eslint-disable-next-line
export default library.add.apply(library, iconsToUse);

import { library } from '@fortawesome/fontawesome-svg-core';
// Official documentation available at: https://github.com/FortAwesome/vue-fontawesome
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';

// If not present, it won't be visible within the application. Considering that you
// don't want all the icons for no reason. This is a good way to avoid importing too many
// unnecessary things.
library.add(
	require('@fortawesome/free-solid-svg-icons').faGraduationCap,
	require('@fortawesome/free-solid-svg-icons').faList,
	require('@fortawesome/free-solid-svg-icons').faSpinner,
	require('@fortawesome/free-solid-svg-icons').faHome,
	// Brands
	require('@fortawesome/free-brands-svg-icons').faMicrosoft,
	require('@fortawesome/free-brands-svg-icons').faVuejs,
	require('@fortawesome/free-brands-svg-icons').faFontAwesome
);

export {
	FontAwesomeIcon
}

import ReactDOM from 'react-dom'; // eslint-disable-line
import { library } from '@fortawesome/fontawesome-svg-core';
import * as Icons from '@fortawesome/free-solid-svg-icons';
import * as Brands from '@fortawesome/fontawesome-free-brands';

const iconsToUse = [
  Icons.faBook,
  Icons.faShippingFast,
  Icons.faCoffee,
  Icons.faUserAstronaut,
  Icons.faChevronRight,
  Brands.faGithub,
];
// eslint-disable-next-line
export default library.add.apply(library, iconsToUse);