使用fontawesome生成时区图标

Question

有人用font-awesome做过好看的时区图标吗？我想可能是世界和时间一起，但我无法让它看起来漂亮。

<span class="fa-stack">
  <i class="fa fa-globe fa-stack-2x"></i>
  <i class="fa fa-clock-o fa-stack-1x"></i>
</span>

以上可能只是一个起点，但我需要更改颜色或其他东西，或者自己将其样式并排而不是堆叠-所以我想知道是否有人已经有了看起来不错的东西？它不需要是世界和时间，可以是其他对用户表示时区的东西。

- Symeon Breen

Answer 1

类似这样的。关键是要让颜色差异足够大，以便时钟突出，并将时钟放在适当的位置。

<span class="fa-stack">
<i class="fa fa-globe fa-stack-2x"></i>
<i class="fa fa-clock-o fa-stack" style="color: #ccc; text-align: right; margin-right: 0.35em; margin-top: 0.25em; right: 0; position: absolute;"></i>
</span>

https://jsfiddle.net/01h9p7xx/

- Necreaux