How to use @fortawesome/free-solid-svg-icons

Comprehensive @fortawesome/free-solid-svg-icons code examples:

How to use @fortawesome/free-solid-svg-icons.Options:

242
243
244
245
246
247
248
249
250
251
// app/root.tsx
var import_jsx_runtime = require("react/jsx-runtime"), links = () => [{ rel: "stylesheet", href: tailwind_default }], meta = () => ({
  charset: "utf-8",
  title: "Hands-on-hacking",
  viewport: "width=device-width,initial-scale=1"
}), options = new import_docker_cli_js.Options(void 0, void 0, !1), logos = [
  import_free_solid_svg_icons2.faUserSecret,
  import_free_solid_svg_icons2.faSkullCrossbones,
  import_free_solid_svg_icons2.faUserNinja,
  import_free_solid_svg_icons2.faRadiation,

How to use @fortawesome/free-solid-svg-icons.faCalendarDay:

23
24
25
26
27
28
29
30
31
32
    end: new forms_1.FormControl()
});
this.branches = [];
this.selectedValue = [];
this.isMobileCalender = false;
this.faCalendarDay = free_solid_svg_icons_1.faCalendarDay;
this.faBars = free_solid_svg_icons_1.faBars;
this.faMapMarkerAlt = free_solid_svg_icons_1.faMapMarkerAlt;
this.fa_download = exports.fa_download;
this.faTimes = free_solid_svg_icons_1.faTimesCircle;

How to use @fortawesome/free-solid-svg-icons.faEyeSlash:

17
18
19
20
21
22
23
24
25
26
this.common_service = common_service;
this._snackBar = _snackBar;
this.modalService = modalService;
this.faTimesCircle = free_solid_svg_icons_1.faTimesCircle;
this.faEye = free_solid_svg_icons_1.faEye;
this.faEyeSlash = free_solid_svg_icons_1.faEyeSlash;
this.close = exports.close;
this.password_type = "password";
this.user_id = "";
this.isLoading = false;

How to use @fortawesome/free-solid-svg-icons.faEdit:

20
21
22
23
24
25
26
27
28
29
this.loadsh = _;
this.current = 1;
this.totalPages = 1;
this.endPage = 1;
this.startPage = 1;
this.faEdit = free_solid_svg_icons_1.faEdit;
this.faSortRef = free_solid_svg_icons_1.faSort;
this.faSortProd = free_solid_svg_icons_1.faSort;
this.faSearch = free_solid_svg_icons_1.faSearch;
this.faPlusCircle = free_solid_svg_icons_1.faPlusCircle;

How to use @fortawesome/free-solid-svg-icons.faCloudUploadAlt:

33
34
35
36
37
38
39
40
41
42
  title: this.props.title,
  style: {
    margin: 0
  }
}, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
  icon: _freeSolidSvgIcons.faCloudUploadAlt
}), /*#__PURE__*/_react["default"].createElement("input", {
  id: this.props.id,
  style: {
    display: "none"

How to use @fortawesome/free-solid-svg-icons.faSortUp:

52
53
54
55
56
57
58
59
60
61
  key: attribute.value,
  onClick: () => handleSorterChange(attribute.value)
}, attribute.name, attribute.value === sorter ? order ? /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
  icon: _freeSolidSvgIcons.faSortDown
}) : /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
  icon: _freeSolidSvgIcons.faSortUp
}) : /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
  icon: _freeSolidSvgIcons.faSort
}))) : [];
return /*#__PURE__*/_react.default.createElement(StyledTableHeader, null, /*#__PURE__*/_react.default.createElement(TableHeaderRow, null, children));

How to use @fortawesome/free-solid-svg-icons.faSortDown:

50
51
52
53
54
55
56
57
58
59
  sorterColor: sorterColor,
  isSorter: attributes.value === sorter ? true : false,
  key: attribute.value,
  onClick: () => handleSorterChange(attribute.value)
}, attribute.name, attribute.value === sorter ? order ? /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
  icon: _freeSolidSvgIcons.faSortDown
}) : /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
  icon: _freeSolidSvgIcons.faSortUp
}) : /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
  icon: _freeSolidSvgIcons.faSort

