diff --git a/.changeset/chilly-dogs-act.md b/.changeset/chilly-dogs-act.md new file mode 100644 index 00000000000..83b42528271 --- /dev/null +++ b/.changeset/chilly-dogs-act.md @@ -0,0 +1,6 @@ +--- +'@shopify/polaris-icons': minor +'@shopify/polaris': minor +--- + +Added responsive scaling to icons used with the `Icon` component diff --git a/polaris-react/src/components/Icon/Icon.module.scss b/polaris-react/src/components/Icon/Icon.module.scss index 9583b5aab21..f5d68eabe5e 100644 --- a/polaris-react/src/components/Icon/Icon.module.scss +++ b/polaris-react/src/components/Icon/Icon.module.scss @@ -11,6 +11,13 @@ .Icon svg { fill: currentColor; + height: 20px; + width: 20px; + + @media (--p-breakpoints-md-up) { + height: 16px; + width: 16px; + } } .toneInherit svg {