@shopify/polaris/build/esnext/components/Icon/Icon.css

Shopify’s admin product component library

.Polaris-Icon_yj27d { display: block; height: 1.25rem; width: 1.25rem; max-height: 100%; max-width: 100%; margin: auto; }

.Polaris-Icon--applyColor_2y25n { color: var(--p-surface); }

.Polaris-Icon--hasBackdrop_1anyy { position: relative; display: flex; align-items: center; margin: 0.25rem; }

.Polaris-Icon--hasBackdrop_1anyy::before { content: ''; position: absolute; top: -0.25rem; bottom: -0.25rem; left: -0.25rem; right: -0.25rem; border-radius: 50%; }

.Polaris-Icon--colorBase_nqlaq svg { fill: var(--p-icon); }

.Polaris-Icon--colorBase_nqlaq::before { background-color: var(--p-surface-neutral); }

.Polaris-Icon--colorSubdued_113xs svg { fill: var(--p-icon-subdued); }

.Polaris-Icon--colorCritical_glskc svg { fill: var(--p-icon-critical); }

.Polaris-Icon--colorCritical_glskc::before { background-color: var(--p-surface-critical); }

.Polaris-Icon--colorInteractive_1wzbd svg { fill: var(--p-interactive); }

.Polaris-Icon--colorWarning_14tqz svg { fill: var(--p-icon-warning); }

.Polaris-Icon--colorWarning_14tqz::before { background-color: var(--p-surface-warning); }

.Polaris-Icon--colorHighlight_2qv4t svg { fill: var(--p-icon-highlight); }

.Polaris-Icon--colorHighlight_2qv4t::before { background-color: var(--p-surface-highlight); }

.Polaris-Icon--colorSuccess_k0sue svg { fill: var(--p-icon-success); }

.Polaris-Icon--colorSuccess_k0sue::before { background-color: var(--p-surface-success); }

.Polaris-Icon--colorPrimary_4ruww svg { fill: var(--p-action-primary); }

.Polaris-Icon__Svg_375hu, .Polaris-Icon__Img_375hq { position: relative; display: block; width: 100%; max-width: 100%; max-height: 100%; }

.Polaris-Icon__Placeholder_w9ga3 { padding-bottom: 100%; background: currentColor; }