How to use @fortawesome/free-solid-svg-icons.faBolt:

19
20
21
22
23
24
25
26
27
28
this.modalService = modalService;
this.close = account_from_component_1.close;
this.branches = [];
this.colors = ["#4751c9", "#45a9ea", "#cc6ae3", "#dea766", "#7c52cb", "#16a186"];
this.faEuroSign = free_solid_svg_icons_1.faEuroSign;
this.faBolt = free_solid_svg_icons_1.faBolt;
this.selectedColorIndex = 0;
this.categories = [];
this.ivas = [];
this.product_id = "";

How to use @fortawesome/free-solid-svg-icons.faShareAlt:

83
84
85
86
87
88
89
90
91
92
        this.shareBtn.nativeElement.style.display = "block";
    }
};
HeaderComponent.prototype.ngOnInit = function () {
    this.faBars = free_solid_svg_icons_1.faBars;
    this.faShareAlt = free_solid_svg_icons_1.faShareAlt;
    this.faCloudDownloadAlt = free_solid_svg_icons_1.faCloudDownloadAlt;
    if (this.url.path().includes("pt")) {
        this.cvPath = "assets/David-Juan-pt.pdf";
        this.titleCv = "Baixar Curriculo em PDF";

How to use @fortawesome/free-solid-svg-icons.faEye:

16
17
18
19
20
21
22
23
24
25
this.apiService = apiService;
this.common_service = common_service;
this._snackBar = _snackBar;
this.modalService = modalService;
this.faTimesCircle = free_solid_svg_icons_1.faTimesCircle;
this.faEye = free_solid_svg_icons_1.faEye;
this.faEyeSlash = free_solid_svg_icons_1.faEyeSlash;
this.close = exports.close;
this.password_type = "password";
this.user_id = "";

How to use @fortawesome/free-solid-svg-icons.faMapMarkerAlt:

14
15
16
17
18
19
20
21
22
23
function AddInventoryOrderComponent(common_service, apiService) {
    var _this = this;
    this.common_service = common_service;
    this.apiService = apiService;
    this.faPlus = free_solid_svg_icons_1.faPlus;
    this.faMapMarkerAlt = free_solid_svg_icons_1.faMapMarkerAlt;
    this.faChevronDown = free_solid_svg_icons_1.faChevronDown;
    this.faMinus = free_solid_svg_icons_1.faMinus;
    this.selected_branch = "";
    this.createOrderNessaryData = null;

How to use @fortawesome/free-solid-svg-icons.faShoppingCart:

480
481
482
483
484
485
486
487
488
489
  style: {
    color: webStyle.colors[componentStyles.textColor]
  },
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
    className: "m-icons",
    icon: _freeSolidSvgIcons.faShoppingCart
  })
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
  className: "position-absolute top-0 start-100 translate-middle badge rounded-pill ",
  children: [Object.keys(cart).length, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

How to use @fortawesome/free-solid-svg-icons.faAdjust:

19
20
21
22
23
24
25
26
27
28
var CrmComponent = /** @class */ (function () {
    function CrmComponent(common_service, apiServices) {
        this.common_service = common_service;
        this.apiServices = apiServices;
        this.faSort = free_solid_svg_icons_1.faSort;
        this.faFilter = free_solid_svg_icons_1.faAdjust;
        this.faArrowDown = free_solid_svg_icons_1.faArrowDown;
        this.toDate = "";
        this.loadsh = _;
        this.isLoadingGrpah = false;

How to use @fortawesome/free-solid-svg-icons.faPlusSquare:

256
257
258
259
260
261
262
263
264
265
      },
      onClick: function onClick(evt) {
        addDropdownlink(evt, index);
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
        icon: _freeSolidSvgIcons.faPlusSquare
      })
    })]
  })
})

