iconify-rs
This crate provides a macro to embed SVGs from Iconify. For a list of icons, see Iconify Icon Sets.
📝
Usage
let svg = iconify::svg!("mdi:home", color = "red")
iconify::svg!
will download and embed an SVG as a string. It will also cache the request, so it won't download the same SVG twice.
let svg = "<svg>...</svg>"
Options
You can pass options to the macro to customize the SVG.
let svg = iconify::svg!("mdi:home",
width = "24",
height = "24",
color = "red",
// ... and more.
)
All options from the Iconify API are supported. You can find the documentation for the options for the svg!
macro here.
Templating
It can also be used directly in rsx, or any compile-time template engine.
Maud:
html! {
body {
.card {
(PreEscaped(iconify::svg!("mdi:home")))
p { "Hello!" }
}
}
}
Askama (Currently, a bug prevents you from using the full macro path. See Issue #836)
<body>
<div class="card">
{{ svg!("mdi:home")|safe }}
<p>Hello!</p>
</body>
✨
Features
- Directly embed SVGs from Iconify
- Caches requests (default feature)
- Offline mode
- SVG transforms (through API)
- (Soon) CSS fetching
🔌
Offline Mode
If you don't want iconify-rs to make requests at compile-time in CI (or other reasons), you can use offline mode with prepared icons.
- Enable the
offline
feature. - Prepare icons by setting
ICONIFY_PREPARE=true
and runningcargo check
. This will generate a directory for you inCARGO_MANIFEST_DIR
calledicons
with all the icons you invoked. - Now you're ready to go! Just run
cargo build
and it will use the icons you prepared.
If you want to set a custom directory, you can also set ICONIFY_OFFLINE_DIR
.