From e809dff6ed173458c10db9d6ced36f478f3c6f58 Mon Sep 17 00:00:00 2001
From: David Anson <david@dlaa.me>
Date: Mon, 20 Mar 2023 13:22:31 -0700
Subject: [PATCH] Add example to Usage section of README showing CSS for sizing
 and shaping an icon (#715)

---
 README.md | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/README.md b/README.md
index b749927d..c79954e9 100644
--- a/README.md
+++ b/README.md
@@ -628,6 +628,28 @@ import logo from "super-tiny-icons/images/svg/github.svg";
 <img src={logo} />;
 ```
 
+[CSS](https://developer.mozilla.org/docs/Web/CSS) can be used to customize an icon's appearance. The following example shows styles for small/medium/large icons with square/rounded/circular frames:
+
+```html
+<style>
+.small-square {
+  width: 20px;
+}
+.medium-rounded {
+  width: 50px;
+  border-radius: 10%;
+}
+.large-circular {
+  width: 100px;
+  border-radius: 50%;
+}
+</style>
+
+<img src="images/svg/reddit.svg" class="small-square" />
+<img src="images/svg/reddit.svg" class="medium-rounded" />
+<img src="images/svg/reddit.svg" class="large-circular" />
+```
+
 ## Contributors
 
 ### Code Contributors