How to use @fortawesome/free-solid-svg-icons.faExclamationCircle:

49
50
51
52
53
54
55
56
57
58
        icono = free_solid_svg_icons_1.faTimesCircle;
        break;
    default:
        divTipoMensaje = "divTipoMensaje divTipoMensaje_azul";
        divIcono = "divIcono divIcono_azul";
        icono = free_solid_svg_icons_1.faExclamationCircle;
        break;
}
return (react_1.default.createElement("div", { className: divTipoMensaje },
    react_1.default.createElement("div", { className: divIcono },

How to use @fortawesome/free-solid-svg-icons.faAngleLeft:

488
489
490
491
492
493
494
495
496
497
  onClick: function onClick() {
    return onPageChange(page - 1);
  },
  disabled: !hasPrev
}, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, {
  icon: freeSolidSvgIcons.faAngleLeft
})), /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
  variant: variant,
  disabled: true
}, cursorBased ? page : "".concat(page, " / ").concat(lastPage)), /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {

How to use @fortawesome/free-solid-svg-icons.faCheckCircle:

39
40
41
42
43
44
45
46
47
48
let icono;
switch (this.props.tipo) {
    case exports.MENSAJE_CORRECTO:
        divTipoMensaje = "divTipoMensaje divTipoMensaje_verde";
        divIcono = "divIcono divIcono_verde";
        icono = free_solid_svg_icons_1.faCheckCircle;
        break;
    case exports.MENSAJE_ERROR:
        divTipoMensaje = "divTipoMensaje divTipoMensaje_rojo";
        divIcono = "divIcono divIcono_rojo";

How to use @fortawesome/free-solid-svg-icons.faAngleDoubleRight:

507
508
509
510
511
512
513
514
515
516
517
    onClick: function onClick() {
      return onPageChange(lastPage);
    },
    disabled: page >= lastPage
  }, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, {
    icon: freeSolidSvgIcons.faAngleDoubleRight
  })));
};


Paginator.propTypes = {

How to use @fortawesome/free-solid-svg-icons.faAngleDoubleLeft:

480
481
482
483
484
485
486
487
488
489
  onClick: function onClick() {
    return onPageChange(1);
  },
  disabled: page === 1
}, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, {
  icon: freeSolidSvgIcons.faAngleDoubleLeft
})), /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
  variant: variant,
  onClick: function onClick() {
    return onPageChange(page - 1);

How to use @fortawesome/free-solid-svg-icons.faSortAlphaDown:

99
100
101
102
103
104
105
106
107
108
    return field == 'reference' ? data.reference : data.inventory_name;
});
this.tableData = sorted.reverse();
this.sortType = "desc";
if (field == 'reference') {
    this.faSortRef = free_solid_svg_icons_1.faSortAlphaDown;
    this.faSortProd = free_solid_svg_icons_1.faSort;
}
else {
    this.faSortRef = free_solid_svg_icons_1.faSort;

How to use @fortawesome/free-solid-svg-icons.faAngleRight:

499
500
501
502
503
504
505
506
507
508
  onClick: function onClick() {
    return onPageChange(page + 1);
  },
  disabled: !hasNext
}, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, {
  icon: freeSolidSvgIcons.faAngleRight
})), !cursorBased && /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
  variant: variant,
  onClick: function onClick() {
    return onPageChange(lastPage);

How to use @fortawesome/free-solid-svg-icons.faAlignRight:

182
183
184
185
186
187
188
189
190
191
192
  return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
    title: "Align tips to right",
    variant: "secondary"
  }, props), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
    key: 1,
    icon: _freeSolidSvgIcons.faAlignRight
  }));
}


function AlignTipsLeftButton(props) {

How to use @fortawesome/free-solid-svg-icons.faSortAmountUp:

172
173
174
175
176
177
178
179
180
181
182
  return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
    title: "Sort in descending order",
    variant: "secondary"
  }, props), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
    key: 1,
    icon: _freeSolidSvgIcons.faSortAmountUp
  }));
}


