Change size of Icon Polaris

Shopify Partner
11 0 1

Is it possible to change the height and width of an Icon in shopify's Polaris? If so, can you show me how?

Replies 2 (2)
Shopify Partner
1873 184 876

Hi Jim,

Not that I am aware of. I do not think Polaris was intended as a general use, generic UI framework where having such properties would make sense. Because Polaris is specifically for Shopify internal usage and Shopify app developers, it makes more sense to keep a uniform look and feel, design language system, where icons and their size are part of these constraints.

This section of the design guidelines has more info on that.


Liked this post? You might also like our fantastic upsell apps Candy Rack, Last Upsell post-purchase and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
Shopify Partner
22 1 4

Wrap the component in a span with style like so:

<span style={{ width: "16px", height: "16px" }}>
  <Icon source={QuestionMarkMajor} color="base" />