☑️Icons
Icons just work, you can copy paste any code from the dsfr documentation and expect things to work.
Whenever you add a new icon to your project, restart your local server. This will launch the only_include_used_icons
script configured in the Initial setup (else you'll see a blue square instead of your icon).
But on top of that, all icons from Remixicon are supported.
You can go and search for a keyword:
When you find something fitting, you can copy paste the class name ( starting with ri-
) and use it anywhere you would have used a .fr-icon-xxxx
! 🚀
Example:
No need to worry about importing the correct icons file.
It's done automatically for you.
The dsfr/utility/icons/icons.css
file is patched by the only_include_used_icons
script.
This script looks at your code to see what icons you are actually using then proceed to patch icon.css
file so that only those icons are defined.
The fr.cx()
utility is also handy for autocompleting the icons that are supported:
Last updated