From 23a4859e0ee8eb4249e2b362263dd5d3a9075dc6 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Sat, 19 Mar 2022 18:14:37 -0400 Subject: [PATCH] add color example --- docs/components/icon.md | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) 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.