function AlignTipsRightButton(props) {

How to use @fortawesome/free-solid-svg-icons.faAnchor:

16
17
18
19
20
21
22
23
24
25
var experienceShellActions = require("../experience-shell/state/experience-shell.actions");
var ExperienceControllerComponent = /** @class */ (function () {
    function ExperienceControllerComponent(experienceDataStore, experienceShellStore) {
        this.experienceDataStore = experienceDataStore;
        this.experienceShellStore = experienceShellStore;
        this.faAnchor = free_solid_svg_icons_1.faAnchor;
        //  Actions
        // *********
        // I need to set the current experience for the experience Shell ☑️
        // Calculations

How to use @fortawesome/free-solid-svg-icons.faAlignLeft:

192
193
194
195
196
197
198
199
200
201
202
  return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
    title: "Align tips to left",
    variant: "secondary"
  }, props), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
    key: 1,
    icon: _freeSolidSvgIcons.faAlignLeft
  }));
}


function DownloadImagetButton(props) {

How to use @fortawesome/free-solid-svg-icons.faSortAlphaUp:

68
69
70
71
72
73
74
75
76
77
};
CatelougeConfigurationsComponent.prototype.sort = function (field) {
    if (this.sortField != field) {
        this.sortType = null;
        if (field == 'reference') {
            this.faSortRef = free_solid_svg_icons_1.faSortAlphaUp;
            this.faSortProd = free_solid_svg_icons_1.faSort;
        }
        else {
            this.faSortRef = free_solid_svg_icons_1.faSort;

How to use @fortawesome/free-solid-svg-icons.faExclamationTriangle:

154
155
156
157
158
159
160
161
162
163
var bsStyle = "";
var icon = "";
switch (this.props.type) {
  case 'error':
    bsStyle = "danger";
    icon = _freeSolidSvgIcons.faExclamationTriangle;
    break;
  case 'warning':
    bsStyle = "warning";
    icon = _freeSolidSvgIcons.faExclamationTriangle;

How to use @fortawesome/free-solid-svg-icons.faCloudDownloadAlt:

613
614
615
616
617
618
619
620
621
622
}), " ", _RecitEditor.i18n.get_string('showroom')))), this.state.showMenu && this.props.type === 'c' && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
  onClick: function onClick(event) {
    return _this8.onExport(event, _this8.props.dataProvider.myComponents);
  }
}, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
  icon: _freeSolidSvgIcons.faCloudDownloadAlt
}), " ", _RecitEditor.i18n.get_string('export'))), this.props.type === 'l' && /*#__PURE__*/_react["default"].createElement("ul", {
  className: "mt-2 d-flex flex-wrap justify-content-center"
}, this.props.dataProvider.map(function (item, index) {
  return that.getToken(item, index, true);

How to use @fortawesome/free-solid-svg-icons.faPercent:

26
27
28
29
30
31
32
33
34
35
function SetupFormComponent(apiService, commonService) {
  this.apiService = apiService;
  this.commonService = commonService;
  this.faTimesCircle = free_solid_svg_icons_1.faTimesCircle;
  this.close = exports.close;
  this.faPercent = free_solid_svg_icons_1.faPercent;
  this.faEuroSign = free_solid_svg_icons_1.faEuroSign;
  this.isLoading = false;
  this.ivaForm = new forms_1.FormGroup({
    iva: new forms_1.FormControl('', forms_1.Validators.required)

How to use @fortawesome/free-solid-svg-icons.faArrowUp:

130
131
132
133
134
135
136
137
138
139
  },
  title: "Expand vertically",
  variant: "secondary"
}, props), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
  key: 1,
  icon: _freeSolidSvgIcons.faArrowUp
}), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
  key: 2,
  icon: _freeSolidSvgIcons.faArrowDown
}));