diff --git a/packages/webawesome/docs/docs/components/icon.md b/packages/webawesome/docs/docs/components/icon.md index c4aaa2da2..ab926fd7e 100644 --- a/packages/webawesome/docs/docs/components/icon.md +++ b/packages/webawesome/docs/docs/components/icon.md @@ -20,11 +20,53 @@ The default icon library is Font Awesome Free, which comes with two icon familie Many Font Awesome Pro icon families have variants such as `thin`, `light`, `regular`, and `solid`. Font Awesome Pro users can [provide their kit code](/docs/#using-font-awesome-kit-codes) to unlock additional families, including `sharp`, `duotone`, and `sharp-duotone`. For these icon families, use the `variant` attribute to set the variant. ```html {.example} - - - - - +
+
+ Classic + +
+
+ Duotone + +
+
+ Sharp + +
+
+ Sharp Duotone + +
+
+ Brands + +
+
``` ### Colors