时间戳

首页 > 解决方案 > ReactJs 覆盖字体 awesone 图标

reactjs - ReactJs 覆盖字体 awesone 图标

问题描述

我想问一下我们如何在 ReactJS 中堆叠 Font Awesome 图标。

在 HTML 中，我们使用以下代码：

<span class="fa-stack fa-2x">
  <i class="fas fa-circle fa-stack-2x"></i>
  <i class="fas fa-flag fa-stack-1x fa-inverse"></i>
</span>

在 ReactJS 中，我们使用：

<FontAwesomeIcon icon={faFlag} />

如何在用户上堆叠一个圆圈，使其看起来好像标志图标在圆圈中

标签： reactjsiconsfont-awesome

解决方案

您可以使用“分层”和提供的 CSS 来做同样的事情：

<span className="fa-layers fa-fw fa-2x">
  <FontAwesomeIcon icon={faCircle} />
  <FontAwesomeIcon icon={faFlag} inverse transform="shrink-5" />
</span>

推荐阅读