语义 UI 图标集货币
Semantic UI 是一个基于 CSS 和 jQuery 的开源 CSS 框架。它通过其预先构建的元素和模块帮助更快地构建布局。在本文中,我们将看到 Semantic UI 提供的货币图标集。
语义 UI 图标设置货币为我们提供了不同种类的事物和活动。货币图标集中共有 11 个图标,可用于表示各国的货币或货币单位,如美元符号、欧元符号、日元符号、卢布符号等,如下所述。在本文中,我们将了解各种形式的语义 UI 货币集图标,如彩色图标或单位或不同大小的图标。
语义 UI 图标集货币类:
- 美元符号:这些类用于显示美元货币符号。
- euro sign :这些类用于显示欧元货币符号。
- 里拉符号:这些类用于显示里拉货币符号。
- 钞票替代:这些类用于显示钞票图标。
- 钞票替代轮廓:这些类用于显示轮廓的钞票图标。
- 磅符号:这些类用于显示英镑货币符号。
- 卢布符号:这些类用于显示卢布货币符号。
- 卢比符号:这些类用于显示卢比货币符号。
- 谢克尔符号:这些类用于显示谢克尔货币符号。
- won sign : 这些类用于显示赢得的货币符号。
- 日元符号:这些类用于显示日元货币符号。
句法:
示例 1:下面的示例说明了上面列出的所有 11 个图标的使用。
HTML
Semantic-UI Icon Set Currency
GeeksforGeeks
Semantic UI - Icon Set Currency
HTML
Semantic-UI Icon Set Currency
GeeksforGeeks
Semantic UI - Icon Set Currency
HTML
Semantic-UI Icon Set Currency
GeeksforGeeks
Semantic UI - Icon Set Currency
输出:
示例 2:下面的示例显示了使用不同颜色的货币集图标。
HTML
Semantic-UI Icon Set Currency
GeeksforGeeks
Semantic UI - Icon Set Currency
输出:
示例 3:下面的示例显示了使用具有大小变化的货币集图标。
HTML
Semantic-UI Icon Set Currency
GeeksforGeeks
Semantic UI - Icon Set Currency
输出:
参考链接: https://semantic-ui.com/elements/icon.html#currency