768 在进程宏中

每月190 次下载
在 escape-artist 中使用

MIT/Apache

26KB
409 行

iconify-rs

这个crate提供了一个宏，用于从Iconify嵌入SVG。有关图标列表，请参阅Iconify图标集。

📝 使用方法

let svg = iconify::svg!("mdi:home", color = "red")

iconify::svg!会将SVG作为字符串下载并嵌入。它还会缓存请求，因此不会重复下载相同的SVG。

let svg = "<svg>...</svg>"

您可以向宏传递选项以自定义SVG。

let svg = iconify::svg!("mdi:home",
    width = "24",
    height = "24",
    color = "red",
    // ... and more.
)

支持所有来自Iconify API的选项。您可以在此处找到svg!宏的选项文档。

它也可以直接在rsx中使用，或任何编译时模板引擎。

Maud

html! {
    body {
        .card {
            (PreEscaped(iconify::svg!("mdi:home")))
            p { "Hello!" }
        }
    }
}

Askama

<body>
  <div class="card">
    {{ iconify::svg!("mdi:home")|safe }}
    <p>Hello!</p>
</body>

如果您不想在CI（或其他原因）中让iconify-rs在编译时进行请求，您可以使用离线模式与准备好的图标。

启用offline功能。
通过设置ICONIFY_PREPARE=true并运行cargo check来准备图标。这将为您在CARGO_MANIFEST_DIR中生成一个名为icons的目录，其中包含您调用的所有图标。
现在您可以出发了！只需运行cargo build，它将使用您准备的图标。

如果您想设置自定义目录，也可以设置ICONIFY_OFFLINE_DIR。

~2–14MB
~166K SLoC