dioxus-free-icons 🙂

使用 dioxus-free-icons 在您的 Dioxus 项目中轻松使用免费 SVG 图标。

有关此 crate 的更多信息，请参阅 crate 文档。

安装

要使用 dioxus-free-icons，请将以下内容添加到您的 Cargo.toml

[dependencies]
dioxus-free-icons = { version = "0.8", features = ["font-awesome-brands"] }

支持功能

以下功能可用。请访问 react-icons 网站 检查图标名称和图标设计。

• bootstrap
• font-awesome-brands
• font-awesome-regular
• font-awesome-solid
• feather
• octicons
• hero-icons-outline
• hero-icons-solid
• ionicons
• lucide
• material-design-icons-action
• material-design-icons-alert
• material-design-icons-av
• material-design-icons-communication
• material-design-icons-content
• material-design-icons-device
• material-design-icons-editor
• material-design-icons-file
• material-design-icons-hardware
• material-design-icons-home
• material-design-icons-image
• material-design-icons-maps
• material-design-icons-navigation
• material-design-icons-notification
• material-design-icons-places
• material-design-icons-social
• material-design-icons-toggle

示例

此库提供了图标组件，该组件将为 Font Awesome 图标生成 SVG。

use dioxus::prelude::*;
use dioxus_free_icons::icons::fa_brands_icons::FaRust;
use dioxus_free_icons::Icon;

fn RustIcon() -> Element {
    rsx!(
        Icon {
            width: 30,
            height: 30,
            fill: "black",
            icon: FaRust,
        }
    )
}

许可证

本项目采用 MIT 许可证。

图标

贡献

本项目欢迎所有愿意与其他贡献者和社区真诚合作的贡献。特别是，欢迎关于支持其他免费图标（如Material Design图标或Ionicons）的贡献。这个库旨在成为类似react-icons的库，用于dioxus项目。

开发

// generate icon files
cd packages/codegen
cargo run

预览

cd packages/exmaple
cargo install dioxus-cli
dx serve

更新图标

1. 在图标资源子模块中检出新的标签
2. 创建新的图标文件
3. 更新README.md并检查LICENSE