@esri/calcite-ui-icons 4.4.0-next.12 → 4.4.0-next.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -0
- package/docs/icons.json +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -145,6 +145,24 @@ svg:hover {
|
|
|
145
145
|
}
|
|
146
146
|
```
|
|
147
147
|
|
|
148
|
+
## Icon Font Usage
|
|
149
|
+
|
|
150
|
+
In addition to SVG icons, an icon font is available for streamlined integration.
|
|
151
|
+
|
|
152
|
+
To install the font, run:
|
|
153
|
+
|
|
154
|
+
`npm install @esri/calcite-ui-icons --save`
|
|
155
|
+
|
|
156
|
+
### Recommended Icon Sizes & Font Selection for Optimal Clarity
|
|
157
|
+
|
|
158
|
+
We provide three fonts, each designed for a standard size, for pixel perfection use at their designed sizes; 16px, 24px, and 32px.
|
|
159
|
+
|
|
160
|
+
- **16px font** → Use for 16px and smaller sizes.
|
|
161
|
+
- **24px font** → Use for 24px and mid-range sizes.
|
|
162
|
+
- **32px font** → Use for 32px and larger sizes.
|
|
163
|
+
|
|
164
|
+
**Avoid odd or non-standard sizes** like 13px, 17px, or 23px, as these break pixel alignment and can appear fuzzy.
|
|
165
|
+
|
|
148
166
|
## Contributing
|
|
149
167
|
|
|
150
168
|
Please read [CONTRIBUTING.md](./CONTRIBUTING.md)
|