edent-gh/SuperTinyIcons
1
0
Fork 0
forked from edent/SuperTinyIcons
Code Pull Requests Activity

Add example to Usage section of README showing CSS for sizing and shaping an icon (#715)

Browse Source
This commit is contained in:
David Anson
2023-03-20 13:22:31 -07:00
committed by GitHub
parent bbc75e979c
commit e809dff6ed
1 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
README.md
View File

@@ -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