diff --git a/docs/components/icon.md b/docs/components/icon.md index b655ea047..d5720aa33 100644 --- a/docs/components/icon.md +++ b/docs/components/icon.md @@ -29,6 +29,37 @@ Click or tap on an icon below to copy its name and use it like this. ## Examples +### Colors + +Icons inherit their color from the current text color. Thus, you can set the `color` property on the `` element or an ancestor to change the color. + +```html preview +
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+``` + ### Sizing Icons are sized relative to the current font size. To change their size, set the `font-size` property on the icon itself or on a parent element as shown below.