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

Shopify’s admin product component library

.Polaris-Icon_yj27d{ display:block; height:2rem; width:2rem; 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.4rem; }

.Polaris-Icon--hasBackdrop_1anyy::before{ content:''; position:absolute; top:-0.4rem; bottom:-0.4rem; left:-0.4rem; right:-0.4rem; 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; }