diff --git a/.changelog/12209.txt b/.changelog/12209.txt new file mode 100644 index 0000000000..5847b091c5 --- /dev/null +++ b/.changelog/12209.txt @@ -0,0 +1,3 @@ +```release-note:enhancement +ui: Use @hashicorp/flight icons for all our icons. +``` diff --git a/ui/packages/consul-ui/app/components/buttons/skin.scss b/ui/packages/consul-ui/app/components/buttons/skin.scss index d6d36d8297..facc85a208 100644 --- a/ui/packages/consul-ui/app/components/buttons/skin.scss +++ b/ui/packages/consul-ui/app/components/buttons/skin.scss @@ -100,7 +100,6 @@ %sort-button::before { @extend %with-sort-mask, %as-pseudo; position: relative; - top: 4px; width: 16px; height: 16px; } diff --git a/ui/packages/consul-ui/app/components/consul/external-source/index.scss b/ui/packages/consul-ui/app/components/consul/external-source/index.scss index 8cc460f164..b05acb45b2 100644 --- a/ui/packages/consul-ui/app/components/consul/external-source/index.scss +++ b/ui/packages/consul-ui/app/components/consul/external-source/index.scss @@ -1,3 +1,31 @@ .consul-external-source { @extend %pill-200, %frame-gray-600, %p1; } +.consul-external-source.kubernetes::before { + @extend %with-logo-kubernetes-color-icon, %as-pseudo; +} +.consul-external-source.terraform::before { + @extend %with-logo-terraform-color-icon, %as-pseudo; +} +.consul-external-source.nomad::before { + @extend %with-logo-nomad-color-icon, %as-pseudo; +} +.consul-external-source.consul::before, +.consul-external-source.consul-api-gateway::before { + @extend %with-logo-consul-color-icon, %as-pseudo; +} +.consul-external-source.vault::before { + @extend %with-vault-100; +} +.consul-external-source.aws::before { + @extend %with-aws-100; +} +.consul-external-source.leader::before { + @extend %with-star-outline-mask, %as-pseudo; +} +.consul-external-source.jwt::before { + @extend %with-logo-jwt-color-icon, %as-pseudo; +} +.consul-external-source.oidc::before { + @extend %with-logo-oidc-color-icon, %as-pseudo; +} diff --git a/ui/packages/consul-ui/app/components/consul/intention/components.scss b/ui/packages/consul-ui/app/components/consul/intention/components.scss index 59dfcd2fea..ed98c84994 100644 --- a/ui/packages/consul-ui/app/components/consul/intention/components.scss +++ b/ui/packages/consul-ui/app/components/consul/intention/components.scss @@ -1,9 +1,7 @@ %pill-allow::before, %pill-deny::before, %pill-l7::before { - @extend %as-pseudo; margin-right: 5px; - font-size: 0.9em; } %pill-allow, %pill-deny, @@ -24,11 +22,11 @@ @extend %frame-gray-900; } %pill-allow::before { - @extend %with-arrow-right-mask; + @extend %with-allow-300; } %pill-deny::before { - @extend %with-deny-color-mask; + @extend %with-deny-300; } %pill-l7::before { - @extend %with-layers-mask; + @extend %with-l7-300; } diff --git a/ui/packages/consul-ui/app/components/consul/intention/form/fieldsets/skin.scss b/ui/packages/consul-ui/app/components/consul/intention/form/fieldsets/skin.scss index 5057fc0420..242b593b0c 100644 --- a/ui/packages/consul-ui/app/components/consul/intention/form/fieldsets/skin.scss +++ b/ui/packages/consul-ui/app/components/consul/intention/form/fieldsets/skin.scss @@ -1,12 +1,11 @@ .consul-intention-fieldsets { .value-allow > :last-child::before { - @extend %with-arrow-right-mask, %as-pseudo; - color: rgb(var(--tone-green-500)); + @extend %with-allow-500; } .value-deny > :last-child::before { - @extend %with-deny-color-icon, %as-pseudo; + @extend %with-deny-500; } .value- > :last-child::before { - @extend %with-layers-mask, %as-pseudo; + @extend %with-l7-500; } } diff --git a/ui/packages/consul-ui/app/components/pill/index.scss b/ui/packages/consul-ui/app/components/pill/index.scss index 1ad95dfe86..f5a7642f2c 100644 --- a/ui/packages/consul-ui/app/components/pill/index.scss +++ b/ui/packages/consul-ui/app/components/pill/index.scss @@ -20,31 +20,3 @@ span.policy-node-identity::before { span.policy-service-identity::before { content: 'Service Identity: '; } -%pill.kubernetes::before { - @extend %with-logo-kubernetes-color-icon, %as-pseudo; -} -%pill.terraform::before { - @extend %with-logo-terraform-color-icon, %as-pseudo; -} -%pill.nomad::before { - @extend %with-logo-nomad-color-icon, %as-pseudo; -} -%pill.consul::before, -%pill.consul-api-gateway::before { - @extend %with-logo-consul-color-icon, %as-pseudo; -} -%pill.vault::before { - @extend %with-vault-300; -} -%pill.aws::before { - @extend %with-logo-aws-color-icon, %as-pseudo; -} -%pill.leader::before { - @extend %with-star-outline-mask, %as-pseudo; -} -%pill.jwt::before { - @extend %with-logo-jwt-color-icon, %as-pseudo; -} -%pill.oidc::before { - @extend %with-logo-oidc-color-icon, %as-pseudo; -} diff --git a/ui/packages/consul-ui/app/components/pill/layout.scss b/ui/packages/consul-ui/app/components/pill/layout.scss index 6b63f13d69..60b15f82ba 100644 --- a/ui/packages/consul-ui/app/components/pill/layout.scss +++ b/ui/packages/consul-ui/app/components/pill/layout.scss @@ -6,7 +6,8 @@ } %pill::before { margin-right: 4px; - font-size: 0.8em; + width: 0.75rem !important; /* 12px */ + height: 0.75rem !important; /* 12px */ } %pill-200 { @extend %pill; diff --git a/ui/packages/consul-ui/app/components/popover-select/index.scss b/ui/packages/consul-ui/app/components/popover-select/index.scss index a4fc7df8e9..badd21eb43 100644 --- a/ui/packages/consul-ui/app/components/popover-select/index.scss +++ b/ui/packages/consul-ui/app/components/popover-select/index.scss @@ -50,7 +50,7 @@ color: rgb(var(--tone-gray-500)); } %popover-select .aws button::before { - @extend %with-logo-aws-color-icon, %as-pseudo; + @extend %with-aws-300; } %popover-select .kubernetes button::before { @extend %with-logo-kubernetes-color-icon, %as-pseudo; diff --git a/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.scss b/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.scss index c659f53745..e15efe3aa5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.scss @@ -1,3 +1,11 @@ +%theme-light { + --theme-dark-none: ; + --theme-light-none: initial; +} +%theme-dark { + --theme-dark-none: initial; + --theme-light-none: ; +} %with-icon { background-repeat: no-repeat; background-position: center; @@ -20,8 +28,8 @@ content: ''; visibility: visible; background-size: contain; - width: 1.2em; - height: 1.2em; + width: 1rem; /* 16px */ + height: 1rem; /* 16px */ vertical-align: text-top; } %led-icon { diff --git a/ui/packages/consul-ui/app/styles/base/icons/base-variables.scss b/ui/packages/consul-ui/app/styles/base/icons/base-variables.scss index 70a4e386e6..6be0782563 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/base-variables.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/base-variables.scss @@ -1,893 +1,949 @@ %activity-16-svg-prop { - --activity-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --activity-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %activity-24-svg-prop { - --activity-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --activity-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-circle-16-svg-prop { - --alert-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-circle-24-svg-prop { - --alert-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-circle-fill-16-svg-prop { - --alert-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-circle-fill-24-svg-prop { - --alert-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-circle-fill-svg-prop { - --alert-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %alert-circle-16-svg-prop; } %alert-circle-outline-svg-prop { - --alert-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %alert-circle-16-svg-prop; } %alert-octagon-16-svg-prop { - --alert-octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-octagon-24-svg-prop { - --alert-octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-octagon-fill-16-svg-prop { - --alert-octagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-octagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-octagon-fill-24-svg-prop { - --alert-octagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-octagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-triangle-16-svg-prop { - --alert-triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-triangle-24-svg-prop { - --alert-triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-triangle-fill-16-svg-prop { - --alert-triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-triangle-fill-24-svg-prop { - --alert-triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alert-triangle-svg-prop { - --alert-triangle-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %alert-triangle-16-svg-prop; } %alibaba-16-svg-prop { - --alibaba-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alibaba-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alibaba-24-svg-prop { - --alibaba-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alibaba-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alibaba-color-16-svg-prop { - --alibaba-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alibaba-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %alibaba-color-24-svg-prop { - --alibaba-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alibaba-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %align-center-16-svg-prop { - --align-center-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-center-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %align-center-24-svg-prop { - --align-center-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-center-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %align-justify-16-svg-prop { - --align-justify-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-justify-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %align-justify-24-svg-prop { - --align-justify-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-justify-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %align-left-16-svg-prop { - --align-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %align-left-24-svg-prop { - --align-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %align-right-16-svg-prop { - --align-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %align-right-24-svg-prop { - --align-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%amazon-eks-16-svg-prop { + --amazon-eks-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%amazon-eks-24-svg-prop { + --amazon-eks-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%amazon-eks-color-16-svg-prop { + --amazon-eks-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%amazon-eks-color-24-svg-prop { + --amazon-eks-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %apple-16-svg-prop { - --apple-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --apple-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %apple-24-svg-prop { - --apple-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --apple-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %apple-color-16-svg-prop { - --apple-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --apple-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %apple-color-24-svg-prop { - --apple-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --apple-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %archive-16-svg-prop { - --archive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --archive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %archive-24-svg-prop { - --archive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --archive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-down-16-svg-prop { - --arrow-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-down-24-svg-prop { - --arrow-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-down-circle-16-svg-prop { - --arrow-down-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-down-circle-24-svg-prop { - --arrow-down-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-down-left-16-svg-prop { - --arrow-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-down-left-24-svg-prop { - --arrow-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-down-right-16-svg-prop { - --arrow-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-down-right-24-svg-prop { - --arrow-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-down-svg-prop { - --arrow-down-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %arrow-down-16-svg-prop; } %arrow-left-16-svg-prop { - --arrow-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-left-24-svg-prop { - --arrow-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-left-circle-16-svg-prop { - --arrow-left-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-left-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-left-circle-24-svg-prop { - --arrow-left-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-left-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-left-svg-prop { - --arrow-left-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %arrow-left-16-svg-prop; } %arrow-right-16-svg-prop { - --arrow-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-right-24-svg-prop { - --arrow-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-right-circle-16-svg-prop { - --arrow-right-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-right-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-right-circle-24-svg-prop { - --arrow-right-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-right-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-right-svg-prop { - --arrow-right-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %arrow-right-16-svg-prop; } %arrow-up-16-svg-prop { - --arrow-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-up-24-svg-prop { - --arrow-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-up-circle-16-svg-prop { - --arrow-up-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-up-circle-24-svg-prop { - --arrow-up-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-up-left-16-svg-prop { - --arrow-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-up-left-24-svg-prop { - --arrow-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-up-right-16-svg-prop { - --arrow-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-up-right-24-svg-prop { - --arrow-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %arrow-up-svg-prop { - --arrow-up-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %arrow-up-16-svg-prop; } %at-sign-16-svg-prop { - --at-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --at-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %at-sign-24-svg-prop { - --at-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --at-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %auth0-16-svg-prop { - --auth0-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auth0-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %auth0-24-svg-prop { - --auth0-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auth0-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %auth0-color-16-svg-prop { - --auth0-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auth0-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %auth0-color-24-svg-prop { - --auth0-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auth0-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %auto-apply-16-svg-prop { - --auto-apply-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auto-apply-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %auto-apply-24-svg-prop { - --auto-apply-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auto-apply-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %award-16-svg-prop { - --award-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --award-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %award-24-svg-prop { - --award-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --award-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %aws-16-svg-prop { - --aws-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %aws-24-svg-prop { - --aws-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %aws-color-16-svg-prop { - --aws-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %aws-color-24-svg-prop { - --aws-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%aws-ec2-16-svg-prop { + --aws-ec2-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%aws-ec2-24-svg-prop { + --aws-ec2-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%aws-ec2-color-16-svg-prop { + --aws-ec2-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%aws-ec2-color-24-svg-prop { + --aws-ec2-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %azure-16-svg-prop { - --azure-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %azure-24-svg-prop { - --azure-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %azure-color-16-svg-prop { - --azure-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %azure-color-24-svg-prop { - --azure-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %azure-devops-16-svg-prop { - --azure-devops-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-devops-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %azure-devops-24-svg-prop { - --azure-devops-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-devops-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %azure-devops-color-16-svg-prop { - --azure-devops-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-devops-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %azure-devops-color-24-svg-prop { - --azure-devops-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-devops-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%bank-vault-16-svg-prop { + --bank-vault-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%bank-vault-24-svg-prop { + --bank-vault-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bar-chart-16-svg-prop { - --bar-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bar-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bar-chart-24-svg-prop { - --bar-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bar-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bar-chart-alt-16-svg-prop { - --bar-chart-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bar-chart-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bar-chart-alt-24-svg-prop { - --bar-chart-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bar-chart-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %battery-16-svg-prop { - --battery-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --battery-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %battery-24-svg-prop { - --battery-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --battery-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %battery-charging-16-svg-prop { - --battery-charging-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --battery-charging-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %battery-charging-24-svg-prop { - --battery-charging-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --battery-charging-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %beaker-16-svg-prop { - --beaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --beaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %beaker-24-svg-prop { - --beaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --beaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bell-16-svg-prop { - --bell-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bell-24-svg-prop { - --bell-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bell-active-16-svg-prop { - --bell-active-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-active-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bell-active-24-svg-prop { - --bell-active-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-active-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bell-active-fill-16-svg-prop { - --bell-active-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-active-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bell-active-fill-24-svg-prop { - --bell-active-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-active-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bell-off-16-svg-prop { - --bell-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bell-off-24-svg-prop { - --bell-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bitbucket-16-svg-prop { - --bitbucket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bitbucket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bitbucket-24-svg-prop { - --bitbucket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bitbucket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bitbucket-color-16-svg-prop { - --bitbucket-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bitbucket-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bitbucket-color-24-svg-prop { - --bitbucket-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bitbucket-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bolt-svg-prop { - --bolt-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %zap-16-svg-prop; } %bookmark-16-svg-prop { - --bookmark-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-24-svg-prop { - --bookmark-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-add-16-svg-prop { - --bookmark-add-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-add-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-add-24-svg-prop { - --bookmark-add-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-add-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-add-fill-16-svg-prop { - --bookmark-add-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-add-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-add-fill-24-svg-prop { - --bookmark-add-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-add-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-fill-16-svg-prop { - --bookmark-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-fill-24-svg-prop { - --bookmark-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-remove-16-svg-prop { - --bookmark-remove-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-remove-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-remove-24-svg-prop { - --bookmark-remove-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-remove-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-remove-fill-16-svg-prop { - --bookmark-remove-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-remove-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bookmark-remove-fill-24-svg-prop { - --bookmark-remove-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-remove-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bottom-16-svg-prop { - --bottom-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bottom-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bottom-24-svg-prop { - --bottom-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bottom-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%boundary-16-svg-prop { + --boundary-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%boundary-24-svg-prop { + --boundary-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%boundary-color-16-svg-prop { + --boundary-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%boundary-color-24-svg-prop { + --boundary-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %box-16-svg-prop { - --box-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --box-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %box-24-svg-prop { - --box-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --box-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %box-check-fill-svg-prop { - --box-check-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %check-square-fill-16-svg-prop; } %box-outline-svg-prop { - --box-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %square-16-svg-prop; } %briefcase-16-svg-prop { - --briefcase-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --briefcase-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %briefcase-24-svg-prop { - --briefcase-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --briefcase-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %broadcast-svg-prop { - --broadcast-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %radio-16-svg-prop; } %bug-16-svg-prop { - --bug-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bug-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bug-24-svg-prop { - --bug-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bug-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %bug-svg-prop { - --bug-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %bug-16-svg-prop; } %build-16-svg-prop { - --build-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --build-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %build-24-svg-prop { - --build-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --build-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %calendar-16-svg-prop { - --calendar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --calendar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %calendar-24-svg-prop { - --calendar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --calendar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %calendar-svg-prop { - --calendar-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %calendar-16-svg-prop; } %camera-16-svg-prop { - --camera-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --camera-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %camera-24-svg-prop { - --camera-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --camera-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %camera-off-16-svg-prop { - --camera-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --camera-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %camera-off-24-svg-prop { - --camera-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --camera-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cancel-circle-fill-svg-prop { - --cancel-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %x-circle-fill-16-svg-prop; } %cancel-circle-outline-svg-prop { - --cancel-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %x-circle-16-svg-prop; } %cancel-plain-svg-prop { - --cancel-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %x-16-svg-prop; } %cancel-square-fill-svg-prop { - --cancel-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %x-square-fill-16-svg-prop; } %cancel-square-outline-svg-prop { - --cancel-square-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %x-square-16-svg-prop; } %caret-16-svg-prop { - --caret-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --caret-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %caret-24-svg-prop { - --caret-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --caret-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %caret-down-svg-prop { - --caret-down-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %caret-16-svg-prop; } %caret-up-svg-prop { - --caret-up-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %chevron-up-16-svg-prop; } %cast-16-svg-prop { - --cast-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cast-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cast-24-svg-prop { - --cast-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cast-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %certificate-16-svg-prop { - --certificate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --certificate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %certificate-24-svg-prop { - --certificate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --certificate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %change-16-svg-prop { - --change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %change-24-svg-prop { - --change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %change-circle-16-svg-prop { - --change-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %change-circle-24-svg-prop { - --change-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %change-square-16-svg-prop { - --change-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %change-square-24-svg-prop { - --change-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-16-svg-prop { - --check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-24-svg-prop { - --check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-circle-16-svg-prop { - --check-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-circle-24-svg-prop { - --check-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-circle-fill-16-svg-prop { - --check-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-circle-fill-24-svg-prop { - --check-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-circle-fill-svg-prop { - --check-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %check-circle-fill-16-svg-prop; } %check-circle-outline-svg-prop { - --check-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %check-circle-16-svg-prop; } %check-diamond-16-svg-prop { - --check-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-diamond-24-svg-prop { - --check-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-diamond-fill-16-svg-prop { - --check-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-diamond-fill-24-svg-prop { - --check-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-hexagon-16-svg-prop { - --check-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-hexagon-24-svg-prop { - --check-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-hexagon-fill-16-svg-prop { - --check-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-hexagon-fill-24-svg-prop { - --check-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-plain-svg-prop { - --check-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %check-16-svg-prop; } %check-square-16-svg-prop { - --check-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-square-24-svg-prop { - --check-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-square-fill-16-svg-prop { - --check-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %check-square-fill-24-svg-prop { - --check-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevron-down-16-svg-prop { - --chevron-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevron-down-24-svg-prop { - --chevron-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevron-down-svg-prop { - --chevron-down-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %chevron-down-16-svg-prop; } %chevron-left-16-svg-prop { - --chevron-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevron-left-24-svg-prop { - --chevron-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevron-left-svg-prop { - --chevron-left-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %chevron-left-16-svg-prop; } %chevron-right-16-svg-prop { - --chevron-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevron-right-24-svg-prop { - --chevron-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevron-right-svg-prop { - --chevron-right-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %chevron-right-16-svg-prop; } %chevron-up-16-svg-prop { - --chevron-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevron-up-24-svg-prop { - --chevron-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevron-up-svg-prop { - --chevron-up-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %chevron-up-16-svg-prop; } %chevrons-down-16-svg-prop { - --chevrons-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevrons-down-24-svg-prop { - --chevrons-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevrons-left-16-svg-prop { - --chevrons-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevrons-left-24-svg-prop { - --chevrons-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevrons-right-16-svg-prop { - --chevrons-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevrons-right-24-svg-prop { - --chevrons-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevrons-up-16-svg-prop { - --chevrons-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %chevrons-up-24-svg-prop { - --chevrons-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %circle-16-svg-prop { - --circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %circle-24-svg-prop { - --circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %circle-dot-16-svg-prop { - --circle-dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %circle-dot-24-svg-prop { - --circle-dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %circle-fill-16-svg-prop { - --circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %circle-fill-24-svg-prop { - --circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %circle-half-16-svg-prop { - --circle-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %circle-half-24-svg-prop { - --circle-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %clipboard-16-svg-prop { - --clipboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %clipboard-24-svg-prop { - --clipboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %clipboard-checked-16-svg-prop { - --clipboard-checked-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-checked-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %clipboard-checked-24-svg-prop { - --clipboard-checked-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-checked-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %clipboard-copy-16-svg-prop { - --clipboard-copy-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-copy-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %clipboard-copy-24-svg-prop { - --clipboard-copy-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-copy-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %clock-16-svg-prop { - --clock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %clock-24-svg-prop { - --clock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %clock-fill-svg-prop { - --clock-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %clock-16-svg-prop; } %clock-outline-svg-prop { - --clock-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %clock-16-svg-prop; } %cloud-16-svg-prop { - --cloud-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-24-svg-prop { - --cloud-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-check-16-svg-prop { - --cloud-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-check-24-svg-prop { - --cloud-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-cross-svg-prop { @@ -895,255 +951,287 @@ } %cloud-download-16-svg-prop { - --cloud-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-download-24-svg-prop { - --cloud-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-lightning-16-svg-prop { - --cloud-lightning-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-lightning-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-lightning-24-svg-prop { - --cloud-lightning-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-lightning-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-lock-16-svg-prop { - --cloud-lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-lock-24-svg-prop { - --cloud-lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-off-16-svg-prop { - --cloud-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-off-24-svg-prop { - --cloud-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-upload-16-svg-prop { - --cloud-upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-upload-24-svg-prop { - --cloud-upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-x-16-svg-prop { - --cloud-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cloud-x-24-svg-prop { - --cloud-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %code-16-svg-prop { - --code-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --code-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %code-24-svg-prop { - --code-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --code-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %code-svg-prop { - --code-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %code-16-svg-prop; +} + +%codepen-16-svg-prop { + --codepen-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%codepen-24-svg-prop { + --codepen-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%codepen-color-16-svg-prop { + --codepen-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%codepen-color-24-svg-prop { + --codepen-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %collections-16-svg-prop { - --collections-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --collections-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %collections-24-svg-prop { - --collections-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --collections-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %command-16-svg-prop { - --command-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --command-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %command-24-svg-prop { - --command-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --command-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %compass-16-svg-prop { - --compass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --compass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %compass-24-svg-prop { - --compass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --compass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %connection-16-svg-prop { - --connection-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --connection-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %connection-24-svg-prop { - --connection-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --connection-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %connection-gateway-16-svg-prop { - --connection-gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --connection-gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %connection-gateway-24-svg-prop { - --connection-gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --connection-gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %console-svg-prop { - --console-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %terminal-16-svg-prop; +} + +%consul-16-svg-prop { + --consul-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%consul-24-svg-prop { + --consul-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%consul-color-16-svg-prop { + --consul-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%consul-color-24-svg-prop { + --consul-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %copy-action-svg-prop { - --copy-action-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %clipboard-copy-16-svg-prop; } %copy-success-svg-prop { - --copy-success-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %clipboard-checked-16-svg-prop; } %corner-down-left-16-svg-prop { - --corner-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-down-left-24-svg-prop { - --corner-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-down-right-16-svg-prop { - --corner-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-down-right-24-svg-prop { - --corner-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-left-down-16-svg-prop { - --corner-left-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-left-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-left-down-24-svg-prop { - --corner-left-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-left-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-left-up-16-svg-prop { - --corner-left-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-left-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-left-up-24-svg-prop { - --corner-left-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-left-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-right-down-16-svg-prop { - --corner-right-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-right-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-right-down-24-svg-prop { - --corner-right-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-right-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-right-up-16-svg-prop { - --corner-right-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-right-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-right-up-24-svg-prop { - --corner-right-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-right-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-up-left-16-svg-prop { - --corner-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-up-left-24-svg-prop { - --corner-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-up-right-16-svg-prop { - --corner-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %corner-up-right-24-svg-prop { - --corner-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cpu-16-svg-prop { - --cpu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cpu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %cpu-24-svg-prop { - --cpu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cpu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %credit-card-16-svg-prop { - --credit-card-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --credit-card-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %credit-card-24-svg-prop { - --credit-card-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --credit-card-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %crop-16-svg-prop { - --crop-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --crop-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %crop-24-svg-prop { - --crop-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --crop-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %crosshair-16-svg-prop { - --crosshair-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --crosshair-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %crosshair-24-svg-prop { - --crosshair-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --crosshair-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %dashboard-16-svg-prop { - --dashboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dashboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %dashboard-24-svg-prop { - --dashboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dashboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %database-16-svg-prop { - --database-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --database-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %database-24-svg-prop { - --database-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --database-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %database-svg-prop { - --database-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %database-16-svg-prop; } %delay-16-svg-prop { - --delay-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --delay-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %delay-24-svg-prop { - --delay-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --delay-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %delay-svg-prop { - --delay-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %delay-16-svg-prop; } %delete-16-svg-prop { - --delete-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --delete-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %delete-24-svg-prop { - --delete-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --delete-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %deny-alt-svg-prop { - --deny-alt-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %skip-16-svg-prop; } %deny-color-svg-prop { @@ -1151,1075 +1239,1163 @@ } %deny-default-svg-prop { - --deny-default-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %skip-16-svg-prop; } %diamond-16-svg-prop { - --diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %diamond-24-svg-prop { - --diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %diamond-fill-16-svg-prop { - --diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %diamond-fill-24-svg-prop { - --diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %disabled-svg-prop { - --disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %skip-16-svg-prop; } %disc-16-svg-prop { - --disc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --disc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %disc-24-svg-prop { - --disc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --disc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %discussion-circle-16-svg-prop { - --discussion-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --discussion-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %discussion-circle-24-svg-prop { - --discussion-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --discussion-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %discussion-square-16-svg-prop { - --discussion-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --discussion-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %discussion-square-24-svg-prop { - --discussion-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --discussion-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docker-16-svg-prop { - --docker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docker-24-svg-prop { - --docker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docker-color-16-svg-prop { - --docker-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docker-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docker-color-24-svg-prop { - --docker-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docker-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docs-16-svg-prop { - --docs-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docs-24-svg-prop { - --docs-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docs-download-16-svg-prop { - --docs-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docs-download-24-svg-prop { - --docs-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docs-link-16-svg-prop { - --docs-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docs-link-24-svg-prop { - --docs-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %docs-svg-prop { - --docs-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %docs-link-16-svg-prop; } %dollar-sign-16-svg-prop { - --dollar-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dollar-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %dollar-sign-24-svg-prop { - --dollar-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dollar-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %dot-16-svg-prop { - --dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %dot-24-svg-prop { - --dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %dot-half-16-svg-prop { - --dot-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dot-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %dot-half-24-svg-prop { - --dot-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dot-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %download-16-svg-prop { - --download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %download-24-svg-prop { - --download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %download-svg-prop { - --download-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %download-16-svg-prop; } %droplet-16-svg-prop { - --droplet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --droplet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %droplet-24-svg-prop { - --droplet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --droplet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %duplicate-16-svg-prop { - --duplicate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --duplicate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %duplicate-24-svg-prop { - --duplicate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --duplicate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %edit-16-svg-prop { - --edit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --edit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %edit-24-svg-prop { - --edit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --edit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %edit-svg-prop { - --edit-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %edit-16-svg-prop; } %entry-point-16-svg-prop { - --entry-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --entry-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %entry-point-24-svg-prop { - --entry-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --entry-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %envelope-sealed-fill-svg-prop { - --envelope-sealed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %mail-16-svg-prop; } %envelope-sealed-outline-svg-prop { - --envelope-sealed-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %mail-16-svg-prop; } %envelope-unsealed--outline-svg-prop { - --envelope-unsealed--outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %mail-open-16-svg-prop; } %envelope-unsealed-fill-svg-prop { - --envelope-unsealed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %mail-open-16-svg-prop; } %event-16-svg-prop { - --event-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --event-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %event-24-svg-prop { - --event-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --event-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %exit-point-16-svg-prop { - --exit-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --exit-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %exit-point-24-svg-prop { - --exit-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --exit-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %exit-svg-prop { - --exit-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %external-link-16-svg-prop; } %expand-less-svg-prop { - --expand-less-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %minimize-16-svg-prop; } %expand-more-svg-prop { - --expand-more-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %maximize-16-svg-prop; } %external-link-16-svg-prop { - --external-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --external-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %external-link-24-svg-prop { - --external-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --external-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %eye-16-svg-prop { - --eye-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --eye-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %eye-24-svg-prop { - --eye-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --eye-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %eye-off-16-svg-prop { - --eye-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --eye-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %eye-off-24-svg-prop { - --eye-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --eye-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %f5-16-svg-prop { - --f5-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --f5-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %f5-24-svg-prop { - --f5-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --f5-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %f5-color-16-svg-prop { - --f5-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --f5-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %f5-color-24-svg-prop { - --f5-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --f5-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%facebook-16-svg-prop { + --facebook-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%facebook-24-svg-prop { + --facebook-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%facebook-color-16-svg-prop { + --facebook-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%facebook-color-24-svg-prop { + --facebook-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %fast-forward-16-svg-prop { - --fast-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --fast-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %fast-forward-24-svg-prop { - --fast-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --fast-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-16-svg-prop { - --file-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-24-svg-prop { - --file-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-change-16-svg-prop { - --file-change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-change-24-svg-prop { - --file-change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-check-16-svg-prop { - --file-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-check-24-svg-prop { - --file-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-diff-16-svg-prop { - --file-diff-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-diff-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-diff-24-svg-prop { - --file-diff-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-diff-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-fill-svg-prop { - --file-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %file-16-svg-prop; } %file-minus-16-svg-prop { - --file-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-minus-24-svg-prop { - --file-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-outline-svg-prop { - --file-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %file-16-svg-prop; } %file-plus-16-svg-prop { - --file-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-plus-24-svg-prop { - --file-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-source-16-svg-prop { - --file-source-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-source-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-source-24-svg-prop { - --file-source-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-source-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-text-16-svg-prop { - --file-text-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-text-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-text-24-svg-prop { - --file-text-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-text-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-x-16-svg-prop { - --file-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %file-x-24-svg-prop { - --file-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %files-16-svg-prop { - --files-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --files-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %files-24-svg-prop { - --files-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --files-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %film-16-svg-prop { - --film-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --film-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %film-24-svg-prop { - --film-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --film-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %filter-16-svg-prop { - --filter-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %filter-24-svg-prop { - --filter-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %filter-circle-16-svg-prop { - --filter-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %filter-circle-24-svg-prop { - --filter-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %filter-fill-16-svg-prop { - --filter-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %filter-fill-24-svg-prop { - --filter-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %filter-svg-prop { - --filter-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %filter-16-svg-prop; } %fingerprint-16-svg-prop { - --fingerprint-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --fingerprint-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %fingerprint-24-svg-prop { - --fingerprint-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --fingerprint-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %flag-16-svg-prop { - --flag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --flag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %flag-24-svg-prop { - --flag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --flag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %flag-svg-prop { - --flag-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %flag-16-svg-prop; } %folder-16-svg-prop { - --folder-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-24-svg-prop { - --folder-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-fill-16-svg-prop { - --folder-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-fill-24-svg-prop { - --folder-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-fill-svg-prop { - --folder-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %folder-fill-16-svg-prop; } %folder-minus-16-svg-prop { - --folder-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-minus-24-svg-prop { - --folder-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-minus-fill-16-svg-prop { - --folder-minus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-minus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-minus-fill-24-svg-prop { - --folder-minus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-minus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-outline-svg-prop { - --folder-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %folder-16-svg-prop; } %folder-plus-16-svg-prop { - --folder-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-plus-24-svg-prop { - --folder-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-plus-fill-16-svg-prop { - --folder-plus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-plus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-plus-fill-24-svg-prop { - --folder-plus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-plus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-star-16-svg-prop { - --folder-star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-star-24-svg-prop { - --folder-star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-users-16-svg-prop { - --folder-users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %folder-users-24-svg-prop { - --folder-users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %frown-16-svg-prop { - --frown-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --frown-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %frown-24-svg-prop { - --frown-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --frown-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gateway-16-svg-prop { - --gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gateway-24-svg-prop { - --gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gateway-svg-prop { - --gateway-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %gateway-16-svg-prop; } %gcp-16-svg-prop { - --gcp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gcp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gcp-24-svg-prop { - --gcp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gcp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gcp-color-16-svg-prop { - --gcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gcp-color-24-svg-prop { - --gcp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gcp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gift-16-svg-prop { - --gift-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gift-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gift-24-svg-prop { - --gift-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gift-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gift-fill-svg-prop { - --gift-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %gift-16-svg-prop; } %gift-outline-svg-prop { - --gift-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %gift-16-svg-prop; } %git-branch-16-svg-prop { - --git-branch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-branch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-branch-24-svg-prop { - --git-branch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-branch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-branch-svg-prop { - --git-branch-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %git-branch-16-svg-prop; } %git-commit-16-svg-prop { - --git-commit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-commit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-commit-24-svg-prop { - --git-commit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-commit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-commit-svg-prop { - --git-commit-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %git-commit-16-svg-prop; } %git-merge-16-svg-prop { - --git-merge-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-merge-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-merge-24-svg-prop { - --git-merge-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-merge-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-pull-request-16-svg-prop { - --git-pull-request-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-pull-request-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-pull-request-24-svg-prop { - --git-pull-request-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-pull-request-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-pull-request-svg-prop { - --git-pull-request-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %git-pull-request-16-svg-prop; } %git-repo-16-svg-prop { - --git-repo-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-repo-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-repo-24-svg-prop { - --git-repo-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-repo-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %git-repository-svg-prop { - --git-repository-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %git-repo-16-svg-prop; } %github-16-svg-prop { - --github-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --github-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %github-24-svg-prop { - --github-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --github-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %github-color-16-svg-prop { - --github-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --github-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %github-color-24-svg-prop { - --github-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --github-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gitlab-16-svg-prop { - --gitlab-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gitlab-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gitlab-24-svg-prop { - --gitlab-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gitlab-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gitlab-color-16-svg-prop { - --gitlab-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gitlab-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %gitlab-color-24-svg-prop { - --gitlab-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gitlab-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %globe-16-svg-prop { - --globe-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --globe-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %globe-24-svg-prop { - --globe-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --globe-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %globe-private-16-svg-prop { - --globe-private-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --globe-private-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %globe-private-24-svg-prop { - --globe-private-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --globe-private-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %google-16-svg-prop { - --google-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --google-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %google-24-svg-prop { - --google-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --google-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %google-color-16-svg-prop { - --google-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --google-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %google-color-24-svg-prop { - --google-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --google-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %grid-16-svg-prop { - --grid-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --grid-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %grid-24-svg-prop { - --grid-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --grid-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %grid-alt-16-svg-prop { - --grid-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --grid-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %grid-alt-24-svg-prop { - --grid-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --grid-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %guide-16-svg-prop { - --guide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --guide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %guide-24-svg-prop { - --guide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --guide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %guide-link-16-svg-prop { - --guide-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --guide-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %guide-link-24-svg-prop { - --guide-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --guide-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %guide-svg-prop { - --guide-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %guide-16-svg-prop; } %hammer-16-svg-prop { - --hammer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hammer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hammer-24-svg-prop { - --hammer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hammer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%handshake-16-svg-prop { + --handshake-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%handshake-24-svg-prop { + --handshake-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hard-drive-16-svg-prop { - --hard-drive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hard-drive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hard-drive-24-svg-prop { - --hard-drive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hard-drive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hash-16-svg-prop { - --hash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hash-24-svg-prop { - --hash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%hashicorp-16-svg-prop { + --hashicorp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%hashicorp-24-svg-prop { + --hashicorp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%hashicorp-color-16-svg-prop { + --hashicorp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%hashicorp-color-24-svg-prop { + --hashicorp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%hcp-16-svg-prop { + --hcp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%hcp-24-svg-prop { + --hcp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%hcp-color-16-svg-prop { + --hcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%hcp-color-24-svg-prop { + --hcp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %headphones-16-svg-prop { - --headphones-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --headphones-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %headphones-24-svg-prop { - --headphones-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --headphones-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %health-svg-prop { - --health-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %activity-16-svg-prop; } %heart-16-svg-prop { - --heart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %heart-24-svg-prop { - --heart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %heart-fill-16-svg-prop { - --heart-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %heart-fill-24-svg-prop { - --heart-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %heart-off-16-svg-prop { - --heart-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %heart-off-24-svg-prop { - --heart-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %help-16-svg-prop { - --help-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --help-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %help-24-svg-prop { - --help-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --help-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %help-circle-fill-svg-prop { - --help-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %help-16-svg-prop; } %help-circle-outline-svg-prop { - --help-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %help-16-svg-prop; } %hexagon-16-svg-prop { - --hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hexagon-24-svg-prop { - --hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hexagon-fill-16-svg-prop { - --hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hexagon-fill-24-svg-prop { - --hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %history-16-svg-prop { - --history-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --history-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %history-24-svg-prop { - --history-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --history-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %history-svg-prop { - --history-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %history-16-svg-prop; } %home-16-svg-prop { - --home-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --home-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %home-24-svg-prop { - --home-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --home-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hourglass-16-svg-prop { - --hourglass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hourglass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %hourglass-24-svg-prop { - --hourglass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hourglass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %identity-service-16-svg-prop { - --identity-service-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --identity-service-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %identity-service-24-svg-prop { - --identity-service-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --identity-service-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %identity-user-16-svg-prop { - --identity-user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --identity-user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %identity-user-24-svg-prop { - --identity-user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --identity-user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %image-16-svg-prop { - --image-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --image-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %image-24-svg-prop { - --image-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --image-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %inbox-16-svg-prop { - --inbox-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --inbox-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %inbox-24-svg-prop { - --inbox-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --inbox-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %info-16-svg-prop { - --info-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --info-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %info-24-svg-prop { - --info-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --info-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %info-circle-fill-svg-prop { - --info-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %info-16-svg-prop; } %info-circle-outline-svg-prop { - --info-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %info-16-svg-prop; } %jump-link-16-svg-prop { - --jump-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --jump-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %jump-link-24-svg-prop { - --jump-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --jump-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %key-16-svg-prop { - --key-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --key-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %key-24-svg-prop { - --key-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --key-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %key-values-16-svg-prop { - --key-values-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --key-values-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %key-values-24-svg-prop { - --key-values-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --key-values-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %key-svg-prop { - --key-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %key-16-svg-prop; +} + +%keychain-16-svg-prop { + --keychain-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%keychain-24-svg-prop { + --keychain-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %kubernetes-16-svg-prop { - --kubernetes-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --kubernetes-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %kubernetes-24-svg-prop { - --kubernetes-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --kubernetes-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %kubernetes-color-16-svg-prop { - --kubernetes-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --kubernetes-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %kubernetes-color-24-svg-prop { - --kubernetes-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --kubernetes-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %labyrinth-16-svg-prop { - --labyrinth-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --labyrinth-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %labyrinth-24-svg-prop { - --labyrinth-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --labyrinth-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %layers-16-svg-prop { - --layers-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --layers-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %layers-24-svg-prop { - --layers-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --layers-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %layers-svg-prop { - --layers-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %layers-16-svg-prop; } %layout-16-svg-prop { - --layout-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --layout-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %layout-24-svg-prop { - --layout-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --layout-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %learn-16-svg-prop { - --learn-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --learn-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %learn-24-svg-prop { - --learn-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --learn-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %learn-link-16-svg-prop { - --learn-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --learn-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %learn-link-24-svg-prop { - --learn-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --learn-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %learn-svg-prop { - --learn-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %learn-16-svg-prop; } %line-chart-16-svg-prop { - --line-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --line-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %line-chart-24-svg-prop { - --line-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --line-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %line-chart-up-16-svg-prop { - --line-chart-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --line-chart-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %line-chart-up-24-svg-prop { - --line-chart-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --line-chart-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %link-16-svg-prop { - --link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %link-24-svg-prop { - --link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %link-svg-prop { - --link-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %link-16-svg-prop; +} + +%linkedin-16-svg-prop { + --linkedin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%linkedin-24-svg-prop { + --linkedin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%linkedin-color-16-svg-prop { + --linkedin-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%linkedin-color-24-svg-prop { + --linkedin-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %list-16-svg-prop { - --list-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --list-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %list-24-svg-prop { - --list-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --list-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%load-balancer-16-svg-prop { + --load-balancer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%load-balancer-24-svg-prop { + --load-balancer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %loading-svg-prop { - --loading-svg: url('data:image/svg+xml;charset=UTF-8,'); + --loading-svg: url('data:image/svg+xml;charset=UTF-8,'); } %lock-16-svg-prop { - --lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %lock-24-svg-prop { - --lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %lock-closed-fill-svg-prop { - --lock-closed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %lock-fill-16-svg-prop; } %lock-closed-outline-svg-prop { - --lock-closed-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %lock-16-svg-prop; } %lock-closed-svg-prop { - --lock-closed-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %lock-fill-16-svg-prop; } %lock-disabled-svg-prop { - --lock-disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %lock-off-16-svg-prop; } %lock-fill-16-svg-prop { - --lock-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %lock-fill-24-svg-prop { - --lock-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %lock-off-16-svg-prop { - --lock-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %lock-off-24-svg-prop { - --lock-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %lock-open-svg-prop { - --lock-open-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %unlock-16-svg-prop; } %logo-alicloud-color-svg-prop { - --logo-alicloud-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %alibaba-color-16-svg-prop; } %logo-alicloud-monochrome-svg-prop { - --logo-alicloud-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %alibaba-16-svg-prop; } %logo-auth0-color-svg-prop { - --logo-auth0-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %auth0-color-16-svg-prop; } %logo-aws-color-svg-prop { - --logo-aws-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %aws-color-16-svg-prop; } %logo-aws-monochrome-svg-prop { - --logo-aws-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %aws-16-svg-prop; } %logo-azure-color-svg-prop { - --logo-azure-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %azure-color-16-svg-prop; } %logo-azure-dev-ops-color-svg-prop { - --logo-azure-dev-ops-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %azure-devops-color-16-svg-prop; } %logo-azure-dev-ops-monochrome-svg-prop { - --logo-azure-dev-ops-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %azure-devops-16-svg-prop; } %logo-azure-monochrome-svg-prop { - --logo-azure-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %azure-16-svg-prop; } %logo-bitbucket-color-svg-prop { - --logo-bitbucket-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %bitbucket-color-16-svg-prop; } %logo-bitbucket-monochrome-svg-prop { - --logo-bitbucket-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %bitbucket-16-svg-prop; } %logo-consul-color-svg-prop { - --logo-consul-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %consul-color-16-svg-prop; } %logo-ember-circle-color-svg-prop { @@ -2227,27 +2403,27 @@ } %logo-gcp-color-svg-prop { - --logo-gcp-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %gcp-color-16-svg-prop; } %logo-gcp-monochrome-svg-prop { - --logo-gcp-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %gcp-16-svg-prop; } %logo-github-color-svg-prop { - --logo-github-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %github-color-16-svg-prop; } %logo-github-monochrome-svg-prop { - --logo-github-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %github-16-svg-prop; } %logo-gitlab-color-svg-prop { - --logo-gitlab-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %gitlab-color-16-svg-prop; } %logo-gitlab-monochrome-svg-prop { - --logo-gitlab-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %gitlab-16-svg-prop; } %logo-glimmer-color-svg-prop { @@ -2255,11 +2431,11 @@ } %logo-google-color-svg-prop { - --logo-google-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %google-color-16-svg-prop; } %logo-google-monochrome-svg-prop { - --logo-google-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %google-16-svg-prop; } %logo-hashicorp-color-svg-prop { @@ -2271,19 +2447,19 @@ } %logo-kubernetes-color-svg-prop { - --logo-kubernetes-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %kubernetes-color-16-svg-prop; } %logo-kubernetes-monochrome-svg-prop { - --logo-kubernetes-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %kubernetes-16-svg-prop; } %logo-microsoft-color-svg-prop { - --logo-microsoft-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %microsoft-color-16-svg-prop; } %logo-nomad-color-svg-prop { - --logo-nomad-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %nomad-color-16-svg-prop; } %logo-oidc-color-svg-prop { @@ -2291,27 +2467,27 @@ } %logo-okta-color-svg-prop { - --logo-okta-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %okta-color-16-svg-prop; } %logo-oracle-color-svg-prop { - --logo-oracle-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %oracle-color-16-svg-prop; } %logo-oracle-monochrome-svg-prop { - --logo-oracle-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %oracle-16-svg-prop; } %logo-slack-color-svg-prop { - --logo-slack-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %slack-color-16-svg-prop; } %logo-slack-monochrome-svg-prop { - --logo-slack-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %slack-16-svg-prop; } %logo-terraform-color-svg-prop { - --logo-terraform-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %terraform-color-16-svg-prop; } %logo-vault-color-svg-prop { @@ -2319,619 +2495,675 @@ } %logo-vmware-color-svg-prop { - --logo-vmware-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %vmware-color-16-svg-prop; } %logo-vmware-monochrome-svg-prop { - --logo-vmware-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %vmware-16-svg-prop; } %mail-16-svg-prop { - --mail-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mail-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %mail-24-svg-prop { - --mail-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mail-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %mail-open-16-svg-prop { - --mail-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mail-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %mail-open-24-svg-prop { - --mail-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mail-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%mainframe-16-svg-prop { + --mainframe-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%mainframe-24-svg-prop { + --mainframe-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %map-16-svg-prop { - --map-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --map-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %map-24-svg-prop { - --map-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --map-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %map-pin-16-svg-prop { - --map-pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --map-pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %map-pin-24-svg-prop { - --map-pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --map-pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %maximize-16-svg-prop { - --maximize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --maximize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %maximize-24-svg-prop { - --maximize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --maximize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %maximize-alt-16-svg-prop { - --maximize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --maximize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %maximize-alt-24-svg-prop { - --maximize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --maximize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %meh-16-svg-prop { - --meh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --meh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %meh-24-svg-prop { - --meh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --meh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %menu-16-svg-prop { - --menu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --menu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %menu-24-svg-prop { - --menu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --menu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %menu-svg-prop { - --menu-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %menu-16-svg-prop; } %mesh-16-svg-prop { - --mesh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mesh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %mesh-24-svg-prop { - --mesh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mesh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %mesh-svg-prop { - --mesh-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %mesh-16-svg-prop; } %message-circle-16-svg-prop { - --message-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %message-circle-24-svg-prop { - --message-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %message-circle-fill-16-svg-prop { - --message-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %message-circle-fill-24-svg-prop { - --message-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %message-square-16-svg-prop { - --message-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %message-square-24-svg-prop { - --message-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %message-square-fill-16-svg-prop { - --message-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %message-square-fill-24-svg-prop { - --message-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %message-svg-prop { - --message-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %message-square-fill-16-svg-prop; } %mic-16-svg-prop { - --mic-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mic-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %mic-24-svg-prop { - --mic-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mic-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %mic-off-16-svg-prop { - --mic-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mic-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %mic-off-24-svg-prop { - --mic-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mic-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %microsoft-16-svg-prop { - --microsoft-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --microsoft-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %microsoft-24-svg-prop { - --microsoft-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --microsoft-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %microsoft-color-16-svg-prop { - --microsoft-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --microsoft-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %microsoft-color-24-svg-prop { - --microsoft-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --microsoft-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %migrate-16-svg-prop { - --migrate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --migrate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %migrate-24-svg-prop { - --migrate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --migrate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minimize-16-svg-prop { - --minimize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minimize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minimize-24-svg-prop { - --minimize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minimize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minimize-alt-16-svg-prop { - --minimize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minimize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minimize-alt-24-svg-prop { - --minimize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minimize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-16-svg-prop { - --minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-24-svg-prop { - --minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-circle-16-svg-prop { - --minus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-circle-24-svg-prop { - --minus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-circle-fill-svg-prop { - --minus-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %minus-circle-16-svg-prop; } %minus-circle-outline-svg-prop { - --minus-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %minus-circle-16-svg-prop; } %minus-plain-svg-prop { - --minus-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %minus-16-svg-prop; } %minus-plus-16-svg-prop { - --minus-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-plus-24-svg-prop { - --minus-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-plus-circle-16-svg-prop { - --minus-plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-plus-circle-24-svg-prop { - --minus-plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-plus-square-16-svg-prop { - --minus-plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-plus-square-24-svg-prop { - --minus-plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-square-16-svg-prop { - --minus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-square-24-svg-prop { - --minus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %minus-square-fill-svg-prop { - --minus-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %minus-square-16-svg-prop; } %module-16-svg-prop { - --module-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --module-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %module-24-svg-prop { - --module-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --module-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %module-svg-prop { - --module-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %module-16-svg-prop; } %monitor-16-svg-prop { - --monitor-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --monitor-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %monitor-24-svg-prop { - --monitor-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --monitor-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %moon-16-svg-prop { - --moon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --moon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %moon-24-svg-prop { - --moon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --moon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %more-horizontal-16-svg-prop { - --more-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --more-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %more-horizontal-24-svg-prop { - --more-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --more-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %more-horizontal-svg-prop { - --more-horizontal-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %more-horizontal-16-svg-prop; } %more-vertical-16-svg-prop { - --more-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --more-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %more-vertical-24-svg-prop { - --more-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --more-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %more-vertical-svg-prop { - --more-vertical-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %more-vertical-16-svg-prop; } %mouse-pointer-16-svg-prop { - --mouse-pointer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mouse-pointer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %mouse-pointer-24-svg-prop { - --mouse-pointer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mouse-pointer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %move-16-svg-prop { - --move-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --move-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %move-24-svg-prop { - --move-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --move-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %music-16-svg-prop { - --music-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --music-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %music-24-svg-prop { - --music-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --music-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %navigation-16-svg-prop { - --navigation-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --navigation-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %navigation-24-svg-prop { - --navigation-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --navigation-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %navigation-alt-16-svg-prop { - --navigation-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --navigation-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %navigation-alt-24-svg-prop { - --navigation-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --navigation-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %network-16-svg-prop { - --network-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --network-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %network-24-svg-prop { - --network-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --network-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %network-alt-16-svg-prop { - --network-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --network-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %network-alt-24-svg-prop { - --network-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --network-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %newspaper-16-svg-prop { - --newspaper-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --newspaper-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %newspaper-24-svg-prop { - --newspaper-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --newspaper-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %node-16-svg-prop { - --node-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --node-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %node-24-svg-prop { - --node-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --node-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%nomad-16-svg-prop { + --nomad-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%nomad-24-svg-prop { + --nomad-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%nomad-color-16-svg-prop { + --nomad-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%nomad-color-24-svg-prop { + --nomad-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %notification-disabled-svg-prop { - --notification-disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %bell-off-16-svg-prop; } %notification-fill-svg-prop { - --notification-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %bell-active-fill-16-svg-prop; } %notification-outline-svg-prop { - --notification-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %bell-16-svg-prop; } %octagon-16-svg-prop { - --octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %octagon-24-svg-prop { - --octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %okta-16-svg-prop { - --okta-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --okta-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %okta-24-svg-prop { - --okta-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --okta-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %okta-color-16-svg-prop { - --okta-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --okta-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %okta-color-24-svg-prop { - --okta-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --okta-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %oracle-16-svg-prop { - --oracle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --oracle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %oracle-24-svg-prop { - --oracle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --oracle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %oracle-color-16-svg-prop { - --oracle-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --oracle-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %oracle-color-24-svg-prop { - --oracle-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --oracle-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %org-16-svg-prop { - --org-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --org-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %org-24-svg-prop { - --org-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --org-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %outline-16-svg-prop { - --outline-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --outline-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %outline-24-svg-prop { - --outline-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --outline-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %outline-svg-prop { - --outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %outline-16-svg-prop; +} + +%pack-16-svg-prop { + --pack-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%pack-24-svg-prop { + --pack-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%pack-color-16-svg-prop { + --pack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%pack-color-24-svg-prop { + --pack-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %package-16-svg-prop { - --package-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --package-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %package-24-svg-prop { - --package-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --package-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%packer-16-svg-prop { + --packer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%packer-24-svg-prop { + --packer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%packer-color-16-svg-prop { + --packer-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%packer-color-24-svg-prop { + --packer-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %page-outline-svg-prop { - --page-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %outline-16-svg-prop; } %paperclip-16-svg-prop { - --paperclip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --paperclip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %paperclip-24-svg-prop { - --paperclip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --paperclip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %partner-svg-prop { - --partner-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %users-16-svg-prop; } %path-16-svg-prop { - --path-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --path-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %path-24-svg-prop { - --path-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --path-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %path-svg-prop { - --path-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %path-16-svg-prop; } %pause-16-svg-prop { - --pause-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pause-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pause-24-svg-prop { - --pause-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pause-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pause-circle-16-svg-prop { - --pause-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pause-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pause-circle-24-svg-prop { - --pause-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pause-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pen-tool-16-svg-prop { - --pen-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pen-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pen-tool-24-svg-prop { - --pen-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pen-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pencil-tool-16-svg-prop { - --pencil-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pencil-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pencil-tool-24-svg-prop { - --pencil-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pencil-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %phone-16-svg-prop { - --phone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %phone-24-svg-prop { - --phone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %phone-call-16-svg-prop { - --phone-call-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-call-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %phone-call-24-svg-prop { - --phone-call-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-call-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %phone-off-16-svg-prop { - --phone-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %phone-off-24-svg-prop { - --phone-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pie-chart-16-svg-prop { - --pie-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pie-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pie-chart-24-svg-prop { - --pie-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pie-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pin-16-svg-prop { - --pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %pin-24-svg-prop { - --pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %play-16-svg-prop { - --play-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --play-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %play-24-svg-prop { - --play-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --play-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %play-circle-16-svg-prop { - --play-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --play-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %play-circle-24-svg-prop { - --play-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --play-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %play-fill-svg-prop { - --play-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %play-circle-16-svg-prop; } %play-outline-svg-prop { - --play-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %play-circle-16-svg-prop; } %play-plain-svg-prop { - --play-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %play-16-svg-prop; } %plus-16-svg-prop { - --plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %plus-24-svg-prop { - --plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %plus-circle-16-svg-prop { - --plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %plus-circle-24-svg-prop { - --plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %plus-circle-fill-svg-prop { - --plus-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %plus-circle-16-svg-prop; } %plus-circle-outline-svg-prop { - --plus-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %plus-circle-16-svg-prop; } %plus-plain-svg-prop { - --plus-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %plus-16-svg-prop; } %plus-square-16-svg-prop { - --plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %plus-square-24-svg-prop { - --plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %plus-square-fill-svg-prop { - --plus-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %plus-square-16-svg-prop; } %port-svg-prop { @@ -2939,19 +3171,19 @@ } %power-16-svg-prop { - --power-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --power-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %power-24-svg-prop { - --power-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --power-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %printer-16-svg-prop { - --printer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --printer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %printer-24-svg-prop { - --printer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --printer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %protocol-svg-prop { @@ -2959,191 +3191,191 @@ } %provider-16-svg-prop { - --provider-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --provider-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %provider-24-svg-prop { - --provider-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --provider-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %provider-svg-prop { - --provider-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %provider-16-svg-prop; } %public-default-svg-prop { - --public-default-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %globe-16-svg-prop; } %public-locked-svg-prop { - --public-locked-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %globe-private-16-svg-prop; } %queue-16-svg-prop { - --queue-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --queue-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %queue-24-svg-prop { - --queue-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --queue-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %queue-svg-prop { - --queue-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %queue-16-svg-prop; } %radio-16-svg-prop { - --radio-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --radio-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %radio-24-svg-prop { - --radio-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --radio-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %radio-button-checked-svg-prop { - --radio-button-checked-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %circle-dot-16-svg-prop; } %radio-button-unchecked-svg-prop { - --radio-button-unchecked-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %circle-16-svg-prop; } %random-16-svg-prop { - --random-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --random-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %random-24-svg-prop { - --random-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --random-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %random-svg-prop { - --random-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %random-16-svg-prop; } %redirect-16-svg-prop { - --redirect-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --redirect-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %redirect-24-svg-prop { - --redirect-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --redirect-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %redirect-svg-prop { - --redirect-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %redirect-16-svg-prop; } %refresh-alert-svg-prop { - --refresh-alert-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %sync-alert-16-svg-prop; } %refresh-default-svg-prop { - --refresh-default-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %sync-16-svg-prop; } %reload-16-svg-prop { - --reload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --reload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %reload-24-svg-prop { - --reload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --reload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %remix-svg-prop { - --remix-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %shuffle-16-svg-prop; } %repeat-16-svg-prop { - --repeat-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --repeat-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %repeat-24-svg-prop { - --repeat-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --repeat-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %replication-direct-16-svg-prop { - --replication-direct-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --replication-direct-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %replication-direct-24-svg-prop { - --replication-direct-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --replication-direct-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %replication-perf-16-svg-prop { - --replication-perf-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --replication-perf-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %replication-perf-24-svg-prop { - --replication-perf-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --replication-perf-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %rewind-16-svg-prop { - --rewind-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rewind-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %rewind-24-svg-prop { - --rewind-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rewind-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %ribbon-svg-prop { - --ribbon-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %award-16-svg-prop; } %rocket-16-svg-prop { - --rocket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rocket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %rocket-24-svg-prop { - --rocket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rocket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %rotate-ccw-16-svg-prop { - --rotate-ccw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rotate-ccw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %rotate-ccw-24-svg-prop { - --rotate-ccw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rotate-ccw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %rotate-cw-16-svg-prop { - --rotate-cw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rotate-cw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %rotate-cw-24-svg-prop { - --rotate-cw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rotate-cw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %rss-16-svg-prop { - --rss-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rss-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %rss-24-svg-prop { - --rss-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rss-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %run-svg-prop { - --run-svg: url('data:image/svg+xml;charset=UTF-8,'); + --run-svg: url('data:image/svg+xml;charset=UTF-8,'); } %save-16-svg-prop { - --save-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --save-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %save-24-svg-prop { - --save-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --save-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %scissors-16-svg-prop { - --scissors-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --scissors-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %scissors-24-svg-prop { - --scissors-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --scissors-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %search-16-svg-prop { - --search-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --search-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %search-24-svg-prop { - --search-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --search-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %search-color-svg-prop { @@ -3151,251 +3383,251 @@ } %search-svg-prop { - --search-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %search-16-svg-prop; } %send-16-svg-prop { - --send-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --send-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %send-24-svg-prop { - --send-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --send-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %server-16-svg-prop { - --server-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --server-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %server-24-svg-prop { - --server-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --server-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %server-cluster-16-svg-prop { - --server-cluster-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --server-cluster-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %server-cluster-24-svg-prop { - --server-cluster-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --server-cluster-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %serverless-16-svg-prop { - --serverless-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --serverless-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %serverless-24-svg-prop { - --serverless-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --serverless-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %settings-16-svg-prop { - --settings-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --settings-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %settings-24-svg-prop { - --settings-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --settings-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %settings-svg-prop { - --settings-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %settings-16-svg-prop; } %share-16-svg-prop { - --share-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --share-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %share-24-svg-prop { - --share-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --share-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-16-svg-prop { - --shield-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-24-svg-prop { - --shield-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-alert-16-svg-prop { - --shield-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-alert-24-svg-prop { - --shield-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-check-16-svg-prop { - --shield-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-check-24-svg-prop { - --shield-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-off-16-svg-prop { - --shield-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-off-24-svg-prop { - --shield-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-x-16-svg-prop { - --shield-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shield-x-24-svg-prop { - --shield-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shopping-bag-16-svg-prop { - --shopping-bag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shopping-bag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shopping-bag-24-svg-prop { - --shopping-bag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shopping-bag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shopping-cart-16-svg-prop { - --shopping-cart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shopping-cart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shopping-cart-24-svg-prop { - --shopping-cart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shopping-cart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shuffle-16-svg-prop { - --shuffle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shuffle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %shuffle-24-svg-prop { - --shuffle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shuffle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sidebar-16-svg-prop { - --sidebar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sidebar-24-svg-prop { - --sidebar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sidebar-hide-16-svg-prop { - --sidebar-hide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-hide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sidebar-hide-24-svg-prop { - --sidebar-hide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-hide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sidebar-show-16-svg-prop { - --sidebar-show-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-show-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sidebar-show-24-svg-prop { - --sidebar-show-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-show-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sign-in-16-svg-prop { - --sign-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sign-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sign-in-24-svg-prop { - --sign-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sign-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sign-out-16-svg-prop { - --sign-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sign-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sign-out-24-svg-prop { - --sign-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sign-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %skip-16-svg-prop { - --skip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %skip-24-svg-prop { - --skip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %skip-back-16-svg-prop { - --skip-back-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-back-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %skip-back-24-svg-prop { - --skip-back-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-back-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %skip-forward-16-svg-prop { - --skip-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %skip-forward-24-svg-prop { - --skip-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %slack-16-svg-prop { - --slack-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slack-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %slack-24-svg-prop { - --slack-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slack-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %slack-color-16-svg-prop { - --slack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %slack-color-24-svg-prop { - --slack-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slack-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %slash-16-svg-prop { - --slash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %slash-24-svg-prop { - --slash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %slash-square-16-svg-prop { - --slash-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slash-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %slash-square-24-svg-prop { - --slash-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slash-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sliders-16-svg-prop { - --sliders-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sliders-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sliders-24-svg-prop { - --sliders-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sliders-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %smartphone-16-svg-prop { - --smartphone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --smartphone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %smartphone-24-svg-prop { - --smartphone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --smartphone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %smile-16-svg-prop { - --smile-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --smile-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %smile-24-svg-prop { - --smile-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --smile-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %socket-16-svg-prop { - --socket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --socket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %socket-24-svg-prop { - --socket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --socket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %socket-svg-prop { @@ -3403,733 +3635,837 @@ } %sort-asc-16-svg-prop { - --sort-asc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sort-asc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sort-asc-24-svg-prop { - --sort-asc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sort-asc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sort-desc-16-svg-prop { - --sort-desc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sort-desc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sort-desc-24-svg-prop { - --sort-desc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sort-desc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sort-svg-prop { - --sort-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %sort-desc-16-svg-prop; } %source-file-svg-prop { - --source-file-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %file-source-16-svg-prop; } %speaker-16-svg-prop { - --speaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --speaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %speaker-24-svg-prop { - --speaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --speaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %square-16-svg-prop { - --square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %square-24-svg-prop { - --square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %square-fill-16-svg-prop { - --square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %square-fill-24-svg-prop { - --square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %star-16-svg-prop { - --star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %star-24-svg-prop { - --star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %star-circle-16-svg-prop { - --star-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %star-circle-24-svg-prop { - --star-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %star-fill-16-svg-prop { - --star-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %star-fill-24-svg-prop { - --star-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %star-fill-svg-prop { - --star-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %star-fill-16-svg-prop; } %star-off-16-svg-prop { - --star-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %star-off-24-svg-prop { - --star-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %star-outline-svg-prop { - --star-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %star-16-svg-prop; } %stop-circle-16-svg-prop { - --stop-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --stop-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %stop-circle-24-svg-prop { - --stop-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --stop-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sub-left-svg-prop { - --sub-left-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %corner-down-left-16-svg-prop; } %sub-right-svg-prop { - --sub-right-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %corner-down-right-16-svg-prop; } %sun-16-svg-prop { - --sun-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sun-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sun-24-svg-prop { - --sun-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sun-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %support-16-svg-prop { - --support-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --support-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %support-24-svg-prop { - --support-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --support-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %support-svg-prop { - --support-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %support-16-svg-prop; } %swap-horizontal-16-svg-prop { - --swap-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --swap-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %swap-horizontal-24-svg-prop { - --swap-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --swap-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %swap-horizontal-svg-prop { - --swap-horizontal-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %swap-horizontal-16-svg-prop; } %swap-vertical-16-svg-prop { - --swap-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --swap-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %swap-vertical-24-svg-prop { - --swap-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --swap-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %swap-vertical-svg-prop { - --swap-vertical-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %swap-vertical-16-svg-prop; } %switcher-16-svg-prop { - --switcher-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --switcher-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %switcher-24-svg-prop { - --switcher-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --switcher-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sync-16-svg-prop { - --sync-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sync-24-svg-prop { - --sync-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sync-alert-16-svg-prop { - --sync-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sync-alert-24-svg-prop { - --sync-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sync-reverse-16-svg-prop { - --sync-reverse-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-reverse-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %sync-reverse-24-svg-prop { - --sync-reverse-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-reverse-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %tablet-16-svg-prop { - --tablet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tablet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %tablet-24-svg-prop { - --tablet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tablet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %tag-16-svg-prop { - --tag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %tag-24-svg-prop { - --tag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %tag-svg-prop { - --tag-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %tag-16-svg-prop; } %target-16-svg-prop { - --target-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --target-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %target-24-svg-prop { - --target-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --target-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %terminal-16-svg-prop { - --terminal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terminal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %terminal-24-svg-prop { - --terminal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terminal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %terminal-screen-16-svg-prop { - --terminal-screen-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terminal-screen-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %terminal-screen-24-svg-prop { - --terminal-screen-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terminal-screen-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%terraform-16-svg-prop { + --terraform-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%terraform-24-svg-prop { + --terraform-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%terraform-color-16-svg-prop { + --terraform-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%terraform-color-24-svg-prop { + --terraform-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %thumbs-down-16-svg-prop { - --thumbs-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --thumbs-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %thumbs-down-24-svg-prop { - --thumbs-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --thumbs-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %thumbs-up-16-svg-prop { - --thumbs-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --thumbs-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %thumbs-up-24-svg-prop { - --thumbs-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --thumbs-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %toggle-left-16-svg-prop { - --toggle-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --toggle-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %toggle-left-24-svg-prop { - --toggle-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --toggle-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %toggle-right-16-svg-prop { - --toggle-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --toggle-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %toggle-right-24-svg-prop { - --toggle-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --toggle-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %token-16-svg-prop { - --token-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --token-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %token-24-svg-prop { - --token-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --token-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %tools-16-svg-prop { - --tools-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tools-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %tools-24-svg-prop { - --tools-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tools-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %top-16-svg-prop { - --top-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --top-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %top-24-svg-prop { - --top-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --top-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %trash-16-svg-prop { - --trash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %trash-24-svg-prop { - --trash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %trash-svg-prop { - --trash-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %trash-16-svg-prop; } %trend-down-16-svg-prop { - --trend-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trend-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %trend-down-24-svg-prop { - --trend-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trend-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %trend-up-16-svg-prop { - --trend-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trend-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %trend-up-24-svg-prop { - --trend-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trend-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %triangle-16-svg-prop { - --triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %triangle-24-svg-prop { - --triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %triangle-fill-16-svg-prop { - --triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %triangle-fill-24-svg-prop { - --triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %truck-16-svg-prop { - --truck-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --truck-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %truck-24-svg-prop { - --truck-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --truck-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %tune-svg-prop { - --tune-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %sliders-16-svg-prop; } %tv-16-svg-prop { - --tv-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tv-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %tv-24-svg-prop { - --tv-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tv-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%twitch-16-svg-prop { + --twitch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%twitch-24-svg-prop { + --twitch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%twitch-color-16-svg-prop { + --twitch-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%twitch-color-24-svg-prop { + --twitch-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%twitter-16-svg-prop { + --twitter-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%twitter-24-svg-prop { + --twitter-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%twitter-color-16-svg-prop { + --twitter-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%twitter-color-24-svg-prop { + --twitter-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %type-16-svg-prop { - --type-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --type-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %type-24-svg-prop { - --type-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --type-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %unfold-close-16-svg-prop { - --unfold-close-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unfold-close-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %unfold-close-24-svg-prop { - --unfold-close-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unfold-close-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %unfold-less-svg-prop { - --unfold-less-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %unfold-close-16-svg-prop; } %unfold-more-svg-prop { - --unfold-more-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %unfold-open-16-svg-prop; } %unfold-open-16-svg-prop { - --unfold-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unfold-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %unfold-open-24-svg-prop { - --unfold-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unfold-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } -%union-svg { - --union-svg: url('data:image/svg+xml;charset=UTF-8,'); +%union-svg-prop { + --union-svg: url('data:image/svg+xml;charset=UTF-8,'); } %unlock-16-svg-prop { - --unlock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unlock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %unlock-24-svg-prop { - --unlock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unlock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %upload-16-svg-prop { - --upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %upload-24-svg-prop { - --upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %upload-svg-prop { - --upload-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %upload-16-svg-prop; } %user-16-svg-prop { - --user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-24-svg-prop { - --user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-add-svg-prop { - --user-add-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %user-plus-16-svg-prop; } %user-check-16-svg-prop { - --user-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-check-24-svg-prop { - --user-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-circle-16-svg-prop { - --user-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-circle-24-svg-prop { - --user-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-circle-fill-16-svg-prop { - --user-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-circle-fill-24-svg-prop { - --user-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-minus-16-svg-prop { - --user-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-minus-24-svg-prop { - --user-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-organization-svg-prop { - --user-organization-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %org-16-svg-prop; } %user-plain-svg-prop { - --user-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %user-16-svg-prop; } %user-plus-16-svg-prop { - --user-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-plus-24-svg-prop { - --user-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-square-fill-svg-prop { - --user-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %user-circle-fill-16-svg-prop; } %user-square-outline-svg-prop { - --user-square-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %user-circle-16-svg-prop; } %user-team-svg-prop { - --user-team-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %users-16-svg-prop; } %user-x-16-svg-prop { - --user-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %user-x-24-svg-prop { - --user-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %users-16-svg-prop { - --users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %users-24-svg-prop { - --users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%vagrant-16-svg-prop { + --vagrant-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%vagrant-24-svg-prop { + --vagrant-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%vagrant-color-16-svg-prop { + --vagrant-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%vagrant-color-24-svg-prop { + --vagrant-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %vault-16-svg-prop { - --vault-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vault-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %vault-24-svg-prop { - --vault-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vault-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%vault-color-16-svg-prop { + --vault-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%vault-color-24-svg-prop { + --vault-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %verified-16-svg-prop { - --verified-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --verified-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %verified-24-svg-prop { - --verified-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --verified-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %video-16-svg-prop { - --video-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --video-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %video-24-svg-prop { - --video-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --video-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %video-off-16-svg-prop { - --video-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --video-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %video-off-24-svg-prop { - --video-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --video-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %visibility-hide-svg-prop { - --visibility-hide-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %eye-off-16-svg-prop; } %visibility-show-svg-prop { - --visibility-show-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %eye-16-svg-prop; } %vmware-16-svg-prop { - --vmware-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vmware-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %vmware-24-svg-prop { - --vmware-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vmware-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %vmware-color-16-svg-prop { - --vmware-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vmware-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %vmware-color-24-svg-prop { - --vmware-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vmware-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %volume-16-svg-prop { - --volume-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %volume-2-16-svg-prop { - --volume-2-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-2-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %volume-2-24-svg-prop { - --volume-2-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-2-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %volume-24-svg-prop { - --volume-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %volume-down-16-svg-prop { - --volume-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %volume-down-24-svg-prop { - --volume-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %volume-x-16-svg-prop { - --volume-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %volume-x-24-svg-prop { - --volume-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %wall-16-svg-prop { - --wall-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wall-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %wall-24-svg-prop { - --wall-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wall-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %watch-16-svg-prop { - --watch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --watch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %watch-24-svg-prop { - --watch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --watch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%waypoint-16-svg-prop { + --waypoint-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%waypoint-24-svg-prop { + --waypoint-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%waypoint-color-16-svg-prop { + --waypoint-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%waypoint-color-24-svg-prop { + --waypoint-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %webhook-16-svg-prop { - --webhook-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --webhook-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %webhook-24-svg-prop { - --webhook-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --webhook-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %webhook-svg-prop { - --webhook-svg: url('data:image/svg+xml;charset=UTF-8,'); + @extend %webhook-16-svg-prop; } %wifi-16-svg-prop { - --wifi-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wifi-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %wifi-24-svg-prop { - --wifi-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wifi-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %wifi-off-16-svg-prop { - --wifi-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wifi-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %wifi-off-24-svg-prop { - --wifi-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wifi-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %wrench-16-svg-prop { - --wrench-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wrench-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %wrench-24-svg-prop { - --wrench-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wrench-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-16-svg-prop { - --x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-24-svg-prop { - --x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-circle-16-svg-prop { - --x-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-circle-24-svg-prop { - --x-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-circle-fill-16-svg-prop { - --x-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-circle-fill-24-svg-prop { - --x-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-diamond-16-svg-prop { - --x-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-diamond-24-svg-prop { - --x-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-diamond-fill-16-svg-prop { - --x-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-diamond-fill-24-svg-prop { - --x-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-hexagon-16-svg-prop { - --x-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-hexagon-24-svg-prop { - --x-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-hexagon-fill-16-svg-prop { - --x-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-hexagon-fill-24-svg-prop { - --x-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-square-16-svg-prop { - --x-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-square-24-svg-prop { - --x-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-square-fill-16-svg-prop { - --x-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %x-square-fill-24-svg-prop { - --x-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%youtube-16-svg-prop { + --youtube-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%youtube-24-svg-prop { + --youtube-24-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%youtube-color-16-svg-prop { + --youtube-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); +} + +%youtube-color-24-svg-prop { + --youtube-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %zap-16-svg-prop { - --zap-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zap-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %zap-24-svg-prop { - --zap-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zap-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %zap-off-16-svg-prop { - --zap-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zap-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %zap-off-24-svg-prop { - --zap-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zap-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %zoom-in-16-svg-prop { - --zoom-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zoom-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %zoom-in-24-svg-prop { - --zoom-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zoom-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } %zoom-out-16-svg-prop { - --zoom-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zoom-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); } %zoom-out-24-svg-prop { - --zoom-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zoom-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/debug.scss b/ui/packages/consul-ui/app/styles/base/icons/debug.scss index 8106bc04e3..16fe3c648d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/debug.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/debug.scss @@ -1,4 +1,3 @@ - .debug-with-activity-16-mask-before::before, .debug-with-activity-16-icon-before::before, .debug-with-activity-16-mask-after::after, @@ -898,6 +897,130 @@ background-image: var(--align-right-24-svg); } +.debug-with-amazon-eks-16-mask-before::before, +.debug-with-amazon-eks-16-icon-before::before, +.debug-with-amazon-eks-16-mask-after::after, +.debug-with-amazon-eks-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-amazon-eks-16-mask-before::before, +.debug-with-amazon-eks-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--amazon-eks-16-svg); + mask-image: var(--amazon-eks-16-svg); +} +.debug-with-amazon-eks-16-icon-before::before, +.debug-with-amazon-eks-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--amazon-eks-16-svg); +} + +.debug-with-amazon-eks-24-mask-before::before, +.debug-with-amazon-eks-24-icon-before::before, +.debug-with-amazon-eks-24-mask-after::after, +.debug-with-amazon-eks-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-amazon-eks-24-mask-before::before, +.debug-with-amazon-eks-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--amazon-eks-24-svg); + mask-image: var(--amazon-eks-24-svg); +} +.debug-with-amazon-eks-24-icon-before::before, +.debug-with-amazon-eks-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--amazon-eks-24-svg); +} + +.debug-with-amazon-eks-color-16-mask-before::before, +.debug-with-amazon-eks-color-16-icon-before::before, +.debug-with-amazon-eks-color-16-mask-after::after, +.debug-with-amazon-eks-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-amazon-eks-color-16-mask-before::before, +.debug-with-amazon-eks-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--amazon-eks-color-16-svg); + mask-image: var(--amazon-eks-color-16-svg); +} +.debug-with-amazon-eks-color-16-icon-before::before, +.debug-with-amazon-eks-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--amazon-eks-color-16-svg); +} + +.debug-with-amazon-eks-color-24-mask-before::before, +.debug-with-amazon-eks-color-24-icon-before::before, +.debug-with-amazon-eks-color-24-mask-after::after, +.debug-with-amazon-eks-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-amazon-eks-color-24-mask-before::before, +.debug-with-amazon-eks-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--amazon-eks-color-24-svg); + mask-image: var(--amazon-eks-color-24-svg); +} +.debug-with-amazon-eks-color-24-icon-before::before, +.debug-with-amazon-eks-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--amazon-eks-color-24-svg); +} + .debug-with-apple-16-mask-before::before, .debug-with-apple-16-icon-before::before, .debug-with-apple-16-mask-after::after, @@ -2386,6 +2509,130 @@ background-image: var(--aws-color-24-svg); } +.debug-with-aws-ec2-16-mask-before::before, +.debug-with-aws-ec2-16-icon-before::before, +.debug-with-aws-ec2-16-mask-after::after, +.debug-with-aws-ec2-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-aws-ec2-16-mask-before::before, +.debug-with-aws-ec2-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--aws-ec2-16-svg); + mask-image: var(--aws-ec2-16-svg); +} +.debug-with-aws-ec2-16-icon-before::before, +.debug-with-aws-ec2-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--aws-ec2-16-svg); +} + +.debug-with-aws-ec2-24-mask-before::before, +.debug-with-aws-ec2-24-icon-before::before, +.debug-with-aws-ec2-24-mask-after::after, +.debug-with-aws-ec2-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-aws-ec2-24-mask-before::before, +.debug-with-aws-ec2-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--aws-ec2-24-svg); + mask-image: var(--aws-ec2-24-svg); +} +.debug-with-aws-ec2-24-icon-before::before, +.debug-with-aws-ec2-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--aws-ec2-24-svg); +} + +.debug-with-aws-ec2-color-16-mask-before::before, +.debug-with-aws-ec2-color-16-icon-before::before, +.debug-with-aws-ec2-color-16-mask-after::after, +.debug-with-aws-ec2-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-aws-ec2-color-16-mask-before::before, +.debug-with-aws-ec2-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--aws-ec2-color-16-svg); + mask-image: var(--aws-ec2-color-16-svg); +} +.debug-with-aws-ec2-color-16-icon-before::before, +.debug-with-aws-ec2-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--aws-ec2-color-16-svg); +} + +.debug-with-aws-ec2-color-24-mask-before::before, +.debug-with-aws-ec2-color-24-icon-before::before, +.debug-with-aws-ec2-color-24-mask-after::after, +.debug-with-aws-ec2-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-aws-ec2-color-24-mask-before::before, +.debug-with-aws-ec2-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--aws-ec2-color-24-svg); + mask-image: var(--aws-ec2-color-24-svg); +} +.debug-with-aws-ec2-color-24-icon-before::before, +.debug-with-aws-ec2-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--aws-ec2-color-24-svg); +} + .debug-with-azure-16-mask-before::before, .debug-with-azure-16-icon-before::before, .debug-with-azure-16-mask-after::after, @@ -2634,6 +2881,68 @@ background-image: var(--azure-devops-color-24-svg); } +.debug-with-bank-vault-16-mask-before::before, +.debug-with-bank-vault-16-icon-before::before, +.debug-with-bank-vault-16-mask-after::after, +.debug-with-bank-vault-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bank-vault-16-mask-before::before, +.debug-with-bank-vault-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bank-vault-16-svg); + mask-image: var(--bank-vault-16-svg); +} +.debug-with-bank-vault-16-icon-before::before, +.debug-with-bank-vault-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bank-vault-16-svg); +} + +.debug-with-bank-vault-24-mask-before::before, +.debug-with-bank-vault-24-icon-before::before, +.debug-with-bank-vault-24-mask-after::after, +.debug-with-bank-vault-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bank-vault-24-mask-before::before, +.debug-with-bank-vault-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bank-vault-24-svg); + mask-image: var(--bank-vault-24-svg); +} +.debug-with-bank-vault-24-icon-before::before, +.debug-with-bank-vault-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bank-vault-24-svg); +} + .debug-with-bar-chart-16-mask-before::before, .debug-with-bar-chart-16-icon-before::before, .debug-with-bar-chart-16-mask-after::after, @@ -3781,6 +4090,130 @@ background-image: var(--bottom-24-svg); } +.debug-with-boundary-16-mask-before::before, +.debug-with-boundary-16-icon-before::before, +.debug-with-boundary-16-mask-after::after, +.debug-with-boundary-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-boundary-16-mask-before::before, +.debug-with-boundary-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--boundary-16-svg); + mask-image: var(--boundary-16-svg); +} +.debug-with-boundary-16-icon-before::before, +.debug-with-boundary-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--boundary-16-svg); +} + +.debug-with-boundary-24-mask-before::before, +.debug-with-boundary-24-icon-before::before, +.debug-with-boundary-24-mask-after::after, +.debug-with-boundary-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-boundary-24-mask-before::before, +.debug-with-boundary-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--boundary-24-svg); + mask-image: var(--boundary-24-svg); +} +.debug-with-boundary-24-icon-before::before, +.debug-with-boundary-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--boundary-24-svg); +} + +.debug-with-boundary-color-16-mask-before::before, +.debug-with-boundary-color-16-icon-before::before, +.debug-with-boundary-color-16-mask-after::after, +.debug-with-boundary-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-boundary-color-16-mask-before::before, +.debug-with-boundary-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--boundary-color-16-svg); + mask-image: var(--boundary-color-16-svg); +} +.debug-with-boundary-color-16-icon-before::before, +.debug-with-boundary-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--boundary-color-16-svg); +} + +.debug-with-boundary-color-24-mask-before::before, +.debug-with-boundary-color-24-icon-before::before, +.debug-with-boundary-color-24-mask-after::after, +.debug-with-boundary-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-boundary-color-24-mask-before::before, +.debug-with-boundary-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--boundary-color-24-svg); + mask-image: var(--boundary-color-24-svg); +} +.debug-with-boundary-color-24-icon-before::before, +.debug-with-boundary-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--boundary-color-24-svg); +} + .debug-with-box-16-mask-before::before, .debug-with-box-16-icon-before::before, .debug-with-box-16-mask-after::after, @@ -7408,6 +7841,130 @@ background-image: var(--code-svg); } +.debug-with-codepen-16-mask-before::before, +.debug-with-codepen-16-icon-before::before, +.debug-with-codepen-16-mask-after::after, +.debug-with-codepen-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-codepen-16-mask-before::before, +.debug-with-codepen-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--codepen-16-svg); + mask-image: var(--codepen-16-svg); +} +.debug-with-codepen-16-icon-before::before, +.debug-with-codepen-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--codepen-16-svg); +} + +.debug-with-codepen-24-mask-before::before, +.debug-with-codepen-24-icon-before::before, +.debug-with-codepen-24-mask-after::after, +.debug-with-codepen-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-codepen-24-mask-before::before, +.debug-with-codepen-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--codepen-24-svg); + mask-image: var(--codepen-24-svg); +} +.debug-with-codepen-24-icon-before::before, +.debug-with-codepen-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--codepen-24-svg); +} + +.debug-with-codepen-color-16-mask-before::before, +.debug-with-codepen-color-16-icon-before::before, +.debug-with-codepen-color-16-mask-after::after, +.debug-with-codepen-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-codepen-color-16-mask-before::before, +.debug-with-codepen-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--codepen-color-16-svg); + mask-image: var(--codepen-color-16-svg); +} +.debug-with-codepen-color-16-icon-before::before, +.debug-with-codepen-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--codepen-color-16-svg); +} + +.debug-with-codepen-color-24-mask-before::before, +.debug-with-codepen-color-24-icon-before::before, +.debug-with-codepen-color-24-mask-after::after, +.debug-with-codepen-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-codepen-color-24-mask-before::before, +.debug-with-codepen-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--codepen-color-24-svg); + mask-image: var(--codepen-color-24-svg); +} +.debug-with-codepen-color-24-icon-before::before, +.debug-with-codepen-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--codepen-color-24-svg); +} + .debug-with-collections-16-mask-before::before, .debug-with-collections-16-icon-before::before, .debug-with-collections-16-mask-after::after, @@ -7749,6 +8306,130 @@ background-image: var(--console-svg); } +.debug-with-consul-16-mask-before::before, +.debug-with-consul-16-icon-before::before, +.debug-with-consul-16-mask-after::after, +.debug-with-consul-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-consul-16-mask-before::before, +.debug-with-consul-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--consul-16-svg); + mask-image: var(--consul-16-svg); +} +.debug-with-consul-16-icon-before::before, +.debug-with-consul-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--consul-16-svg); +} + +.debug-with-consul-24-mask-before::before, +.debug-with-consul-24-icon-before::before, +.debug-with-consul-24-mask-after::after, +.debug-with-consul-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-consul-24-mask-before::before, +.debug-with-consul-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--consul-24-svg); + mask-image: var(--consul-24-svg); +} +.debug-with-consul-24-icon-before::before, +.debug-with-consul-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--consul-24-svg); +} + +.debug-with-consul-color-16-mask-before::before, +.debug-with-consul-color-16-icon-before::before, +.debug-with-consul-color-16-mask-after::after, +.debug-with-consul-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-consul-color-16-mask-before::before, +.debug-with-consul-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--consul-color-16-svg); + mask-image: var(--consul-color-16-svg); +} +.debug-with-consul-color-16-icon-before::before, +.debug-with-consul-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--consul-color-16-svg); +} + +.debug-with-consul-color-24-mask-before::before, +.debug-with-consul-color-24-icon-before::before, +.debug-with-consul-color-24-mask-after::after, +.debug-with-consul-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-consul-color-24-mask-before::before, +.debug-with-consul-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--consul-color-24-svg); + mask-image: var(--consul-color-24-svg); +} +.debug-with-consul-color-24-icon-before::before, +.debug-with-consul-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--consul-color-24-svg); +} + .debug-with-copy-action-mask-before::before, .debug-with-copy-action-icon-before::before, .debug-with-copy-action-mask-after::after, @@ -10849,6 +11530,130 @@ background-image: var(--f5-color-24-svg); } +.debug-with-facebook-16-mask-before::before, +.debug-with-facebook-16-icon-before::before, +.debug-with-facebook-16-mask-after::after, +.debug-with-facebook-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-facebook-16-mask-before::before, +.debug-with-facebook-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--facebook-16-svg); + mask-image: var(--facebook-16-svg); +} +.debug-with-facebook-16-icon-before::before, +.debug-with-facebook-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--facebook-16-svg); +} + +.debug-with-facebook-24-mask-before::before, +.debug-with-facebook-24-icon-before::before, +.debug-with-facebook-24-mask-after::after, +.debug-with-facebook-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-facebook-24-mask-before::before, +.debug-with-facebook-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--facebook-24-svg); + mask-image: var(--facebook-24-svg); +} +.debug-with-facebook-24-icon-before::before, +.debug-with-facebook-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--facebook-24-svg); +} + +.debug-with-facebook-color-16-mask-before::before, +.debug-with-facebook-color-16-icon-before::before, +.debug-with-facebook-color-16-mask-after::after, +.debug-with-facebook-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-facebook-color-16-mask-before::before, +.debug-with-facebook-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--facebook-color-16-svg); + mask-image: var(--facebook-color-16-svg); +} +.debug-with-facebook-color-16-icon-before::before, +.debug-with-facebook-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--facebook-color-16-svg); +} + +.debug-with-facebook-color-24-mask-before::before, +.debug-with-facebook-color-24-icon-before::before, +.debug-with-facebook-color-24-mask-after::after, +.debug-with-facebook-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-facebook-color-24-mask-before::before, +.debug-with-facebook-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--facebook-color-24-svg); + mask-image: var(--facebook-color-24-svg); +} +.debug-with-facebook-color-24-icon-before::before, +.debug-with-facebook-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--facebook-color-24-svg); +} + .debug-with-fast-forward-16-mask-before::before, .debug-with-fast-forward-16-icon-before::before, .debug-with-fast-forward-16-mask-after::after, @@ -14259,6 +15064,68 @@ background-image: var(--hammer-24-svg); } +.debug-with-handshake-16-mask-before::before, +.debug-with-handshake-16-icon-before::before, +.debug-with-handshake-16-mask-after::after, +.debug-with-handshake-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-handshake-16-mask-before::before, +.debug-with-handshake-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--handshake-16-svg); + mask-image: var(--handshake-16-svg); +} +.debug-with-handshake-16-icon-before::before, +.debug-with-handshake-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--handshake-16-svg); +} + +.debug-with-handshake-24-mask-before::before, +.debug-with-handshake-24-icon-before::before, +.debug-with-handshake-24-mask-after::after, +.debug-with-handshake-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-handshake-24-mask-before::before, +.debug-with-handshake-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--handshake-24-svg); + mask-image: var(--handshake-24-svg); +} +.debug-with-handshake-24-icon-before::before, +.debug-with-handshake-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--handshake-24-svg); +} + .debug-with-hard-drive-16-mask-before::before, .debug-with-hard-drive-16-icon-before::before, .debug-with-hard-drive-16-mask-after::after, @@ -14383,6 +15250,254 @@ background-image: var(--hash-24-svg); } +.debug-with-hashicorp-16-mask-before::before, +.debug-with-hashicorp-16-icon-before::before, +.debug-with-hashicorp-16-mask-after::after, +.debug-with-hashicorp-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hashicorp-16-mask-before::before, +.debug-with-hashicorp-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hashicorp-16-svg); + mask-image: var(--hashicorp-16-svg); +} +.debug-with-hashicorp-16-icon-before::before, +.debug-with-hashicorp-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hashicorp-16-svg); +} + +.debug-with-hashicorp-24-mask-before::before, +.debug-with-hashicorp-24-icon-before::before, +.debug-with-hashicorp-24-mask-after::after, +.debug-with-hashicorp-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hashicorp-24-mask-before::before, +.debug-with-hashicorp-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hashicorp-24-svg); + mask-image: var(--hashicorp-24-svg); +} +.debug-with-hashicorp-24-icon-before::before, +.debug-with-hashicorp-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hashicorp-24-svg); +} + +.debug-with-hashicorp-color-16-mask-before::before, +.debug-with-hashicorp-color-16-icon-before::before, +.debug-with-hashicorp-color-16-mask-after::after, +.debug-with-hashicorp-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hashicorp-color-16-mask-before::before, +.debug-with-hashicorp-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hashicorp-color-16-svg); + mask-image: var(--hashicorp-color-16-svg); +} +.debug-with-hashicorp-color-16-icon-before::before, +.debug-with-hashicorp-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hashicorp-color-16-svg); +} + +.debug-with-hashicorp-color-24-mask-before::before, +.debug-with-hashicorp-color-24-icon-before::before, +.debug-with-hashicorp-color-24-mask-after::after, +.debug-with-hashicorp-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hashicorp-color-24-mask-before::before, +.debug-with-hashicorp-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hashicorp-color-24-svg); + mask-image: var(--hashicorp-color-24-svg); +} +.debug-with-hashicorp-color-24-icon-before::before, +.debug-with-hashicorp-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hashicorp-color-24-svg); +} + +.debug-with-hcp-16-mask-before::before, +.debug-with-hcp-16-icon-before::before, +.debug-with-hcp-16-mask-after::after, +.debug-with-hcp-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hcp-16-mask-before::before, +.debug-with-hcp-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hcp-16-svg); + mask-image: var(--hcp-16-svg); +} +.debug-with-hcp-16-icon-before::before, +.debug-with-hcp-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hcp-16-svg); +} + +.debug-with-hcp-24-mask-before::before, +.debug-with-hcp-24-icon-before::before, +.debug-with-hcp-24-mask-after::after, +.debug-with-hcp-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hcp-24-mask-before::before, +.debug-with-hcp-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hcp-24-svg); + mask-image: var(--hcp-24-svg); +} +.debug-with-hcp-24-icon-before::before, +.debug-with-hcp-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hcp-24-svg); +} + +.debug-with-hcp-color-16-mask-before::before, +.debug-with-hcp-color-16-icon-before::before, +.debug-with-hcp-color-16-mask-after::after, +.debug-with-hcp-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hcp-color-16-mask-before::before, +.debug-with-hcp-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hcp-color-16-svg); + mask-image: var(--hcp-color-16-svg); +} +.debug-with-hcp-color-16-icon-before::before, +.debug-with-hcp-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hcp-color-16-svg); +} + +.debug-with-hcp-color-24-mask-before::before, +.debug-with-hcp-color-24-icon-before::before, +.debug-with-hcp-color-24-mask-after::after, +.debug-with-hcp-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hcp-color-24-mask-before::before, +.debug-with-hcp-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hcp-color-24-svg); + mask-image: var(--hcp-color-24-svg); +} +.debug-with-hcp-color-24-icon-before::before, +.debug-with-hcp-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hcp-color-24-svg); +} + .debug-with-headphones-16-mask-before::before, .debug-with-headphones-16-icon-before::before, .debug-with-headphones-16-mask-after::after, @@ -15716,6 +16831,68 @@ background-image: var(--key-svg); } +.debug-with-keychain-16-mask-before::before, +.debug-with-keychain-16-icon-before::before, +.debug-with-keychain-16-mask-after::after, +.debug-with-keychain-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-keychain-16-mask-before::before, +.debug-with-keychain-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--keychain-16-svg); + mask-image: var(--keychain-16-svg); +} +.debug-with-keychain-16-icon-before::before, +.debug-with-keychain-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--keychain-16-svg); +} + +.debug-with-keychain-24-mask-before::before, +.debug-with-keychain-24-icon-before::before, +.debug-with-keychain-24-mask-after::after, +.debug-with-keychain-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-keychain-24-mask-before::before, +.debug-with-keychain-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--keychain-24-svg); + mask-image: var(--keychain-24-svg); +} +.debug-with-keychain-24-icon-before::before, +.debug-with-keychain-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--keychain-24-svg); +} + .debug-with-kubernetes-16-mask-before::before, .debug-with-kubernetes-16-icon-before::before, .debug-with-kubernetes-16-mask-after::after, @@ -16429,6 +17606,130 @@ background-image: var(--link-svg); } +.debug-with-linkedin-16-mask-before::before, +.debug-with-linkedin-16-icon-before::before, +.debug-with-linkedin-16-mask-after::after, +.debug-with-linkedin-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-linkedin-16-mask-before::before, +.debug-with-linkedin-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--linkedin-16-svg); + mask-image: var(--linkedin-16-svg); +} +.debug-with-linkedin-16-icon-before::before, +.debug-with-linkedin-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--linkedin-16-svg); +} + +.debug-with-linkedin-24-mask-before::before, +.debug-with-linkedin-24-icon-before::before, +.debug-with-linkedin-24-mask-after::after, +.debug-with-linkedin-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-linkedin-24-mask-before::before, +.debug-with-linkedin-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--linkedin-24-svg); + mask-image: var(--linkedin-24-svg); +} +.debug-with-linkedin-24-icon-before::before, +.debug-with-linkedin-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--linkedin-24-svg); +} + +.debug-with-linkedin-color-16-mask-before::before, +.debug-with-linkedin-color-16-icon-before::before, +.debug-with-linkedin-color-16-mask-after::after, +.debug-with-linkedin-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-linkedin-color-16-mask-before::before, +.debug-with-linkedin-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--linkedin-color-16-svg); + mask-image: var(--linkedin-color-16-svg); +} +.debug-with-linkedin-color-16-icon-before::before, +.debug-with-linkedin-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--linkedin-color-16-svg); +} + +.debug-with-linkedin-color-24-mask-before::before, +.debug-with-linkedin-color-24-icon-before::before, +.debug-with-linkedin-color-24-mask-after::after, +.debug-with-linkedin-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-linkedin-color-24-mask-before::before, +.debug-with-linkedin-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--linkedin-color-24-svg); + mask-image: var(--linkedin-color-24-svg); +} +.debug-with-linkedin-color-24-icon-before::before, +.debug-with-linkedin-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--linkedin-color-24-svg); +} + .debug-with-list-16-mask-before::before, .debug-with-list-16-icon-before::before, .debug-with-list-16-mask-after::after, @@ -16491,6 +17792,68 @@ background-image: var(--list-24-svg); } +.debug-with-load-balancer-16-mask-before::before, +.debug-with-load-balancer-16-icon-before::before, +.debug-with-load-balancer-16-mask-after::after, +.debug-with-load-balancer-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-load-balancer-16-mask-before::before, +.debug-with-load-balancer-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--load-balancer-16-svg); + mask-image: var(--load-balancer-16-svg); +} +.debug-with-load-balancer-16-icon-before::before, +.debug-with-load-balancer-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--load-balancer-16-svg); +} + +.debug-with-load-balancer-24-mask-before::before, +.debug-with-load-balancer-24-icon-before::before, +.debug-with-load-balancer-24-mask-after::after, +.debug-with-load-balancer-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-load-balancer-24-mask-before::before, +.debug-with-load-balancer-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--load-balancer-24-svg); + mask-image: var(--load-balancer-24-svg); +} +.debug-with-load-balancer-24-icon-before::before, +.debug-with-load-balancer-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--load-balancer-24-svg); +} + .debug-with-loading-mask-before::before, .debug-with-loading-icon-before::before, .debug-with-loading-mask-after::after, @@ -18165,6 +19528,68 @@ background-image: var(--mail-open-24-svg); } +.debug-with-mainframe-16-mask-before::before, +.debug-with-mainframe-16-icon-before::before, +.debug-with-mainframe-16-mask-after::after, +.debug-with-mainframe-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mainframe-16-mask-before::before, +.debug-with-mainframe-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mainframe-16-svg); + mask-image: var(--mainframe-16-svg); +} +.debug-with-mainframe-16-icon-before::before, +.debug-with-mainframe-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mainframe-16-svg); +} + +.debug-with-mainframe-24-mask-before::before, +.debug-with-mainframe-24-icon-before::before, +.debug-with-mainframe-24-mask-after::after, +.debug-with-mainframe-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mainframe-24-mask-before::before, +.debug-with-mainframe-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mainframe-24-svg); + mask-image: var(--mainframe-24-svg); +} +.debug-with-mainframe-24-icon-before::before, +.debug-with-mainframe-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mainframe-24-svg); +} + .debug-with-map-16-mask-before::before, .debug-with-map-16-icon-before::before, .debug-with-map-16-mask-after::after, @@ -20831,6 +22256,130 @@ background-image: var(--node-24-svg); } +.debug-with-nomad-16-mask-before::before, +.debug-with-nomad-16-icon-before::before, +.debug-with-nomad-16-mask-after::after, +.debug-with-nomad-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-nomad-16-mask-before::before, +.debug-with-nomad-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--nomad-16-svg); + mask-image: var(--nomad-16-svg); +} +.debug-with-nomad-16-icon-before::before, +.debug-with-nomad-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--nomad-16-svg); +} + +.debug-with-nomad-24-mask-before::before, +.debug-with-nomad-24-icon-before::before, +.debug-with-nomad-24-mask-after::after, +.debug-with-nomad-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-nomad-24-mask-before::before, +.debug-with-nomad-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--nomad-24-svg); + mask-image: var(--nomad-24-svg); +} +.debug-with-nomad-24-icon-before::before, +.debug-with-nomad-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--nomad-24-svg); +} + +.debug-with-nomad-color-16-mask-before::before, +.debug-with-nomad-color-16-icon-before::before, +.debug-with-nomad-color-16-mask-after::after, +.debug-with-nomad-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-nomad-color-16-mask-before::before, +.debug-with-nomad-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--nomad-color-16-svg); + mask-image: var(--nomad-color-16-svg); +} +.debug-with-nomad-color-16-icon-before::before, +.debug-with-nomad-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--nomad-color-16-svg); +} + +.debug-with-nomad-color-24-mask-before::before, +.debug-with-nomad-color-24-icon-before::before, +.debug-with-nomad-color-24-mask-after::after, +.debug-with-nomad-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-nomad-color-24-mask-before::before, +.debug-with-nomad-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--nomad-color-24-svg); + mask-image: var(--nomad-color-24-svg); +} +.debug-with-nomad-color-24-icon-before::before, +.debug-with-nomad-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--nomad-color-24-svg); +} + .debug-with-notification-disabled-mask-before::before, .debug-with-notification-disabled-icon-before::before, .debug-with-notification-disabled-mask-after::after, @@ -21389,6 +22938,130 @@ background-image: var(--outline-svg); } +.debug-with-pack-16-mask-before::before, +.debug-with-pack-16-icon-before::before, +.debug-with-pack-16-mask-after::after, +.debug-with-pack-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pack-16-mask-before::before, +.debug-with-pack-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pack-16-svg); + mask-image: var(--pack-16-svg); +} +.debug-with-pack-16-icon-before::before, +.debug-with-pack-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pack-16-svg); +} + +.debug-with-pack-24-mask-before::before, +.debug-with-pack-24-icon-before::before, +.debug-with-pack-24-mask-after::after, +.debug-with-pack-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pack-24-mask-before::before, +.debug-with-pack-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pack-24-svg); + mask-image: var(--pack-24-svg); +} +.debug-with-pack-24-icon-before::before, +.debug-with-pack-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pack-24-svg); +} + +.debug-with-pack-color-16-mask-before::before, +.debug-with-pack-color-16-icon-before::before, +.debug-with-pack-color-16-mask-after::after, +.debug-with-pack-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pack-color-16-mask-before::before, +.debug-with-pack-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pack-color-16-svg); + mask-image: var(--pack-color-16-svg); +} +.debug-with-pack-color-16-icon-before::before, +.debug-with-pack-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pack-color-16-svg); +} + +.debug-with-pack-color-24-mask-before::before, +.debug-with-pack-color-24-icon-before::before, +.debug-with-pack-color-24-mask-after::after, +.debug-with-pack-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pack-color-24-mask-before::before, +.debug-with-pack-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pack-color-24-svg); + mask-image: var(--pack-color-24-svg); +} +.debug-with-pack-color-24-icon-before::before, +.debug-with-pack-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pack-color-24-svg); +} + .debug-with-package-16-mask-before::before, .debug-with-package-16-icon-before::before, .debug-with-package-16-mask-after::after, @@ -21451,6 +23124,130 @@ background-image: var(--package-24-svg); } +.debug-with-packer-16-mask-before::before, +.debug-with-packer-16-icon-before::before, +.debug-with-packer-16-mask-after::after, +.debug-with-packer-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-packer-16-mask-before::before, +.debug-with-packer-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--packer-16-svg); + mask-image: var(--packer-16-svg); +} +.debug-with-packer-16-icon-before::before, +.debug-with-packer-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--packer-16-svg); +} + +.debug-with-packer-24-mask-before::before, +.debug-with-packer-24-icon-before::before, +.debug-with-packer-24-mask-after::after, +.debug-with-packer-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-packer-24-mask-before::before, +.debug-with-packer-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--packer-24-svg); + mask-image: var(--packer-24-svg); +} +.debug-with-packer-24-icon-before::before, +.debug-with-packer-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--packer-24-svg); +} + +.debug-with-packer-color-16-mask-before::before, +.debug-with-packer-color-16-icon-before::before, +.debug-with-packer-color-16-mask-after::after, +.debug-with-packer-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-packer-color-16-mask-before::before, +.debug-with-packer-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--packer-color-16-svg); + mask-image: var(--packer-color-16-svg); +} +.debug-with-packer-color-16-icon-before::before, +.debug-with-packer-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--packer-color-16-svg); +} + +.debug-with-packer-color-24-mask-before::before, +.debug-with-packer-color-24-icon-before::before, +.debug-with-packer-color-24-mask-after::after, +.debug-with-packer-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-packer-color-24-mask-before::before, +.debug-with-packer-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--packer-color-24-svg); + mask-image: var(--packer-color-24-svg); +} +.debug-with-packer-color-24-icon-before::before, +.debug-with-packer-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--packer-color-24-svg); +} + .debug-with-page-outline-mask-before::before, .debug-with-page-outline-icon-before::before, .debug-with-page-outline-mask-after::after, @@ -28116,6 +29913,130 @@ background-image: var(--terminal-screen-24-svg); } +.debug-with-terraform-16-mask-before::before, +.debug-with-terraform-16-icon-before::before, +.debug-with-terraform-16-mask-after::after, +.debug-with-terraform-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-terraform-16-mask-before::before, +.debug-with-terraform-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--terraform-16-svg); + mask-image: var(--terraform-16-svg); +} +.debug-with-terraform-16-icon-before::before, +.debug-with-terraform-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--terraform-16-svg); +} + +.debug-with-terraform-24-mask-before::before, +.debug-with-terraform-24-icon-before::before, +.debug-with-terraform-24-mask-after::after, +.debug-with-terraform-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-terraform-24-mask-before::before, +.debug-with-terraform-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--terraform-24-svg); + mask-image: var(--terraform-24-svg); +} +.debug-with-terraform-24-icon-before::before, +.debug-with-terraform-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--terraform-24-svg); +} + +.debug-with-terraform-color-16-mask-before::before, +.debug-with-terraform-color-16-icon-before::before, +.debug-with-terraform-color-16-mask-after::after, +.debug-with-terraform-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-terraform-color-16-mask-before::before, +.debug-with-terraform-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--terraform-color-16-svg); + mask-image: var(--terraform-color-16-svg); +} +.debug-with-terraform-color-16-icon-before::before, +.debug-with-terraform-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--terraform-color-16-svg); +} + +.debug-with-terraform-color-24-mask-before::before, +.debug-with-terraform-color-24-icon-before::before, +.debug-with-terraform-color-24-mask-after::after, +.debug-with-terraform-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-terraform-color-24-mask-before::before, +.debug-with-terraform-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--terraform-color-24-svg); + mask-image: var(--terraform-color-24-svg); +} +.debug-with-terraform-color-24-icon-before::before, +.debug-with-terraform-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--terraform-color-24-svg); +} + .debug-with-thumbs-down-16-mask-before::before, .debug-with-thumbs-down-16-icon-before::before, .debug-with-thumbs-down-16-mask-after::after, @@ -29046,6 +30967,254 @@ background-image: var(--tv-24-svg); } +.debug-with-twitch-16-mask-before::before, +.debug-with-twitch-16-icon-before::before, +.debug-with-twitch-16-mask-after::after, +.debug-with-twitch-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-twitch-16-mask-before::before, +.debug-with-twitch-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--twitch-16-svg); + mask-image: var(--twitch-16-svg); +} +.debug-with-twitch-16-icon-before::before, +.debug-with-twitch-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--twitch-16-svg); +} + +.debug-with-twitch-24-mask-before::before, +.debug-with-twitch-24-icon-before::before, +.debug-with-twitch-24-mask-after::after, +.debug-with-twitch-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-twitch-24-mask-before::before, +.debug-with-twitch-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--twitch-24-svg); + mask-image: var(--twitch-24-svg); +} +.debug-with-twitch-24-icon-before::before, +.debug-with-twitch-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--twitch-24-svg); +} + +.debug-with-twitch-color-16-mask-before::before, +.debug-with-twitch-color-16-icon-before::before, +.debug-with-twitch-color-16-mask-after::after, +.debug-with-twitch-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-twitch-color-16-mask-before::before, +.debug-with-twitch-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--twitch-color-16-svg); + mask-image: var(--twitch-color-16-svg); +} +.debug-with-twitch-color-16-icon-before::before, +.debug-with-twitch-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--twitch-color-16-svg); +} + +.debug-with-twitch-color-24-mask-before::before, +.debug-with-twitch-color-24-icon-before::before, +.debug-with-twitch-color-24-mask-after::after, +.debug-with-twitch-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-twitch-color-24-mask-before::before, +.debug-with-twitch-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--twitch-color-24-svg); + mask-image: var(--twitch-color-24-svg); +} +.debug-with-twitch-color-24-icon-before::before, +.debug-with-twitch-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--twitch-color-24-svg); +} + +.debug-with-twitter-16-mask-before::before, +.debug-with-twitter-16-icon-before::before, +.debug-with-twitter-16-mask-after::after, +.debug-with-twitter-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-twitter-16-mask-before::before, +.debug-with-twitter-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--twitter-16-svg); + mask-image: var(--twitter-16-svg); +} +.debug-with-twitter-16-icon-before::before, +.debug-with-twitter-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--twitter-16-svg); +} + +.debug-with-twitter-24-mask-before::before, +.debug-with-twitter-24-icon-before::before, +.debug-with-twitter-24-mask-after::after, +.debug-with-twitter-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-twitter-24-mask-before::before, +.debug-with-twitter-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--twitter-24-svg); + mask-image: var(--twitter-24-svg); +} +.debug-with-twitter-24-icon-before::before, +.debug-with-twitter-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--twitter-24-svg); +} + +.debug-with-twitter-color-16-mask-before::before, +.debug-with-twitter-color-16-icon-before::before, +.debug-with-twitter-color-16-mask-after::after, +.debug-with-twitter-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-twitter-color-16-mask-before::before, +.debug-with-twitter-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--twitter-color-16-svg); + mask-image: var(--twitter-color-16-svg); +} +.debug-with-twitter-color-16-icon-before::before, +.debug-with-twitter-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--twitter-color-16-svg); +} + +.debug-with-twitter-color-24-mask-before::before, +.debug-with-twitter-color-24-icon-before::before, +.debug-with-twitter-color-24-mask-after::after, +.debug-with-twitter-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-twitter-color-24-mask-before::before, +.debug-with-twitter-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--twitter-color-24-svg); + mask-image: var(--twitter-color-24-svg); +} +.debug-with-twitter-color-24-icon-before::before, +.debug-with-twitter-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--twitter-color-24-svg); +} + .debug-with-type-16-mask-before::before, .debug-with-type-16-icon-before::before, .debug-with-type-16-mask-after::after, @@ -29294,6 +31463,37 @@ background-image: var(--unfold-open-24-svg); } +.debug-with-union-mask-before::before, +.debug-with-union-icon-before::before, +.debug-with-union-mask-after::after, +.debug-with-union-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-union-mask-before::before, +.debug-with-union-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--union-svg); + mask-image: var(--union-svg); +} +.debug-with-union-icon-before::before, +.debug-with-union-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--union-svg); +} + .debug-with-unlock-16-mask-before::before, .debug-with-unlock-16-icon-before::before, .debug-with-unlock-16-mask-after::after, @@ -30131,6 +32331,130 @@ background-image: var(--users-24-svg); } +.debug-with-vagrant-16-mask-before::before, +.debug-with-vagrant-16-icon-before::before, +.debug-with-vagrant-16-mask-after::after, +.debug-with-vagrant-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vagrant-16-mask-before::before, +.debug-with-vagrant-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vagrant-16-svg); + mask-image: var(--vagrant-16-svg); +} +.debug-with-vagrant-16-icon-before::before, +.debug-with-vagrant-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vagrant-16-svg); +} + +.debug-with-vagrant-24-mask-before::before, +.debug-with-vagrant-24-icon-before::before, +.debug-with-vagrant-24-mask-after::after, +.debug-with-vagrant-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vagrant-24-mask-before::before, +.debug-with-vagrant-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vagrant-24-svg); + mask-image: var(--vagrant-24-svg); +} +.debug-with-vagrant-24-icon-before::before, +.debug-with-vagrant-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vagrant-24-svg); +} + +.debug-with-vagrant-color-16-mask-before::before, +.debug-with-vagrant-color-16-icon-before::before, +.debug-with-vagrant-color-16-mask-after::after, +.debug-with-vagrant-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vagrant-color-16-mask-before::before, +.debug-with-vagrant-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vagrant-color-16-svg); + mask-image: var(--vagrant-color-16-svg); +} +.debug-with-vagrant-color-16-icon-before::before, +.debug-with-vagrant-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vagrant-color-16-svg); +} + +.debug-with-vagrant-color-24-mask-before::before, +.debug-with-vagrant-color-24-icon-before::before, +.debug-with-vagrant-color-24-mask-after::after, +.debug-with-vagrant-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vagrant-color-24-mask-before::before, +.debug-with-vagrant-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vagrant-color-24-svg); + mask-image: var(--vagrant-color-24-svg); +} +.debug-with-vagrant-color-24-icon-before::before, +.debug-with-vagrant-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vagrant-color-24-svg); +} + .debug-with-vault-16-mask-before::before, .debug-with-vault-16-icon-before::before, .debug-with-vault-16-mask-after::after, @@ -30193,6 +32517,68 @@ background-image: var(--vault-24-svg); } +.debug-with-vault-color-16-mask-before::before, +.debug-with-vault-color-16-icon-before::before, +.debug-with-vault-color-16-mask-after::after, +.debug-with-vault-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vault-color-16-mask-before::before, +.debug-with-vault-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vault-color-16-svg); + mask-image: var(--vault-color-16-svg); +} +.debug-with-vault-color-16-icon-before::before, +.debug-with-vault-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vault-color-16-svg); +} + +.debug-with-vault-color-24-mask-before::before, +.debug-with-vault-color-24-icon-before::before, +.debug-with-vault-color-24-mask-after::after, +.debug-with-vault-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vault-color-24-mask-before::before, +.debug-with-vault-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vault-color-24-svg); + mask-image: var(--vault-color-24-svg); +} +.debug-with-vault-color-24-icon-before::before, +.debug-with-vault-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vault-color-24-svg); +} + .debug-with-verified-16-mask-before::before, .debug-with-verified-16-icon-before::before, .debug-with-verified-16-mask-after::after, @@ -30937,6 +33323,130 @@ background-image: var(--watch-24-svg); } +.debug-with-waypoint-16-mask-before::before, +.debug-with-waypoint-16-icon-before::before, +.debug-with-waypoint-16-mask-after::after, +.debug-with-waypoint-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-waypoint-16-mask-before::before, +.debug-with-waypoint-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--waypoint-16-svg); + mask-image: var(--waypoint-16-svg); +} +.debug-with-waypoint-16-icon-before::before, +.debug-with-waypoint-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--waypoint-16-svg); +} + +.debug-with-waypoint-24-mask-before::before, +.debug-with-waypoint-24-icon-before::before, +.debug-with-waypoint-24-mask-after::after, +.debug-with-waypoint-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-waypoint-24-mask-before::before, +.debug-with-waypoint-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--waypoint-24-svg); + mask-image: var(--waypoint-24-svg); +} +.debug-with-waypoint-24-icon-before::before, +.debug-with-waypoint-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--waypoint-24-svg); +} + +.debug-with-waypoint-color-16-mask-before::before, +.debug-with-waypoint-color-16-icon-before::before, +.debug-with-waypoint-color-16-mask-after::after, +.debug-with-waypoint-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-waypoint-color-16-mask-before::before, +.debug-with-waypoint-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--waypoint-color-16-svg); + mask-image: var(--waypoint-color-16-svg); +} +.debug-with-waypoint-color-16-icon-before::before, +.debug-with-waypoint-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--waypoint-color-16-svg); +} + +.debug-with-waypoint-color-24-mask-before::before, +.debug-with-waypoint-color-24-icon-before::before, +.debug-with-waypoint-color-24-mask-after::after, +.debug-with-waypoint-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-waypoint-color-24-mask-before::before, +.debug-with-waypoint-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--waypoint-color-24-svg); + mask-image: var(--waypoint-color-24-svg); +} +.debug-with-waypoint-color-24-icon-before::before, +.debug-with-waypoint-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--waypoint-color-24-svg); +} + .debug-with-webhook-16-mask-before::before, .debug-with-webhook-16-icon-before::before, .debug-with-webhook-16-mask-after::after, @@ -31774,6 +34284,130 @@ background-image: var(--x-square-fill-24-svg); } +.debug-with-youtube-16-mask-before::before, +.debug-with-youtube-16-icon-before::before, +.debug-with-youtube-16-mask-after::after, +.debug-with-youtube-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-youtube-16-mask-before::before, +.debug-with-youtube-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--youtube-16-svg); + mask-image: var(--youtube-16-svg); +} +.debug-with-youtube-16-icon-before::before, +.debug-with-youtube-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--youtube-16-svg); +} + +.debug-with-youtube-24-mask-before::before, +.debug-with-youtube-24-icon-before::before, +.debug-with-youtube-24-mask-after::after, +.debug-with-youtube-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-youtube-24-mask-before::before, +.debug-with-youtube-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--youtube-24-svg); + mask-image: var(--youtube-24-svg); +} +.debug-with-youtube-24-icon-before::before, +.debug-with-youtube-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--youtube-24-svg); +} + +.debug-with-youtube-color-16-mask-before::before, +.debug-with-youtube-color-16-icon-before::before, +.debug-with-youtube-color-16-mask-after::after, +.debug-with-youtube-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-youtube-color-16-mask-before::before, +.debug-with-youtube-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--youtube-color-16-svg); + mask-image: var(--youtube-color-16-svg); +} +.debug-with-youtube-color-16-icon-before::before, +.debug-with-youtube-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--youtube-color-16-svg); +} + +.debug-with-youtube-color-24-mask-before::before, +.debug-with-youtube-color-24-icon-before::before, +.debug-with-youtube-color-24-mask-after::after, +.debug-with-youtube-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-youtube-color-24-mask-before::before, +.debug-with-youtube-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--youtube-color-24-svg); + mask-image: var(--youtube-color-24-svg); +} +.debug-with-youtube-color-24-icon-before::before, +.debug-with-youtube-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--youtube-color-24-svg); +} + .debug-with-zap-16-mask-before::before, .debug-with-zap-16-icon-before::before, .debug-with-zap-16-mask-after::after, @@ -32021,2072 +34655,1904 @@ background-image: var(--zoom-out-24-svg); } - :root { +:root { + --activity-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---activity-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --activity-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---activity-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-octagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-octagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-octagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-octagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alert-triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alibaba-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alibaba-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alibaba-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alert-triangle-svg: url('data:image/svg+xml;charset=UTF-8,'); + --alibaba-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alibaba-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-center-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alibaba-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-center-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alibaba-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-justify-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---alibaba-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-justify-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---align-center-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---align-center-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---align-justify-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---align-justify-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --align-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---align-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --amazon-eks-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---align-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --amazon-eks-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---align-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --amazon-eks-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---align-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --amazon-eks-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---apple-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --apple-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---apple-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --apple-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---apple-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --apple-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---apple-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --apple-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---archive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --archive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---archive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --archive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-down-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-down-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-down-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-left-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-left-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-left-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-left-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-left-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-right-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-right-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-right-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-right-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-right-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-up-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-up-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --arrow-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --at-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --at-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auth0-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---arrow-up-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auth0-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---at-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auth0-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---at-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auth0-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---auth0-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auto-apply-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---auth0-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --auto-apply-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---auth0-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --award-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---auth0-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --award-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---auto-apply-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---auto-apply-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---award-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---award-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---aws-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-ec2-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---aws-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-ec2-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---aws-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-ec2-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---aws-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --aws-ec2-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---azure-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---azure-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---azure-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---azure-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---azure-devops-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-devops-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---azure-devops-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-devops-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---azure-devops-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-devops-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---azure-devops-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --azure-devops-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bar-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bank-vault-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bar-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bank-vault-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bar-chart-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bar-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bar-chart-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bar-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---battery-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bar-chart-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---battery-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bar-chart-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---battery-charging-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --battery-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---battery-charging-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --battery-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---beaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --battery-charging-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---beaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --battery-charging-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bell-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --beaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bell-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --beaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bell-active-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bell-active-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bell-active-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-active-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bell-active-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-active-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bell-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-active-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bell-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-active-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bitbucket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bitbucket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bell-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bitbucket-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bitbucket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bitbucket-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bitbucket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bolt-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bitbucket-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bitbucket-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-add-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-add-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-add-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-add-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-add-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-add-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-add-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-add-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-remove-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-remove-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-remove-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-remove-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-remove-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bookmark-remove-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-remove-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bottom-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bookmark-remove-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bottom-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bottom-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---box-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bottom-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---box-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --boundary-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---box-check-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --boundary-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---box-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --boundary-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---briefcase-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --boundary-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---briefcase-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --box-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---broadcast-svg: url('data:image/svg+xml;charset=UTF-8,'); + --box-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bug-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --briefcase-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bug-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --briefcase-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---bug-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bug-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---build-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --bug-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---build-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --build-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---calendar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --build-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---calendar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --calendar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---calendar-svg: url('data:image/svg+xml;charset=UTF-8,'); + --calendar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---camera-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --camera-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---camera-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --camera-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---camera-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --camera-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---camera-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --camera-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cancel-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --caret-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cancel-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --caret-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cancel-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cast-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cancel-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cast-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cancel-square-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --certificate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---caret-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --certificate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---caret-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---caret-down-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---caret-up-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cast-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cast-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---certificate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --change-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---certificate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---change-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---change-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---change-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---change-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --check-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevron-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---check-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-down-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-left-svg: url('data:image/svg+xml;charset=UTF-8,'); + --chevrons-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-right-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevron-up-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevrons-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevrons-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --circle-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevrons-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevrons-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevrons-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-checked-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevrons-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-checked-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevrons-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-copy-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---chevrons-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clipboard-copy-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --clock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---circle-dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---circle-dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---circle-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-cross-svg: url('data:image/svg+xml;charset=UTF-8,'); ---circle-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clipboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clipboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-lightning-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clipboard-checked-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-lightning-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clipboard-checked-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clipboard-copy-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clipboard-copy-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clock-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---clock-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cloud-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --code-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --code-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --codepen-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-cross-svg: url('data:image/svg+xml;charset=UTF-8,'); + --codepen-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --codepen-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --codepen-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-lightning-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --collections-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-lightning-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --collections-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --command-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --command-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --compass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --compass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --connection-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --connection-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --connection-gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cloud-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --connection-gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---code-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --consul-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---code-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --consul-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---code-svg: url('data:image/svg+xml;charset=UTF-8,'); + --consul-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---collections-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --consul-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---collections-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---command-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---command-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---compass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---compass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-left-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---connection-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-left-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---connection-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-left-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---connection-gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-left-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---connection-gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-right-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---console-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-right-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---copy-action-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-right-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---copy-success-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-right-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --corner-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-left-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cpu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-left-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --cpu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-left-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --credit-card-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-left-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --credit-card-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-right-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --crop-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-right-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --crop-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-right-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --crosshair-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-right-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --crosshair-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dashboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dashboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --database-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---corner-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --database-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cpu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --delay-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---cpu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --delay-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---credit-card-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --delete-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---credit-card-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --delete-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---crop-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --deny-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---crop-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---crosshair-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---crosshair-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---dashboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---dashboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --disc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---database-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --disc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---database-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --discussion-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---database-svg: url('data:image/svg+xml;charset=UTF-8,'); + --discussion-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---delay-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --discussion-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---delay-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --discussion-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---delay-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---delete-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---delete-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docker-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---deny-alt-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docker-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---deny-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---deny-default-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --docs-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dollar-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---disc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dollar-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---disc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---discussion-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---discussion-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dot-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---discussion-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --dot-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---discussion-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --droplet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docker-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --droplet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docker-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --duplicate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docs-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --duplicate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docs-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --edit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docs-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --edit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docs-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --entry-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docs-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --entry-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docs-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --event-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---docs-svg: url('data:image/svg+xml;charset=UTF-8,'); + --event-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---dollar-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --exit-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---dollar-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --exit-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --external-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --external-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---dot-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --eye-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---dot-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --eye-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --eye-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --eye-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---download-svg: url('data:image/svg+xml;charset=UTF-8,'); + --f5-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---droplet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --f5-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---droplet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --f5-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---duplicate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --f5-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---duplicate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --facebook-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---edit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --facebook-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---edit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --facebook-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---edit-svg: url('data:image/svg+xml;charset=UTF-8,'); + --facebook-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---entry-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --fast-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---entry-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --fast-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---envelope-sealed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---envelope-sealed-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---envelope-unsealed--outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---envelope-unsealed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---event-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---event-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---exit-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-diff-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---exit-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-diff-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---exit-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---expand-less-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---expand-more-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---external-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---external-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-source-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---eye-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-source-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---eye-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-text-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---eye-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-text-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---eye-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---f5-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --file-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---f5-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --files-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---f5-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --files-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---f5-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --film-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---fast-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --film-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---fast-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --filter-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --fingerprint-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-diff-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --fingerprint-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-diff-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --flag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --flag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-source-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-source-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-minus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-text-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-minus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-text-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---file-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-plus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---files-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-plus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---files-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---film-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---film-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---filter-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --folder-users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---filter-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --frown-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---filter-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --frown-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---filter-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---filter-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---filter-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gcp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---filter-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gcp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---fingerprint-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---fingerprint-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gcp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---flag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gift-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---flag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gift-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---flag-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-branch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-branch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-commit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-commit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-merge-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-merge-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-pull-request-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-pull-request-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-minus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-repo-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-minus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --git-repo-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --github-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --github-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --github-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-plus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --github-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-plus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gitlab-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gitlab-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gitlab-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --gitlab-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---folder-users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --globe-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---frown-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --globe-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---frown-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --globe-private-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --globe-private-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --google-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gateway-svg: url('data:image/svg+xml;charset=UTF-8,'); + --google-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gcp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --google-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gcp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --google-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --grid-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gcp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --grid-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gift-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --grid-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gift-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --grid-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gift-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --guide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gift-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --guide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-branch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --guide-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-branch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --guide-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-branch-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hammer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-commit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hammer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-commit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --handshake-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-commit-svg: url('data:image/svg+xml;charset=UTF-8,'); + --handshake-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-merge-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hard-drive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-merge-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hard-drive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-pull-request-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-pull-request-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-pull-request-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hashicorp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-repo-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hashicorp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-repo-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hashicorp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---git-repository-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hashicorp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---github-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hcp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---github-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hcp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---github-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---github-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hcp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gitlab-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --headphones-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gitlab-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --headphones-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gitlab-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---gitlab-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---globe-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---globe-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---globe-private-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---globe-private-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --heart-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---google-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --help-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---google-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --help-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---google-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---google-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---grid-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---grid-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---grid-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --history-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---grid-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --history-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---guide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --home-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---guide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --home-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---guide-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hourglass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---guide-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --hourglass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---guide-svg: url('data:image/svg+xml;charset=UTF-8,'); + --identity-service-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hammer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --identity-service-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hammer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --identity-user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hard-drive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --identity-user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hard-drive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --image-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --image-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --inbox-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---headphones-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --inbox-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---headphones-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --info-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---health-svg: url('data:image/svg+xml;charset=UTF-8,'); + --info-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---heart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --jump-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---heart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --jump-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---heart-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --key-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---heart-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --key-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---heart-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --key-values-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---heart-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --key-values-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---help-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --keychain-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---help-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --keychain-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---help-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --kubernetes-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---help-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --kubernetes-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --kubernetes-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --kubernetes-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --labyrinth-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --labyrinth-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---history-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --layers-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---history-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --layers-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---history-svg: url('data:image/svg+xml;charset=UTF-8,'); + --layout-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---home-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --layout-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---home-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --learn-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hourglass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --learn-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---hourglass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --learn-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---identity-service-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --learn-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---identity-service-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --line-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---identity-user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --line-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---identity-user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --line-chart-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---image-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --line-chart-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---image-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---inbox-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---inbox-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --linkedin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---info-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --linkedin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---info-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --linkedin-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---info-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --linkedin-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---info-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --list-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---jump-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --list-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---jump-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --load-balancer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---key-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --load-balancer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---key-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --loading-svg: url('data:image/svg+xml;charset=UTF-8,'); ---key-values-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---key-values-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---key-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---kubernetes-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---kubernetes-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---kubernetes-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --lock-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---kubernetes-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --logo-consul-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---labyrinth-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --logo-ember-circle-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---labyrinth-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --logo-glimmer-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---layers-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --logo-hashicorp-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---layers-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --logo-jwt-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---layers-svg: url('data:image/svg+xml;charset=UTF-8,'); + --logo-nomad-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---layout-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --logo-oidc-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---layout-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --logo-terraform-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---learn-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --logo-vault-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---learn-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mail-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---learn-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mail-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---learn-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mail-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---learn-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mail-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---line-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mainframe-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---line-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mainframe-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---line-chart-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --map-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---line-chart-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --map-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --map-pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --map-pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---link-svg: url('data:image/svg+xml;charset=UTF-8,'); + --maximize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---list-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --maximize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---list-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --maximize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---loading-svg: url('data:image/svg+xml;charset=UTF-8,'); + --maximize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --meh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --meh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-closed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --menu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-closed-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --menu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-closed-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mesh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mesh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---lock-open-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-alicloud-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-alicloud-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-auth0-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --message-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-aws-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mic-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-aws-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mic-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-azure-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mic-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-azure-dev-ops-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mic-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-azure-dev-ops-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --microsoft-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-azure-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --microsoft-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-bitbucket-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --microsoft-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-bitbucket-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --microsoft-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-consul-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --migrate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-ember-circle-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --migrate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-gcp-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minimize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-gcp-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minimize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-github-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minimize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-github-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minimize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-gitlab-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-gitlab-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-glimmer-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-google-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-google-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-hashicorp-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-jwt-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-kubernetes-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-kubernetes-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-microsoft-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-nomad-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-oidc-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --minus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-okta-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --module-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-oracle-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --module-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-oracle-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --monitor-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-slack-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --monitor-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-slack-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --moon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-terraform-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --moon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-vault-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --more-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-vmware-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --more-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---logo-vmware-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + --more-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mail-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --more-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mail-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mouse-pointer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mail-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --mouse-pointer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mail-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --move-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---map-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --move-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---map-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --music-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---map-pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --music-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---map-pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --navigation-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---maximize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --navigation-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---maximize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --navigation-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---maximize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --navigation-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---maximize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --network-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---meh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --network-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---meh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --network-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---menu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --network-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---menu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --newspaper-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---menu-svg: url('data:image/svg+xml;charset=UTF-8,'); + --newspaper-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mesh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --node-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mesh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --node-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mesh-svg: url('data:image/svg+xml;charset=UTF-8,'); + --nomad-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---message-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --nomad-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---message-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --nomad-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---message-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --nomad-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---message-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---message-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---message-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --okta-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---message-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --okta-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---message-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --okta-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---message-svg: url('data:image/svg+xml;charset=UTF-8,'); + --okta-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mic-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --oracle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mic-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --oracle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mic-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --oracle-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mic-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --oracle-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---microsoft-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --org-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---microsoft-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --org-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---microsoft-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --outline-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---microsoft-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --outline-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---migrate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pack-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---migrate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pack-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minimize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minimize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pack-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minimize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --package-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minimize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --package-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --packer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --packer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --packer-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --packer-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --paperclip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --paperclip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + --path-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --path-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pause-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pause-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pause-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pause-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pen-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pen-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pencil-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---minus-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pencil-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---module-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---module-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---module-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-call-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---monitor-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-call-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---monitor-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---moon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --phone-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---moon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pie-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---more-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pie-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---more-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---more-horizontal-svg: url('data:image/svg+xml;charset=UTF-8,'); + --pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---more-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --play-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---more-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --play-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---more-vertical-svg: url('data:image/svg+xml;charset=UTF-8,'); + --play-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mouse-pointer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --play-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---mouse-pointer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---move-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---move-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---music-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---music-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---navigation-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---navigation-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --port-svg: url('data:image/svg+xml;charset=UTF-8,'); ---navigation-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --power-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---navigation-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --power-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---network-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --printer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---network-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --printer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---network-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --protocol-svg: url('data:image/svg+xml;charset=UTF-8,'); ---network-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --provider-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---newspaper-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --provider-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---newspaper-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --queue-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---node-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --queue-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---node-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --radio-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---notification-disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); + --radio-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---notification-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --random-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---notification-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --random-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --redirect-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --redirect-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---okta-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --reload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---okta-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --reload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---okta-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --repeat-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---okta-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --repeat-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---oracle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --replication-direct-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---oracle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --replication-direct-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---oracle-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --replication-perf-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---oracle-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --replication-perf-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---org-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rewind-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---org-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rewind-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---outline-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rocket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---outline-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rocket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rotate-ccw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---package-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rotate-ccw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---package-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rotate-cw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---page-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rotate-cw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---paperclip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rss-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---paperclip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --rss-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---partner-svg: url('data:image/svg+xml;charset=UTF-8,'); + --run-svg: url('data:image/svg+xml;charset=UTF-8,'); ---path-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --save-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---path-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --save-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---path-svg: url('data:image/svg+xml;charset=UTF-8,'); + --scissors-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pause-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --scissors-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pause-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --search-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pause-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --search-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pause-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --search-color-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pen-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --send-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pen-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --send-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pencil-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --server-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pencil-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --server-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---phone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --server-cluster-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---phone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --server-cluster-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---phone-call-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --serverless-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---phone-call-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --serverless-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---phone-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --settings-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---phone-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --settings-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pie-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --share-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pie-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --share-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---play-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---play-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---play-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---play-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---play-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---play-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---play-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shield-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shopping-bag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shopping-bag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shopping-cart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shopping-cart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shuffle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + --shuffle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---plus-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-hide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---port-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-hide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---power-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-show-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---power-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sidebar-show-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---printer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sign-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---printer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sign-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---protocol-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sign-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---provider-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sign-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---provider-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---provider-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---public-default-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-back-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---public-locked-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-back-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---queue-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---queue-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --skip-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---queue-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slack-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---radio-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slack-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---radio-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---radio-button-checked-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slack-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---radio-button-unchecked-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---random-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---random-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slash-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---random-svg: url('data:image/svg+xml;charset=UTF-8,'); + --slash-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---redirect-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sliders-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---redirect-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sliders-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---redirect-svg: url('data:image/svg+xml;charset=UTF-8,'); + --smartphone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---refresh-alert-svg: url('data:image/svg+xml;charset=UTF-8,'); + --smartphone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---refresh-default-svg: url('data:image/svg+xml;charset=UTF-8,'); + --smile-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---reload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --smile-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---reload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --socket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---remix-svg: url('data:image/svg+xml;charset=UTF-8,'); + --socket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---repeat-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --socket-svg: url('data:image/svg+xml;charset=UTF-8,'); ---repeat-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sort-asc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---replication-direct-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sort-asc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---replication-direct-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sort-desc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---replication-perf-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sort-desc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---replication-perf-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --speaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rewind-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --speaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rewind-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---ribbon-svg: url('data:image/svg+xml;charset=UTF-8,'); + --square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rocket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rocket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rotate-ccw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rotate-ccw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rotate-cw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rotate-cw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rss-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---rss-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---run-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---save-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --star-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---save-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --stop-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---scissors-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --stop-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---scissors-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sun-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---search-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sun-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---search-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --support-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---search-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + --support-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---search-svg: url('data:image/svg+xml;charset=UTF-8,'); + --swap-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---send-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --swap-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---send-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --swap-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---server-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --swap-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---server-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --switcher-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---server-cluster-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --switcher-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---server-cluster-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---serverless-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---serverless-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---settings-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---settings-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-reverse-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---settings-svg: url('data:image/svg+xml;charset=UTF-8,'); + --sync-reverse-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---share-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tablet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---share-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tablet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --target-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --target-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terminal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terminal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terminal-screen-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terminal-screen-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terraform-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shield-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terraform-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shopping-bag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terraform-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shopping-bag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --terraform-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shopping-cart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --thumbs-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shopping-cart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --thumbs-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shuffle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --thumbs-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---shuffle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --thumbs-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sidebar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --toggle-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sidebar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --toggle-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sidebar-hide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --toggle-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sidebar-hide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --toggle-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sidebar-show-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --token-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sidebar-show-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --token-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sign-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tools-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sign-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tools-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sign-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --top-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sign-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --top-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---skip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---skip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---skip-back-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trend-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---skip-back-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trend-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---skip-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trend-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---skip-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --trend-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---slack-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---slack-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---slack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---slack-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---slash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --truck-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---slash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --truck-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---slash-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tv-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---slash-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --tv-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sliders-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --twitch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sliders-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --twitch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---smartphone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --twitch-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---smartphone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --twitch-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---smile-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --twitter-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---smile-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --twitter-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---socket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --twitter-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---socket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --twitter-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---socket-svg: url('data:image/svg+xml;charset=UTF-8,'); + --type-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sort-asc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --type-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sort-asc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unfold-close-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sort-desc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unfold-close-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sort-desc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unfold-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sort-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unfold-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---source-file-svg: url('data:image/svg+xml;charset=UTF-8,'); + --union-svg: url('data:image/svg+xml;charset=UTF-8,'); ---speaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unlock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---speaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --unlock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---star-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---stop-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---stop-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --user-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sub-left-svg: url('data:image/svg+xml;charset=UTF-8,'); + --users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sub-right-svg: url('data:image/svg+xml;charset=UTF-8,'); + --users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sun-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vagrant-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sun-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vagrant-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---support-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vagrant-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---support-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vagrant-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---support-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vault-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---swap-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vault-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---swap-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vault-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---swap-horizontal-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vault-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---swap-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --verified-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---swap-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --verified-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---swap-vertical-svg: url('data:image/svg+xml;charset=UTF-8,'); + --video-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---switcher-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --video-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---switcher-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --video-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sync-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --video-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sync-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vmware-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sync-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vmware-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sync-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vmware-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sync-reverse-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --vmware-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---sync-reverse-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tablet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-2-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tablet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-2-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tag-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---target-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---target-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --volume-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---terminal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wall-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---terminal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wall-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---terminal-screen-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --watch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---terminal-screen-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --watch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---thumbs-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --waypoint-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---thumbs-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --waypoint-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---thumbs-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --waypoint-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---thumbs-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --waypoint-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---toggle-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --webhook-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---toggle-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --webhook-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---toggle-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wifi-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---toggle-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wifi-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---token-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wifi-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---token-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wifi-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tools-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wrench-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tools-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --wrench-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---top-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---top-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---trash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---trash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---trash-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---trend-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---trend-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---trend-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---trend-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---truck-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---truck-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tune-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tv-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---tv-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --x-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---type-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --youtube-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---type-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --youtube-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---unfold-close-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --youtube-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---unfold-close-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --youtube-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---unfold-less-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zap-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---unfold-more-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zap-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---unfold-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zap-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---unfold-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zap-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---unlock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zoom-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); ---unlock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zoom-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); ---upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---upload-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-add-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-organization-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-square-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-team-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---user-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---vault-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---vault-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---verified-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---verified-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---video-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---video-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---video-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---video-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---visibility-hide-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---visibility-show-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---vmware-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---vmware-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---vmware-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---vmware-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---volume-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---volume-2-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---volume-2-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---volume-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---volume-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---volume-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---volume-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---volume-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---wall-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---wall-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---watch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---watch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---webhook-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---webhook-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---webhook-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---wifi-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---wifi-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---wifi-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---wifi-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---wrench-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---wrench-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---x-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---zap-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---zap-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---zap-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---zap-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---zoom-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---zoom-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---zoom-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); - ---zoom-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zoom-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + --zoom-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icon-placeholders.scss b/ui/packages/consul-ui/app/styles/base/icons/icon-placeholders.scss index 9669a0450b..6bbfd486b3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icon-placeholders.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icon-placeholders.scss @@ -59,23 +59,23 @@ } %with-alert-circle-fill-icon { - @extend %with-icon, %alert-circle-fill-svg-prop; - background-image: var(--alert-circle-fill-svg); + @extend %with-icon, %alert-circle-16-svg-prop; + background-image: var(--alert-circle-16-svg); } %with-alert-circle-fill-mask { - @extend %with-mask, %alert-circle-fill-svg-prop; - -webkit-mask-image: var(--alert-circle-fill-svg); - mask-image: var(--alert-circle-fill-svg); + @extend %with-mask, %alert-circle-16-svg-prop; + -webkit-mask-image: var(--alert-circle-16-svg); + mask-image: var(--alert-circle-16-svg); } %with-alert-circle-outline-icon { - @extend %with-icon, %alert-circle-outline-svg-prop; - background-image: var(--alert-circle-outline-svg); + @extend %with-icon, %alert-circle-16-svg-prop; + background-image: var(--alert-circle-16-svg); } %with-alert-circle-outline-mask { - @extend %with-mask, %alert-circle-outline-svg-prop; - -webkit-mask-image: var(--alert-circle-outline-svg); - mask-image: var(--alert-circle-outline-svg); + @extend %with-mask, %alert-circle-16-svg-prop; + -webkit-mask-image: var(--alert-circle-16-svg); + mask-image: var(--alert-circle-16-svg); } %with-alert-octagon-16-icon { @@ -159,13 +159,13 @@ } %with-alert-triangle-icon { - @extend %with-icon, %alert-triangle-svg-prop; - background-image: var(--alert-triangle-svg); + @extend %with-icon, %alert-triangle-16-svg-prop; + background-image: var(--alert-triangle-16-svg); } %with-alert-triangle-mask { - @extend %with-mask, %alert-triangle-svg-prop; - -webkit-mask-image: var(--alert-triangle-svg); - mask-image: var(--alert-triangle-svg); + @extend %with-mask, %alert-triangle-16-svg-prop; + -webkit-mask-image: var(--alert-triangle-16-svg); + mask-image: var(--alert-triangle-16-svg); } %with-alibaba-16-icon { @@ -288,6 +288,46 @@ mask-image: var(--align-right-24-svg); } +%with-amazon-eks-16-icon { + @extend %with-icon, %amazon-eks-16-svg-prop; + background-image: var(--amazon-eks-16-svg); +} +%with-amazon-eks-16-mask { + @extend %with-mask, %amazon-eks-16-svg-prop; + -webkit-mask-image: var(--amazon-eks-16-svg); + mask-image: var(--amazon-eks-16-svg); +} + +%with-amazon-eks-24-icon { + @extend %with-icon, %amazon-eks-24-svg-prop; + background-image: var(--amazon-eks-24-svg); +} +%with-amazon-eks-24-mask { + @extend %with-mask, %amazon-eks-24-svg-prop; + -webkit-mask-image: var(--amazon-eks-24-svg); + mask-image: var(--amazon-eks-24-svg); +} + +%with-amazon-eks-color-16-icon { + @extend %with-icon, %amazon-eks-color-16-svg-prop; + background-image: var(--amazon-eks-color-16-svg); +} +%with-amazon-eks-color-16-mask { + @extend %with-mask, %amazon-eks-color-16-svg-prop; + -webkit-mask-image: var(--amazon-eks-color-16-svg); + mask-image: var(--amazon-eks-color-16-svg); +} + +%with-amazon-eks-color-24-icon { + @extend %with-icon, %amazon-eks-color-24-svg-prop; + background-image: var(--amazon-eks-color-24-svg); +} +%with-amazon-eks-color-24-mask { + @extend %with-mask, %amazon-eks-color-24-svg-prop; + -webkit-mask-image: var(--amazon-eks-color-24-svg); + mask-image: var(--amazon-eks-color-24-svg); +} + %with-apple-16-icon { @extend %with-icon, %apple-16-svg-prop; background-image: var(--apple-16-svg); @@ -429,13 +469,13 @@ } %with-arrow-down-icon { - @extend %with-icon, %arrow-down-svg-prop; - background-image: var(--arrow-down-svg); + @extend %with-icon, %arrow-down-16-svg-prop; + background-image: var(--arrow-down-16-svg); } %with-arrow-down-mask { - @extend %with-mask, %arrow-down-svg-prop; - -webkit-mask-image: var(--arrow-down-svg); - mask-image: var(--arrow-down-svg); + @extend %with-mask, %arrow-down-16-svg-prop; + -webkit-mask-image: var(--arrow-down-16-svg); + mask-image: var(--arrow-down-16-svg); } %with-arrow-left-16-icon { @@ -479,13 +519,13 @@ } %with-arrow-left-icon { - @extend %with-icon, %arrow-left-svg-prop; - background-image: var(--arrow-left-svg); + @extend %with-icon, %arrow-left-16-svg-prop; + background-image: var(--arrow-left-16-svg); } %with-arrow-left-mask { - @extend %with-mask, %arrow-left-svg-prop; - -webkit-mask-image: var(--arrow-left-svg); - mask-image: var(--arrow-left-svg); + @extend %with-mask, %arrow-left-16-svg-prop; + -webkit-mask-image: var(--arrow-left-16-svg); + mask-image: var(--arrow-left-16-svg); } %with-arrow-right-16-icon { @@ -529,13 +569,13 @@ } %with-arrow-right-icon { - @extend %with-icon, %arrow-right-svg-prop; - background-image: var(--arrow-right-svg); + @extend %with-icon, %arrow-right-16-svg-prop; + background-image: var(--arrow-right-16-svg); } %with-arrow-right-mask { - @extend %with-mask, %arrow-right-svg-prop; - -webkit-mask-image: var(--arrow-right-svg); - mask-image: var(--arrow-right-svg); + @extend %with-mask, %arrow-right-16-svg-prop; + -webkit-mask-image: var(--arrow-right-16-svg); + mask-image: var(--arrow-right-16-svg); } %with-arrow-up-16-icon { @@ -619,13 +659,13 @@ } %with-arrow-up-icon { - @extend %with-icon, %arrow-up-svg-prop; - background-image: var(--arrow-up-svg); + @extend %with-icon, %arrow-up-16-svg-prop; + background-image: var(--arrow-up-16-svg); } %with-arrow-up-mask { - @extend %with-mask, %arrow-up-svg-prop; - -webkit-mask-image: var(--arrow-up-svg); - mask-image: var(--arrow-up-svg); + @extend %with-mask, %arrow-up-16-svg-prop; + -webkit-mask-image: var(--arrow-up-16-svg); + mask-image: var(--arrow-up-16-svg); } %with-at-sign-16-icon { @@ -768,6 +808,46 @@ mask-image: var(--aws-color-24-svg); } +%with-aws-ec2-16-icon { + @extend %with-icon, %aws-ec2-16-svg-prop; + background-image: var(--aws-ec2-16-svg); +} +%with-aws-ec2-16-mask { + @extend %with-mask, %aws-ec2-16-svg-prop; + -webkit-mask-image: var(--aws-ec2-16-svg); + mask-image: var(--aws-ec2-16-svg); +} + +%with-aws-ec2-24-icon { + @extend %with-icon, %aws-ec2-24-svg-prop; + background-image: var(--aws-ec2-24-svg); +} +%with-aws-ec2-24-mask { + @extend %with-mask, %aws-ec2-24-svg-prop; + -webkit-mask-image: var(--aws-ec2-24-svg); + mask-image: var(--aws-ec2-24-svg); +} + +%with-aws-ec2-color-16-icon { + @extend %with-icon, %aws-ec2-color-16-svg-prop; + background-image: var(--aws-ec2-color-16-svg); +} +%with-aws-ec2-color-16-mask { + @extend %with-mask, %aws-ec2-color-16-svg-prop; + -webkit-mask-image: var(--aws-ec2-color-16-svg); + mask-image: var(--aws-ec2-color-16-svg); +} + +%with-aws-ec2-color-24-icon { + @extend %with-icon, %aws-ec2-color-24-svg-prop; + background-image: var(--aws-ec2-color-24-svg); +} +%with-aws-ec2-color-24-mask { + @extend %with-mask, %aws-ec2-color-24-svg-prop; + -webkit-mask-image: var(--aws-ec2-color-24-svg); + mask-image: var(--aws-ec2-color-24-svg); +} + %with-azure-16-icon { @extend %with-icon, %azure-16-svg-prop; background-image: var(--azure-16-svg); @@ -848,6 +928,26 @@ mask-image: var(--azure-devops-color-24-svg); } +%with-bank-vault-16-icon { + @extend %with-icon, %bank-vault-16-svg-prop; + background-image: var(--bank-vault-16-svg); +} +%with-bank-vault-16-mask { + @extend %with-mask, %bank-vault-16-svg-prop; + -webkit-mask-image: var(--bank-vault-16-svg); + mask-image: var(--bank-vault-16-svg); +} + +%with-bank-vault-24-icon { + @extend %with-icon, %bank-vault-24-svg-prop; + background-image: var(--bank-vault-24-svg); +} +%with-bank-vault-24-mask { + @extend %with-mask, %bank-vault-24-svg-prop; + -webkit-mask-image: var(--bank-vault-24-svg); + mask-image: var(--bank-vault-24-svg); +} + %with-bar-chart-16-icon { @extend %with-icon, %bar-chart-16-svg-prop; background-image: var(--bar-chart-16-svg); @@ -1069,13 +1169,13 @@ } %with-bolt-icon { - @extend %with-icon, %bolt-svg-prop; - background-image: var(--bolt-svg); + @extend %with-icon, %zap-16-svg-prop; + background-image: var(--zap-16-svg); } %with-bolt-mask { - @extend %with-mask, %bolt-svg-prop; - -webkit-mask-image: var(--bolt-svg); - mask-image: var(--bolt-svg); + @extend %with-mask, %zap-16-svg-prop; + -webkit-mask-image: var(--zap-16-svg); + mask-image: var(--zap-16-svg); } %with-bookmark-16-icon { @@ -1218,6 +1318,46 @@ mask-image: var(--bottom-24-svg); } +%with-boundary-16-icon { + @extend %with-icon, %boundary-16-svg-prop; + background-image: var(--boundary-16-svg); +} +%with-boundary-16-mask { + @extend %with-mask, %boundary-16-svg-prop; + -webkit-mask-image: var(--boundary-16-svg); + mask-image: var(--boundary-16-svg); +} + +%with-boundary-24-icon { + @extend %with-icon, %boundary-24-svg-prop; + background-image: var(--boundary-24-svg); +} +%with-boundary-24-mask { + @extend %with-mask, %boundary-24-svg-prop; + -webkit-mask-image: var(--boundary-24-svg); + mask-image: var(--boundary-24-svg); +} + +%with-boundary-color-16-icon { + @extend %with-icon, %boundary-color-16-svg-prop; + background-image: var(--boundary-color-16-svg); +} +%with-boundary-color-16-mask { + @extend %with-mask, %boundary-color-16-svg-prop; + -webkit-mask-image: var(--boundary-color-16-svg); + mask-image: var(--boundary-color-16-svg); +} + +%with-boundary-color-24-icon { + @extend %with-icon, %boundary-color-24-svg-prop; + background-image: var(--boundary-color-24-svg); +} +%with-boundary-color-24-mask { + @extend %with-mask, %boundary-color-24-svg-prop; + -webkit-mask-image: var(--boundary-color-24-svg); + mask-image: var(--boundary-color-24-svg); +} + %with-box-16-icon { @extend %with-icon, %box-16-svg-prop; background-image: var(--box-16-svg); @@ -1239,23 +1379,23 @@ } %with-box-check-fill-icon { - @extend %with-icon, %box-check-fill-svg-prop; - background-image: var(--box-check-fill-svg); + @extend %with-icon, %check-square-fill-16-svg-prop; + background-image: var(--check-square-fill-16-svg); } %with-box-check-fill-mask { - @extend %with-mask, %box-check-fill-svg-prop; - -webkit-mask-image: var(--box-check-fill-svg); - mask-image: var(--box-check-fill-svg); + @extend %with-mask, %check-square-fill-16-svg-prop; + -webkit-mask-image: var(--check-square-fill-16-svg); + mask-image: var(--check-square-fill-16-svg); } %with-box-outline-icon { - @extend %with-icon, %box-outline-svg-prop; - background-image: var(--box-outline-svg); + @extend %with-icon, %square-16-svg-prop; + background-image: var(--square-16-svg); } %with-box-outline-mask { - @extend %with-mask, %box-outline-svg-prop; - -webkit-mask-image: var(--box-outline-svg); - mask-image: var(--box-outline-svg); + @extend %with-mask, %square-16-svg-prop; + -webkit-mask-image: var(--square-16-svg); + mask-image: var(--square-16-svg); } %with-briefcase-16-icon { @@ -1279,13 +1419,13 @@ } %with-broadcast-icon { - @extend %with-icon, %broadcast-svg-prop; - background-image: var(--broadcast-svg); + @extend %with-icon, %radio-16-svg-prop; + background-image: var(--radio-16-svg); } %with-broadcast-mask { - @extend %with-mask, %broadcast-svg-prop; - -webkit-mask-image: var(--broadcast-svg); - mask-image: var(--broadcast-svg); + @extend %with-mask, %radio-16-svg-prop; + -webkit-mask-image: var(--radio-16-svg); + mask-image: var(--radio-16-svg); } %with-bug-16-icon { @@ -1309,13 +1449,13 @@ } %with-bug-icon { - @extend %with-icon, %bug-svg-prop; - background-image: var(--bug-svg); + @extend %with-icon, %bug-16-svg-prop; + background-image: var(--bug-16-svg); } %with-bug-mask { - @extend %with-mask, %bug-svg-prop; - -webkit-mask-image: var(--bug-svg); - mask-image: var(--bug-svg); + @extend %with-mask, %bug-16-svg-prop; + -webkit-mask-image: var(--bug-16-svg); + mask-image: var(--bug-16-svg); } %with-build-16-icon { @@ -1359,13 +1499,13 @@ } %with-calendar-icon { - @extend %with-icon, %calendar-svg-prop; - background-image: var(--calendar-svg); + @extend %with-icon, %calendar-16-svg-prop; + background-image: var(--calendar-16-svg); } %with-calendar-mask { - @extend %with-mask, %calendar-svg-prop; - -webkit-mask-image: var(--calendar-svg); - mask-image: var(--calendar-svg); + @extend %with-mask, %calendar-16-svg-prop; + -webkit-mask-image: var(--calendar-16-svg); + mask-image: var(--calendar-16-svg); } %with-camera-16-icon { @@ -1409,53 +1549,53 @@ } %with-cancel-circle-fill-icon { - @extend %with-icon, %cancel-circle-fill-svg-prop; - background-image: var(--cancel-circle-fill-svg); + @extend %with-icon, %x-circle-fill-16-svg-prop; + background-image: var(--x-circle-fill-16-svg); } %with-cancel-circle-fill-mask { - @extend %with-mask, %cancel-circle-fill-svg-prop; - -webkit-mask-image: var(--cancel-circle-fill-svg); - mask-image: var(--cancel-circle-fill-svg); + @extend %with-mask, %x-circle-fill-16-svg-prop; + -webkit-mask-image: var(--x-circle-fill-16-svg); + mask-image: var(--x-circle-fill-16-svg); } %with-cancel-circle-outline-icon { - @extend %with-icon, %cancel-circle-outline-svg-prop; - background-image: var(--cancel-circle-outline-svg); + @extend %with-icon, %x-circle-16-svg-prop; + background-image: var(--x-circle-16-svg); } %with-cancel-circle-outline-mask { - @extend %with-mask, %cancel-circle-outline-svg-prop; - -webkit-mask-image: var(--cancel-circle-outline-svg); - mask-image: var(--cancel-circle-outline-svg); + @extend %with-mask, %x-circle-16-svg-prop; + -webkit-mask-image: var(--x-circle-16-svg); + mask-image: var(--x-circle-16-svg); } %with-cancel-plain-icon { - @extend %with-icon, %cancel-plain-svg-prop; - background-image: var(--cancel-plain-svg); + @extend %with-icon, %x-16-svg-prop; + background-image: var(--x-16-svg); } %with-cancel-plain-mask { - @extend %with-mask, %cancel-plain-svg-prop; - -webkit-mask-image: var(--cancel-plain-svg); - mask-image: var(--cancel-plain-svg); + @extend %with-mask, %x-16-svg-prop; + -webkit-mask-image: var(--x-16-svg); + mask-image: var(--x-16-svg); } %with-cancel-square-fill-icon { - @extend %with-icon, %cancel-square-fill-svg-prop; - background-image: var(--cancel-square-fill-svg); + @extend %with-icon, %x-square-fill-16-svg-prop; + background-image: var(--x-square-fill-16-svg); } %with-cancel-square-fill-mask { - @extend %with-mask, %cancel-square-fill-svg-prop; - -webkit-mask-image: var(--cancel-square-fill-svg); - mask-image: var(--cancel-square-fill-svg); + @extend %with-mask, %x-square-fill-16-svg-prop; + -webkit-mask-image: var(--x-square-fill-16-svg); + mask-image: var(--x-square-fill-16-svg); } %with-cancel-square-outline-icon { - @extend %with-icon, %cancel-square-outline-svg-prop; - background-image: var(--cancel-square-outline-svg); + @extend %with-icon, %x-square-16-svg-prop; + background-image: var(--x-square-16-svg); } %with-cancel-square-outline-mask { - @extend %with-mask, %cancel-square-outline-svg-prop; - -webkit-mask-image: var(--cancel-square-outline-svg); - mask-image: var(--cancel-square-outline-svg); + @extend %with-mask, %x-square-16-svg-prop; + -webkit-mask-image: var(--x-square-16-svg); + mask-image: var(--x-square-16-svg); } %with-caret-16-icon { @@ -1479,23 +1619,23 @@ } %with-caret-down-icon { - @extend %with-icon, %caret-down-svg-prop; - background-image: var(--caret-down-svg); + @extend %with-icon, %caret-16-svg-prop; + background-image: var(--caret-16-svg); } %with-caret-down-mask { - @extend %with-mask, %caret-down-svg-prop; - -webkit-mask-image: var(--caret-down-svg); - mask-image: var(--caret-down-svg); + @extend %with-mask, %caret-16-svg-prop; + -webkit-mask-image: var(--caret-16-svg); + mask-image: var(--caret-16-svg); } %with-caret-up-icon { - @extend %with-icon, %caret-up-svg-prop; - background-image: var(--caret-up-svg); + @extend %with-icon, %chevron-up-16-svg-prop; + background-image: var(--chevron-up-16-svg); } %with-caret-up-mask { - @extend %with-mask, %caret-up-svg-prop; - -webkit-mask-image: var(--caret-up-svg); - mask-image: var(--caret-up-svg); + @extend %with-mask, %chevron-up-16-svg-prop; + -webkit-mask-image: var(--chevron-up-16-svg); + mask-image: var(--chevron-up-16-svg); } %with-cast-16-icon { @@ -1659,23 +1799,23 @@ } %with-check-circle-fill-icon { - @extend %with-icon, %check-circle-fill-svg-prop; - background-image: var(--check-circle-fill-svg); + @extend %with-icon, %check-circle-fill-16-svg-prop; + background-image: var(--check-circle-fill-16-svg); } %with-check-circle-fill-mask { - @extend %with-mask, %check-circle-fill-svg-prop; - -webkit-mask-image: var(--check-circle-fill-svg); - mask-image: var(--check-circle-fill-svg); + @extend %with-mask, %check-circle-fill-16-svg-prop; + -webkit-mask-image: var(--check-circle-fill-16-svg); + mask-image: var(--check-circle-fill-16-svg); } %with-check-circle-outline-icon { - @extend %with-icon, %check-circle-outline-svg-prop; - background-image: var(--check-circle-outline-svg); + @extend %with-icon, %check-circle-16-svg-prop; + background-image: var(--check-circle-16-svg); } %with-check-circle-outline-mask { - @extend %with-mask, %check-circle-outline-svg-prop; - -webkit-mask-image: var(--check-circle-outline-svg); - mask-image: var(--check-circle-outline-svg); + @extend %with-mask, %check-circle-16-svg-prop; + -webkit-mask-image: var(--check-circle-16-svg); + mask-image: var(--check-circle-16-svg); } %with-check-diamond-16-icon { @@ -1759,13 +1899,13 @@ } %with-check-plain-icon { - @extend %with-icon, %check-plain-svg-prop; - background-image: var(--check-plain-svg); + @extend %with-icon, %check-16-svg-prop; + background-image: var(--check-16-svg); } %with-check-plain-mask { - @extend %with-mask, %check-plain-svg-prop; - -webkit-mask-image: var(--check-plain-svg); - mask-image: var(--check-plain-svg); + @extend %with-mask, %check-16-svg-prop; + -webkit-mask-image: var(--check-16-svg); + mask-image: var(--check-16-svg); } %with-check-square-16-icon { @@ -1829,13 +1969,13 @@ } %with-chevron-down-icon { - @extend %with-icon, %chevron-down-svg-prop; - background-image: var(--chevron-down-svg); + @extend %with-icon, %chevron-down-16-svg-prop; + background-image: var(--chevron-down-16-svg); } %with-chevron-down-mask { - @extend %with-mask, %chevron-down-svg-prop; - -webkit-mask-image: var(--chevron-down-svg); - mask-image: var(--chevron-down-svg); + @extend %with-mask, %chevron-down-16-svg-prop; + -webkit-mask-image: var(--chevron-down-16-svg); + mask-image: var(--chevron-down-16-svg); } %with-chevron-left-16-icon { @@ -1859,13 +1999,13 @@ } %with-chevron-left-icon { - @extend %with-icon, %chevron-left-svg-prop; - background-image: var(--chevron-left-svg); + @extend %with-icon, %chevron-left-16-svg-prop; + background-image: var(--chevron-left-16-svg); } %with-chevron-left-mask { - @extend %with-mask, %chevron-left-svg-prop; - -webkit-mask-image: var(--chevron-left-svg); - mask-image: var(--chevron-left-svg); + @extend %with-mask, %chevron-left-16-svg-prop; + -webkit-mask-image: var(--chevron-left-16-svg); + mask-image: var(--chevron-left-16-svg); } %with-chevron-right-16-icon { @@ -1889,13 +2029,13 @@ } %with-chevron-right-icon { - @extend %with-icon, %chevron-right-svg-prop; - background-image: var(--chevron-right-svg); + @extend %with-icon, %chevron-right-16-svg-prop; + background-image: var(--chevron-right-16-svg); } %with-chevron-right-mask { - @extend %with-mask, %chevron-right-svg-prop; - -webkit-mask-image: var(--chevron-right-svg); - mask-image: var(--chevron-right-svg); + @extend %with-mask, %chevron-right-16-svg-prop; + -webkit-mask-image: var(--chevron-right-16-svg); + mask-image: var(--chevron-right-16-svg); } %with-chevron-up-16-icon { @@ -1919,13 +2059,13 @@ } %with-chevron-up-icon { - @extend %with-icon, %chevron-up-svg-prop; - background-image: var(--chevron-up-svg); + @extend %with-icon, %chevron-up-16-svg-prop; + background-image: var(--chevron-up-16-svg); } %with-chevron-up-mask { - @extend %with-mask, %chevron-up-svg-prop; - -webkit-mask-image: var(--chevron-up-svg); - mask-image: var(--chevron-up-svg); + @extend %with-mask, %chevron-up-16-svg-prop; + -webkit-mask-image: var(--chevron-up-16-svg); + mask-image: var(--chevron-up-16-svg); } %with-chevrons-down-16-icon { @@ -2169,23 +2309,23 @@ } %with-clock-fill-icon { - @extend %with-icon, %clock-fill-svg-prop; - background-image: var(--clock-fill-svg); + @extend %with-icon, %clock-16-svg-prop; + background-image: var(--clock-16-svg); } %with-clock-fill-mask { - @extend %with-mask, %clock-fill-svg-prop; - -webkit-mask-image: var(--clock-fill-svg); - mask-image: var(--clock-fill-svg); + @extend %with-mask, %clock-16-svg-prop; + -webkit-mask-image: var(--clock-16-svg); + mask-image: var(--clock-16-svg); } %with-clock-outline-icon { - @extend %with-icon, %clock-outline-svg-prop; - background-image: var(--clock-outline-svg); + @extend %with-icon, %clock-16-svg-prop; + background-image: var(--clock-16-svg); } %with-clock-outline-mask { - @extend %with-mask, %clock-outline-svg-prop; - -webkit-mask-image: var(--clock-outline-svg); - mask-image: var(--clock-outline-svg); + @extend %with-mask, %clock-16-svg-prop; + -webkit-mask-image: var(--clock-16-svg); + mask-image: var(--clock-16-svg); } %with-cloud-16-icon { @@ -2379,13 +2519,53 @@ } %with-code-icon { - @extend %with-icon, %code-svg-prop; - background-image: var(--code-svg); + @extend %with-icon, %code-16-svg-prop; + background-image: var(--code-16-svg); } %with-code-mask { - @extend %with-mask, %code-svg-prop; - -webkit-mask-image: var(--code-svg); - mask-image: var(--code-svg); + @extend %with-mask, %code-16-svg-prop; + -webkit-mask-image: var(--code-16-svg); + mask-image: var(--code-16-svg); +} + +%with-codepen-16-icon { + @extend %with-icon, %codepen-16-svg-prop; + background-image: var(--codepen-16-svg); +} +%with-codepen-16-mask { + @extend %with-mask, %codepen-16-svg-prop; + -webkit-mask-image: var(--codepen-16-svg); + mask-image: var(--codepen-16-svg); +} + +%with-codepen-24-icon { + @extend %with-icon, %codepen-24-svg-prop; + background-image: var(--codepen-24-svg); +} +%with-codepen-24-mask { + @extend %with-mask, %codepen-24-svg-prop; + -webkit-mask-image: var(--codepen-24-svg); + mask-image: var(--codepen-24-svg); +} + +%with-codepen-color-16-icon { + @extend %with-icon, %codepen-color-16-svg-prop; + background-image: var(--codepen-color-16-svg); +} +%with-codepen-color-16-mask { + @extend %with-mask, %codepen-color-16-svg-prop; + -webkit-mask-image: var(--codepen-color-16-svg); + mask-image: var(--codepen-color-16-svg); +} + +%with-codepen-color-24-icon { + @extend %with-icon, %codepen-color-24-svg-prop; + background-image: var(--codepen-color-24-svg); +} +%with-codepen-color-24-mask { + @extend %with-mask, %codepen-color-24-svg-prop; + -webkit-mask-image: var(--codepen-color-24-svg); + mask-image: var(--codepen-color-24-svg); } %with-collections-16-icon { @@ -2489,33 +2669,73 @@ } %with-console-icon { - @extend %with-icon, %console-svg-prop; - background-image: var(--console-svg); + @extend %with-icon, %terminal-16-svg-prop; + background-image: var(--terminal-16-svg); } %with-console-mask { - @extend %with-mask, %console-svg-prop; - -webkit-mask-image: var(--console-svg); - mask-image: var(--console-svg); + @extend %with-mask, %terminal-16-svg-prop; + -webkit-mask-image: var(--terminal-16-svg); + mask-image: var(--terminal-16-svg); +} + +%with-consul-16-icon { + @extend %with-icon, %consul-16-svg-prop; + background-image: var(--consul-16-svg); +} +%with-consul-16-mask { + @extend %with-mask, %consul-16-svg-prop; + -webkit-mask-image: var(--consul-16-svg); + mask-image: var(--consul-16-svg); +} + +%with-consul-24-icon { + @extend %with-icon, %consul-24-svg-prop; + background-image: var(--consul-24-svg); +} +%with-consul-24-mask { + @extend %with-mask, %consul-24-svg-prop; + -webkit-mask-image: var(--consul-24-svg); + mask-image: var(--consul-24-svg); +} + +%with-consul-color-16-icon { + @extend %with-icon, %consul-color-16-svg-prop; + background-image: var(--consul-color-16-svg); +} +%with-consul-color-16-mask { + @extend %with-mask, %consul-color-16-svg-prop; + -webkit-mask-image: var(--consul-color-16-svg); + mask-image: var(--consul-color-16-svg); +} + +%with-consul-color-24-icon { + @extend %with-icon, %consul-color-24-svg-prop; + background-image: var(--consul-color-24-svg); +} +%with-consul-color-24-mask { + @extend %with-mask, %consul-color-24-svg-prop; + -webkit-mask-image: var(--consul-color-24-svg); + mask-image: var(--consul-color-24-svg); } %with-copy-action-icon { - @extend %with-icon, %copy-action-svg-prop; - background-image: var(--copy-action-svg); + @extend %with-icon, %clipboard-copy-16-svg-prop; + background-image: var(--clipboard-copy-16-svg); } %with-copy-action-mask { - @extend %with-mask, %copy-action-svg-prop; - -webkit-mask-image: var(--copy-action-svg); - mask-image: var(--copy-action-svg); + @extend %with-mask, %clipboard-copy-16-svg-prop; + -webkit-mask-image: var(--clipboard-copy-16-svg); + mask-image: var(--clipboard-copy-16-svg); } %with-copy-success-icon { - @extend %with-icon, %copy-success-svg-prop; - background-image: var(--copy-success-svg); + @extend %with-icon, %clipboard-checked-16-svg-prop; + background-image: var(--clipboard-checked-16-svg); } %with-copy-success-mask { - @extend %with-mask, %copy-success-svg-prop; - -webkit-mask-image: var(--copy-success-svg); - mask-image: var(--copy-success-svg); + @extend %with-mask, %clipboard-checked-16-svg-prop; + -webkit-mask-image: var(--clipboard-checked-16-svg); + mask-image: var(--clipboard-checked-16-svg); } %with-corner-down-left-16-icon { @@ -2799,13 +3019,13 @@ } %with-database-icon { - @extend %with-icon, %database-svg-prop; - background-image: var(--database-svg); + @extend %with-icon, %database-16-svg-prop; + background-image: var(--database-16-svg); } %with-database-mask { - @extend %with-mask, %database-svg-prop; - -webkit-mask-image: var(--database-svg); - mask-image: var(--database-svg); + @extend %with-mask, %database-16-svg-prop; + -webkit-mask-image: var(--database-16-svg); + mask-image: var(--database-16-svg); } %with-delay-16-icon { @@ -2829,13 +3049,13 @@ } %with-delay-icon { - @extend %with-icon, %delay-svg-prop; - background-image: var(--delay-svg); + @extend %with-icon, %delay-16-svg-prop; + background-image: var(--delay-16-svg); } %with-delay-mask { - @extend %with-mask, %delay-svg-prop; - -webkit-mask-image: var(--delay-svg); - mask-image: var(--delay-svg); + @extend %with-mask, %delay-16-svg-prop; + -webkit-mask-image: var(--delay-16-svg); + mask-image: var(--delay-16-svg); } %with-delete-16-icon { @@ -2859,13 +3079,13 @@ } %with-deny-alt-icon { - @extend %with-icon, %deny-alt-svg-prop; - background-image: var(--deny-alt-svg); + @extend %with-icon, %skip-16-svg-prop; + background-image: var(--skip-16-svg); } %with-deny-alt-mask { - @extend %with-mask, %deny-alt-svg-prop; - -webkit-mask-image: var(--deny-alt-svg); - mask-image: var(--deny-alt-svg); + @extend %with-mask, %skip-16-svg-prop; + -webkit-mask-image: var(--skip-16-svg); + mask-image: var(--skip-16-svg); } %with-deny-color-icon { @@ -2879,13 +3099,13 @@ } %with-deny-default-icon { - @extend %with-icon, %deny-default-svg-prop; - background-image: var(--deny-default-svg); + @extend %with-icon, %skip-16-svg-prop; + background-image: var(--skip-16-svg); } %with-deny-default-mask { - @extend %with-mask, %deny-default-svg-prop; - -webkit-mask-image: var(--deny-default-svg); - mask-image: var(--deny-default-svg); + @extend %with-mask, %skip-16-svg-prop; + -webkit-mask-image: var(--skip-16-svg); + mask-image: var(--skip-16-svg); } %with-diamond-16-icon { @@ -2929,13 +3149,13 @@ } %with-disabled-icon { - @extend %with-icon, %disabled-svg-prop; - background-image: var(--disabled-svg); + @extend %with-icon, %skip-16-svg-prop; + background-image: var(--skip-16-svg); } %with-disabled-mask { - @extend %with-mask, %disabled-svg-prop; - -webkit-mask-image: var(--disabled-svg); - mask-image: var(--disabled-svg); + @extend %with-mask, %skip-16-svg-prop; + -webkit-mask-image: var(--skip-16-svg); + mask-image: var(--skip-16-svg); } %with-disc-16-icon { @@ -3099,13 +3319,13 @@ } %with-docs-icon { - @extend %with-icon, %docs-svg-prop; - background-image: var(--docs-svg); + @extend %with-icon, %docs-link-16-svg-prop; + background-image: var(--docs-link-16-svg); } %with-docs-mask { - @extend %with-mask, %docs-svg-prop; - -webkit-mask-image: var(--docs-svg); - mask-image: var(--docs-svg); + @extend %with-mask, %docs-link-16-svg-prop; + -webkit-mask-image: var(--docs-link-16-svg); + mask-image: var(--docs-link-16-svg); } %with-dollar-sign-16-icon { @@ -3189,13 +3409,13 @@ } %with-download-icon { - @extend %with-icon, %download-svg-prop; - background-image: var(--download-svg); + @extend %with-icon, %download-16-svg-prop; + background-image: var(--download-16-svg); } %with-download-mask { - @extend %with-mask, %download-svg-prop; - -webkit-mask-image: var(--download-svg); - mask-image: var(--download-svg); + @extend %with-mask, %download-16-svg-prop; + -webkit-mask-image: var(--download-16-svg); + mask-image: var(--download-16-svg); } %with-droplet-16-icon { @@ -3259,13 +3479,13 @@ } %with-edit-icon { - @extend %with-icon, %edit-svg-prop; - background-image: var(--edit-svg); + @extend %with-icon, %edit-16-svg-prop; + background-image: var(--edit-16-svg); } %with-edit-mask { - @extend %with-mask, %edit-svg-prop; - -webkit-mask-image: var(--edit-svg); - mask-image: var(--edit-svg); + @extend %with-mask, %edit-16-svg-prop; + -webkit-mask-image: var(--edit-16-svg); + mask-image: var(--edit-16-svg); } %with-entry-point-16-icon { @@ -3289,43 +3509,43 @@ } %with-envelope-sealed-fill-icon { - @extend %with-icon, %envelope-sealed-fill-svg-prop; - background-image: var(--envelope-sealed-fill-svg); + @extend %with-icon, %mail-16-svg-prop; + background-image: var(--mail-16-svg); } %with-envelope-sealed-fill-mask { - @extend %with-mask, %envelope-sealed-fill-svg-prop; - -webkit-mask-image: var(--envelope-sealed-fill-svg); - mask-image: var(--envelope-sealed-fill-svg); + @extend %with-mask, %mail-16-svg-prop; + -webkit-mask-image: var(--mail-16-svg); + mask-image: var(--mail-16-svg); } %with-envelope-sealed-outline-icon { - @extend %with-icon, %envelope-sealed-outline-svg-prop; - background-image: var(--envelope-sealed-outline-svg); + @extend %with-icon, %mail-16-svg-prop; + background-image: var(--mail-16-svg); } %with-envelope-sealed-outline-mask { - @extend %with-mask, %envelope-sealed-outline-svg-prop; - -webkit-mask-image: var(--envelope-sealed-outline-svg); - mask-image: var(--envelope-sealed-outline-svg); + @extend %with-mask, %mail-16-svg-prop; + -webkit-mask-image: var(--mail-16-svg); + mask-image: var(--mail-16-svg); } %with-envelope-unsealed--outline-icon { - @extend %with-icon, %envelope-unsealed--outline-svg-prop; - background-image: var(--envelope-unsealed--outline-svg); + @extend %with-icon, %mail-open-16-svg-prop; + background-image: var(--mail-open-16-svg); } %with-envelope-unsealed--outline-mask { - @extend %with-mask, %envelope-unsealed--outline-svg-prop; - -webkit-mask-image: var(--envelope-unsealed--outline-svg); - mask-image: var(--envelope-unsealed--outline-svg); + @extend %with-mask, %mail-open-16-svg-prop; + -webkit-mask-image: var(--mail-open-16-svg); + mask-image: var(--mail-open-16-svg); } %with-envelope-unsealed-fill-icon { - @extend %with-icon, %envelope-unsealed-fill-svg-prop; - background-image: var(--envelope-unsealed-fill-svg); + @extend %with-icon, %mail-open-16-svg-prop; + background-image: var(--mail-open-16-svg); } %with-envelope-unsealed-fill-mask { - @extend %with-mask, %envelope-unsealed-fill-svg-prop; - -webkit-mask-image: var(--envelope-unsealed-fill-svg); - mask-image: var(--envelope-unsealed-fill-svg); + @extend %with-mask, %mail-open-16-svg-prop; + -webkit-mask-image: var(--mail-open-16-svg); + mask-image: var(--mail-open-16-svg); } %with-event-16-icon { @@ -3369,33 +3589,33 @@ } %with-exit-icon { - @extend %with-icon, %exit-svg-prop; - background-image: var(--exit-svg); + @extend %with-icon, %external-link-16-svg-prop; + background-image: var(--external-link-16-svg); } %with-exit-mask { - @extend %with-mask, %exit-svg-prop; - -webkit-mask-image: var(--exit-svg); - mask-image: var(--exit-svg); + @extend %with-mask, %external-link-16-svg-prop; + -webkit-mask-image: var(--external-link-16-svg); + mask-image: var(--external-link-16-svg); } %with-expand-less-icon { - @extend %with-icon, %expand-less-svg-prop; - background-image: var(--expand-less-svg); + @extend %with-icon, %minimize-16-svg-prop; + background-image: var(--minimize-16-svg); } %with-expand-less-mask { - @extend %with-mask, %expand-less-svg-prop; - -webkit-mask-image: var(--expand-less-svg); - mask-image: var(--expand-less-svg); + @extend %with-mask, %minimize-16-svg-prop; + -webkit-mask-image: var(--minimize-16-svg); + mask-image: var(--minimize-16-svg); } %with-expand-more-icon { - @extend %with-icon, %expand-more-svg-prop; - background-image: var(--expand-more-svg); + @extend %with-icon, %maximize-16-svg-prop; + background-image: var(--maximize-16-svg); } %with-expand-more-mask { - @extend %with-mask, %expand-more-svg-prop; - -webkit-mask-image: var(--expand-more-svg); - mask-image: var(--expand-more-svg); + @extend %with-mask, %maximize-16-svg-prop; + -webkit-mask-image: var(--maximize-16-svg); + mask-image: var(--maximize-16-svg); } %with-external-link-16-icon { @@ -3498,6 +3718,46 @@ mask-image: var(--f5-color-24-svg); } +%with-facebook-16-icon { + @extend %with-icon, %facebook-16-svg-prop; + background-image: var(--facebook-16-svg); +} +%with-facebook-16-mask { + @extend %with-mask, %facebook-16-svg-prop; + -webkit-mask-image: var(--facebook-16-svg); + mask-image: var(--facebook-16-svg); +} + +%with-facebook-24-icon { + @extend %with-icon, %facebook-24-svg-prop; + background-image: var(--facebook-24-svg); +} +%with-facebook-24-mask { + @extend %with-mask, %facebook-24-svg-prop; + -webkit-mask-image: var(--facebook-24-svg); + mask-image: var(--facebook-24-svg); +} + +%with-facebook-color-16-icon { + @extend %with-icon, %facebook-color-16-svg-prop; + background-image: var(--facebook-color-16-svg); +} +%with-facebook-color-16-mask { + @extend %with-mask, %facebook-color-16-svg-prop; + -webkit-mask-image: var(--facebook-color-16-svg); + mask-image: var(--facebook-color-16-svg); +} + +%with-facebook-color-24-icon { + @extend %with-icon, %facebook-color-24-svg-prop; + background-image: var(--facebook-color-24-svg); +} +%with-facebook-color-24-mask { + @extend %with-mask, %facebook-color-24-svg-prop; + -webkit-mask-image: var(--facebook-color-24-svg); + mask-image: var(--facebook-color-24-svg); +} + %with-fast-forward-16-icon { @extend %with-icon, %fast-forward-16-svg-prop; background-image: var(--fast-forward-16-svg); @@ -3599,13 +3859,13 @@ } %with-file-fill-icon { - @extend %with-icon, %file-fill-svg-prop; - background-image: var(--file-fill-svg); + @extend %with-icon, %file-16-svg-prop; + background-image: var(--file-16-svg); } %with-file-fill-mask { - @extend %with-mask, %file-fill-svg-prop; - -webkit-mask-image: var(--file-fill-svg); - mask-image: var(--file-fill-svg); + @extend %with-mask, %file-16-svg-prop; + -webkit-mask-image: var(--file-16-svg); + mask-image: var(--file-16-svg); } %with-file-minus-16-icon { @@ -3629,13 +3889,13 @@ } %with-file-outline-icon { - @extend %with-icon, %file-outline-svg-prop; - background-image: var(--file-outline-svg); + @extend %with-icon, %file-16-svg-prop; + background-image: var(--file-16-svg); } %with-file-outline-mask { - @extend %with-mask, %file-outline-svg-prop; - -webkit-mask-image: var(--file-outline-svg); - mask-image: var(--file-outline-svg); + @extend %with-mask, %file-16-svg-prop; + -webkit-mask-image: var(--file-16-svg); + mask-image: var(--file-16-svg); } %with-file-plus-16-icon { @@ -3819,13 +4079,13 @@ } %with-filter-icon { - @extend %with-icon, %filter-svg-prop; - background-image: var(--filter-svg); + @extend %with-icon, %filter-16-svg-prop; + background-image: var(--filter-16-svg); } %with-filter-mask { - @extend %with-mask, %filter-svg-prop; - -webkit-mask-image: var(--filter-svg); - mask-image: var(--filter-svg); + @extend %with-mask, %filter-16-svg-prop; + -webkit-mask-image: var(--filter-16-svg); + mask-image: var(--filter-16-svg); } %with-fingerprint-16-icon { @@ -3869,13 +4129,13 @@ } %with-flag-icon { - @extend %with-icon, %flag-svg-prop; - background-image: var(--flag-svg); + @extend %with-icon, %flag-16-svg-prop; + background-image: var(--flag-16-svg); } %with-flag-mask { - @extend %with-mask, %flag-svg-prop; - -webkit-mask-image: var(--flag-svg); - mask-image: var(--flag-svg); + @extend %with-mask, %flag-16-svg-prop; + -webkit-mask-image: var(--flag-16-svg); + mask-image: var(--flag-16-svg); } %with-folder-16-icon { @@ -3919,13 +4179,13 @@ } %with-folder-fill-icon { - @extend %with-icon, %folder-fill-svg-prop; - background-image: var(--folder-fill-svg); + @extend %with-icon, %folder-fill-16-svg-prop; + background-image: var(--folder-fill-16-svg); } %with-folder-fill-mask { - @extend %with-mask, %folder-fill-svg-prop; - -webkit-mask-image: var(--folder-fill-svg); - mask-image: var(--folder-fill-svg); + @extend %with-mask, %folder-fill-16-svg-prop; + -webkit-mask-image: var(--folder-fill-16-svg); + mask-image: var(--folder-fill-16-svg); } %with-folder-minus-16-icon { @@ -3969,13 +4229,13 @@ } %with-folder-outline-icon { - @extend %with-icon, %folder-outline-svg-prop; - background-image: var(--folder-outline-svg); + @extend %with-icon, %folder-16-svg-prop; + background-image: var(--folder-16-svg); } %with-folder-outline-mask { - @extend %with-mask, %folder-outline-svg-prop; - -webkit-mask-image: var(--folder-outline-svg); - mask-image: var(--folder-outline-svg); + @extend %with-mask, %folder-16-svg-prop; + -webkit-mask-image: var(--folder-16-svg); + mask-image: var(--folder-16-svg); } %with-folder-plus-16-icon { @@ -4099,13 +4359,13 @@ } %with-gateway-icon { - @extend %with-icon, %gateway-svg-prop; - background-image: var(--gateway-svg); + @extend %with-icon, %gateway-16-svg-prop; + background-image: var(--gateway-16-svg); } %with-gateway-mask { - @extend %with-mask, %gateway-svg-prop; - -webkit-mask-image: var(--gateway-svg); - mask-image: var(--gateway-svg); + @extend %with-mask, %gateway-16-svg-prop; + -webkit-mask-image: var(--gateway-16-svg); + mask-image: var(--gateway-16-svg); } %with-gcp-16-icon { @@ -4169,23 +4429,23 @@ } %with-gift-fill-icon { - @extend %with-icon, %gift-fill-svg-prop; - background-image: var(--gift-fill-svg); + @extend %with-icon, %gift-16-svg-prop; + background-image: var(--gift-16-svg); } %with-gift-fill-mask { - @extend %with-mask, %gift-fill-svg-prop; - -webkit-mask-image: var(--gift-fill-svg); - mask-image: var(--gift-fill-svg); + @extend %with-mask, %gift-16-svg-prop; + -webkit-mask-image: var(--gift-16-svg); + mask-image: var(--gift-16-svg); } %with-gift-outline-icon { - @extend %with-icon, %gift-outline-svg-prop; - background-image: var(--gift-outline-svg); + @extend %with-icon, %gift-16-svg-prop; + background-image: var(--gift-16-svg); } %with-gift-outline-mask { - @extend %with-mask, %gift-outline-svg-prop; - -webkit-mask-image: var(--gift-outline-svg); - mask-image: var(--gift-outline-svg); + @extend %with-mask, %gift-16-svg-prop; + -webkit-mask-image: var(--gift-16-svg); + mask-image: var(--gift-16-svg); } %with-git-branch-16-icon { @@ -4209,13 +4469,13 @@ } %with-git-branch-icon { - @extend %with-icon, %git-branch-svg-prop; - background-image: var(--git-branch-svg); + @extend %with-icon, %git-branch-16-svg-prop; + background-image: var(--git-branch-16-svg); } %with-git-branch-mask { - @extend %with-mask, %git-branch-svg-prop; - -webkit-mask-image: var(--git-branch-svg); - mask-image: var(--git-branch-svg); + @extend %with-mask, %git-branch-16-svg-prop; + -webkit-mask-image: var(--git-branch-16-svg); + mask-image: var(--git-branch-16-svg); } %with-git-commit-16-icon { @@ -4239,13 +4499,13 @@ } %with-git-commit-icon { - @extend %with-icon, %git-commit-svg-prop; - background-image: var(--git-commit-svg); + @extend %with-icon, %git-commit-16-svg-prop; + background-image: var(--git-commit-16-svg); } %with-git-commit-mask { - @extend %with-mask, %git-commit-svg-prop; - -webkit-mask-image: var(--git-commit-svg); - mask-image: var(--git-commit-svg); + @extend %with-mask, %git-commit-16-svg-prop; + -webkit-mask-image: var(--git-commit-16-svg); + mask-image: var(--git-commit-16-svg); } %with-git-merge-16-icon { @@ -4289,13 +4549,13 @@ } %with-git-pull-request-icon { - @extend %with-icon, %git-pull-request-svg-prop; - background-image: var(--git-pull-request-svg); + @extend %with-icon, %git-pull-request-16-svg-prop; + background-image: var(--git-pull-request-16-svg); } %with-git-pull-request-mask { - @extend %with-mask, %git-pull-request-svg-prop; - -webkit-mask-image: var(--git-pull-request-svg); - mask-image: var(--git-pull-request-svg); + @extend %with-mask, %git-pull-request-16-svg-prop; + -webkit-mask-image: var(--git-pull-request-16-svg); + mask-image: var(--git-pull-request-16-svg); } %with-git-repo-16-icon { @@ -4319,13 +4579,13 @@ } %with-git-repository-icon { - @extend %with-icon, %git-repository-svg-prop; - background-image: var(--git-repository-svg); + @extend %with-icon, %git-repo-16-svg-prop; + background-image: var(--git-repo-16-svg); } %with-git-repository-mask { - @extend %with-mask, %git-repository-svg-prop; - -webkit-mask-image: var(--git-repository-svg); - mask-image: var(--git-repository-svg); + @extend %with-mask, %git-repo-16-svg-prop; + -webkit-mask-image: var(--git-repo-16-svg); + mask-image: var(--git-repo-16-svg); } %with-github-16-icon { @@ -4569,13 +4829,13 @@ } %with-guide-icon { - @extend %with-icon, %guide-svg-prop; - background-image: var(--guide-svg); + @extend %with-icon, %guide-16-svg-prop; + background-image: var(--guide-16-svg); } %with-guide-mask { - @extend %with-mask, %guide-svg-prop; - -webkit-mask-image: var(--guide-svg); - mask-image: var(--guide-svg); + @extend %with-mask, %guide-16-svg-prop; + -webkit-mask-image: var(--guide-16-svg); + mask-image: var(--guide-16-svg); } %with-hammer-16-icon { @@ -4598,6 +4858,26 @@ mask-image: var(--hammer-24-svg); } +%with-handshake-16-icon { + @extend %with-icon, %handshake-16-svg-prop; + background-image: var(--handshake-16-svg); +} +%with-handshake-16-mask { + @extend %with-mask, %handshake-16-svg-prop; + -webkit-mask-image: var(--handshake-16-svg); + mask-image: var(--handshake-16-svg); +} + +%with-handshake-24-icon { + @extend %with-icon, %handshake-24-svg-prop; + background-image: var(--handshake-24-svg); +} +%with-handshake-24-mask { + @extend %with-mask, %handshake-24-svg-prop; + -webkit-mask-image: var(--handshake-24-svg); + mask-image: var(--handshake-24-svg); +} + %with-hard-drive-16-icon { @extend %with-icon, %hard-drive-16-svg-prop; background-image: var(--hard-drive-16-svg); @@ -4638,6 +4918,86 @@ mask-image: var(--hash-24-svg); } +%with-hashicorp-16-icon { + @extend %with-icon, %hashicorp-16-svg-prop; + background-image: var(--hashicorp-16-svg); +} +%with-hashicorp-16-mask { + @extend %with-mask, %hashicorp-16-svg-prop; + -webkit-mask-image: var(--hashicorp-16-svg); + mask-image: var(--hashicorp-16-svg); +} + +%with-hashicorp-24-icon { + @extend %with-icon, %hashicorp-24-svg-prop; + background-image: var(--hashicorp-24-svg); +} +%with-hashicorp-24-mask { + @extend %with-mask, %hashicorp-24-svg-prop; + -webkit-mask-image: var(--hashicorp-24-svg); + mask-image: var(--hashicorp-24-svg); +} + +%with-hashicorp-color-16-icon { + @extend %with-icon, %hashicorp-color-16-svg-prop; + background-image: var(--hashicorp-color-16-svg); +} +%with-hashicorp-color-16-mask { + @extend %with-mask, %hashicorp-color-16-svg-prop; + -webkit-mask-image: var(--hashicorp-color-16-svg); + mask-image: var(--hashicorp-color-16-svg); +} + +%with-hashicorp-color-24-icon { + @extend %with-icon, %hashicorp-color-24-svg-prop; + background-image: var(--hashicorp-color-24-svg); +} +%with-hashicorp-color-24-mask { + @extend %with-mask, %hashicorp-color-24-svg-prop; + -webkit-mask-image: var(--hashicorp-color-24-svg); + mask-image: var(--hashicorp-color-24-svg); +} + +%with-hcp-16-icon { + @extend %with-icon, %hcp-16-svg-prop; + background-image: var(--hcp-16-svg); +} +%with-hcp-16-mask { + @extend %with-mask, %hcp-16-svg-prop; + -webkit-mask-image: var(--hcp-16-svg); + mask-image: var(--hcp-16-svg); +} + +%with-hcp-24-icon { + @extend %with-icon, %hcp-24-svg-prop; + background-image: var(--hcp-24-svg); +} +%with-hcp-24-mask { + @extend %with-mask, %hcp-24-svg-prop; + -webkit-mask-image: var(--hcp-24-svg); + mask-image: var(--hcp-24-svg); +} + +%with-hcp-color-16-icon { + @extend %with-icon, %hcp-color-16-svg-prop; + background-image: var(--hcp-color-16-svg); +} +%with-hcp-color-16-mask { + @extend %with-mask, %hcp-color-16-svg-prop; + -webkit-mask-image: var(--hcp-color-16-svg); + mask-image: var(--hcp-color-16-svg); +} + +%with-hcp-color-24-icon { + @extend %with-icon, %hcp-color-24-svg-prop; + background-image: var(--hcp-color-24-svg); +} +%with-hcp-color-24-mask { + @extend %with-mask, %hcp-color-24-svg-prop; + -webkit-mask-image: var(--hcp-color-24-svg); + mask-image: var(--hcp-color-24-svg); +} + %with-headphones-16-icon { @extend %with-icon, %headphones-16-svg-prop; background-image: var(--headphones-16-svg); @@ -4659,13 +5019,13 @@ } %with-health-icon { - @extend %with-icon, %health-svg-prop; - background-image: var(--health-svg); + @extend %with-icon, %activity-16-svg-prop; + background-image: var(--activity-16-svg); } %with-health-mask { - @extend %with-mask, %health-svg-prop; - -webkit-mask-image: var(--health-svg); - mask-image: var(--health-svg); + @extend %with-mask, %activity-16-svg-prop; + -webkit-mask-image: var(--activity-16-svg); + mask-image: var(--activity-16-svg); } %with-heart-16-icon { @@ -4749,23 +5109,23 @@ } %with-help-circle-fill-icon { - @extend %with-icon, %help-circle-fill-svg-prop; - background-image: var(--help-circle-fill-svg); + @extend %with-icon, %help-16-svg-prop; + background-image: var(--help-16-svg); } %with-help-circle-fill-mask { - @extend %with-mask, %help-circle-fill-svg-prop; - -webkit-mask-image: var(--help-circle-fill-svg); - mask-image: var(--help-circle-fill-svg); + @extend %with-mask, %help-16-svg-prop; + -webkit-mask-image: var(--help-16-svg); + mask-image: var(--help-16-svg); } %with-help-circle-outline-icon { - @extend %with-icon, %help-circle-outline-svg-prop; - background-image: var(--help-circle-outline-svg); + @extend %with-icon, %help-16-svg-prop; + background-image: var(--help-16-svg); } %with-help-circle-outline-mask { - @extend %with-mask, %help-circle-outline-svg-prop; - -webkit-mask-image: var(--help-circle-outline-svg); - mask-image: var(--help-circle-outline-svg); + @extend %with-mask, %help-16-svg-prop; + -webkit-mask-image: var(--help-16-svg); + mask-image: var(--help-16-svg); } %with-hexagon-16-icon { @@ -4829,13 +5189,13 @@ } %with-history-icon { - @extend %with-icon, %history-svg-prop; - background-image: var(--history-svg); + @extend %with-icon, %history-16-svg-prop; + background-image: var(--history-16-svg); } %with-history-mask { - @extend %with-mask, %history-svg-prop; - -webkit-mask-image: var(--history-svg); - mask-image: var(--history-svg); + @extend %with-mask, %history-16-svg-prop; + -webkit-mask-image: var(--history-16-svg); + mask-image: var(--history-16-svg); } %with-home-16-icon { @@ -4979,23 +5339,23 @@ } %with-info-circle-fill-icon { - @extend %with-icon, %info-circle-fill-svg-prop; - background-image: var(--info-circle-fill-svg); + @extend %with-icon, %info-16-svg-prop; + background-image: var(--info-16-svg); } %with-info-circle-fill-mask { - @extend %with-mask, %info-circle-fill-svg-prop; - -webkit-mask-image: var(--info-circle-fill-svg); - mask-image: var(--info-circle-fill-svg); + @extend %with-mask, %info-16-svg-prop; + -webkit-mask-image: var(--info-16-svg); + mask-image: var(--info-16-svg); } %with-info-circle-outline-icon { - @extend %with-icon, %info-circle-outline-svg-prop; - background-image: var(--info-circle-outline-svg); + @extend %with-icon, %info-16-svg-prop; + background-image: var(--info-16-svg); } %with-info-circle-outline-mask { - @extend %with-mask, %info-circle-outline-svg-prop; - -webkit-mask-image: var(--info-circle-outline-svg); - mask-image: var(--info-circle-outline-svg); + @extend %with-mask, %info-16-svg-prop; + -webkit-mask-image: var(--info-16-svg); + mask-image: var(--info-16-svg); } %with-jump-link-16-icon { @@ -5059,13 +5419,33 @@ } %with-key-icon { - @extend %with-icon, %key-svg-prop; - background-image: var(--key-svg); + @extend %with-icon, %key-16-svg-prop; + background-image: var(--key-16-svg); } %with-key-mask { - @extend %with-mask, %key-svg-prop; - -webkit-mask-image: var(--key-svg); - mask-image: var(--key-svg); + @extend %with-mask, %key-16-svg-prop; + -webkit-mask-image: var(--key-16-svg); + mask-image: var(--key-16-svg); +} + +%with-keychain-16-icon { + @extend %with-icon, %keychain-16-svg-prop; + background-image: var(--keychain-16-svg); +} +%with-keychain-16-mask { + @extend %with-mask, %keychain-16-svg-prop; + -webkit-mask-image: var(--keychain-16-svg); + mask-image: var(--keychain-16-svg); +} + +%with-keychain-24-icon { + @extend %with-icon, %keychain-24-svg-prop; + background-image: var(--keychain-24-svg); +} +%with-keychain-24-mask { + @extend %with-mask, %keychain-24-svg-prop; + -webkit-mask-image: var(--keychain-24-svg); + mask-image: var(--keychain-24-svg); } %with-kubernetes-16-icon { @@ -5149,13 +5529,13 @@ } %with-layers-icon { - @extend %with-icon, %layers-svg-prop; - background-image: var(--layers-svg); + @extend %with-icon, %layers-16-svg-prop; + background-image: var(--layers-16-svg); } %with-layers-mask { - @extend %with-mask, %layers-svg-prop; - -webkit-mask-image: var(--layers-svg); - mask-image: var(--layers-svg); + @extend %with-mask, %layers-16-svg-prop; + -webkit-mask-image: var(--layers-16-svg); + mask-image: var(--layers-16-svg); } %with-layout-16-icon { @@ -5219,13 +5599,13 @@ } %with-learn-icon { - @extend %with-icon, %learn-svg-prop; - background-image: var(--learn-svg); + @extend %with-icon, %learn-16-svg-prop; + background-image: var(--learn-16-svg); } %with-learn-mask { - @extend %with-mask, %learn-svg-prop; - -webkit-mask-image: var(--learn-svg); - mask-image: var(--learn-svg); + @extend %with-mask, %learn-16-svg-prop; + -webkit-mask-image: var(--learn-16-svg); + mask-image: var(--learn-16-svg); } %with-line-chart-16-icon { @@ -5289,13 +5669,53 @@ } %with-link-icon { - @extend %with-icon, %link-svg-prop; - background-image: var(--link-svg); + @extend %with-icon, %link-16-svg-prop; + background-image: var(--link-16-svg); } %with-link-mask { - @extend %with-mask, %link-svg-prop; - -webkit-mask-image: var(--link-svg); - mask-image: var(--link-svg); + @extend %with-mask, %link-16-svg-prop; + -webkit-mask-image: var(--link-16-svg); + mask-image: var(--link-16-svg); +} + +%with-linkedin-16-icon { + @extend %with-icon, %linkedin-16-svg-prop; + background-image: var(--linkedin-16-svg); +} +%with-linkedin-16-mask { + @extend %with-mask, %linkedin-16-svg-prop; + -webkit-mask-image: var(--linkedin-16-svg); + mask-image: var(--linkedin-16-svg); +} + +%with-linkedin-24-icon { + @extend %with-icon, %linkedin-24-svg-prop; + background-image: var(--linkedin-24-svg); +} +%with-linkedin-24-mask { + @extend %with-mask, %linkedin-24-svg-prop; + -webkit-mask-image: var(--linkedin-24-svg); + mask-image: var(--linkedin-24-svg); +} + +%with-linkedin-color-16-icon { + @extend %with-icon, %linkedin-color-16-svg-prop; + background-image: var(--linkedin-color-16-svg); +} +%with-linkedin-color-16-mask { + @extend %with-mask, %linkedin-color-16-svg-prop; + -webkit-mask-image: var(--linkedin-color-16-svg); + mask-image: var(--linkedin-color-16-svg); +} + +%with-linkedin-color-24-icon { + @extend %with-icon, %linkedin-color-24-svg-prop; + background-image: var(--linkedin-color-24-svg); +} +%with-linkedin-color-24-mask { + @extend %with-mask, %linkedin-color-24-svg-prop; + -webkit-mask-image: var(--linkedin-color-24-svg); + mask-image: var(--linkedin-color-24-svg); } %with-list-16-icon { @@ -5318,6 +5738,26 @@ mask-image: var(--list-24-svg); } +%with-load-balancer-16-icon { + @extend %with-icon, %load-balancer-16-svg-prop; + background-image: var(--load-balancer-16-svg); +} +%with-load-balancer-16-mask { + @extend %with-mask, %load-balancer-16-svg-prop; + -webkit-mask-image: var(--load-balancer-16-svg); + mask-image: var(--load-balancer-16-svg); +} + +%with-load-balancer-24-icon { + @extend %with-icon, %load-balancer-24-svg-prop; + background-image: var(--load-balancer-24-svg); +} +%with-load-balancer-24-mask { + @extend %with-mask, %load-balancer-24-svg-prop; + -webkit-mask-image: var(--load-balancer-24-svg); + mask-image: var(--load-balancer-24-svg); +} + %with-loading-icon { @extend %with-icon, %loading-svg-prop; background-image: var(--loading-svg); @@ -5349,43 +5789,43 @@ } %with-lock-closed-fill-icon { - @extend %with-icon, %lock-closed-fill-svg-prop; - background-image: var(--lock-closed-fill-svg); + @extend %with-icon, %lock-fill-16-svg-prop; + background-image: var(--lock-fill-16-svg); } %with-lock-closed-fill-mask { - @extend %with-mask, %lock-closed-fill-svg-prop; - -webkit-mask-image: var(--lock-closed-fill-svg); - mask-image: var(--lock-closed-fill-svg); + @extend %with-mask, %lock-fill-16-svg-prop; + -webkit-mask-image: var(--lock-fill-16-svg); + mask-image: var(--lock-fill-16-svg); } %with-lock-closed-outline-icon { - @extend %with-icon, %lock-closed-outline-svg-prop; - background-image: var(--lock-closed-outline-svg); + @extend %with-icon, %lock-16-svg-prop; + background-image: var(--lock-16-svg); } %with-lock-closed-outline-mask { - @extend %with-mask, %lock-closed-outline-svg-prop; - -webkit-mask-image: var(--lock-closed-outline-svg); - mask-image: var(--lock-closed-outline-svg); + @extend %with-mask, %lock-16-svg-prop; + -webkit-mask-image: var(--lock-16-svg); + mask-image: var(--lock-16-svg); } %with-lock-closed-icon { - @extend %with-icon, %lock-closed-svg-prop; - background-image: var(--lock-closed-svg); + @extend %with-icon, %lock-fill-16-svg-prop; + background-image: var(--lock-fill-16-svg); } %with-lock-closed-mask { - @extend %with-mask, %lock-closed-svg-prop; - -webkit-mask-image: var(--lock-closed-svg); - mask-image: var(--lock-closed-svg); + @extend %with-mask, %lock-fill-16-svg-prop; + -webkit-mask-image: var(--lock-fill-16-svg); + mask-image: var(--lock-fill-16-svg); } %with-lock-disabled-icon { - @extend %with-icon, %lock-disabled-svg-prop; - background-image: var(--lock-disabled-svg); + @extend %with-icon, %lock-off-16-svg-prop; + background-image: var(--lock-off-16-svg); } %with-lock-disabled-mask { - @extend %with-mask, %lock-disabled-svg-prop; - -webkit-mask-image: var(--lock-disabled-svg); - mask-image: var(--lock-disabled-svg); + @extend %with-mask, %lock-off-16-svg-prop; + -webkit-mask-image: var(--lock-off-16-svg); + mask-image: var(--lock-off-16-svg); } %with-lock-fill-16-icon { @@ -5429,133 +5869,133 @@ } %with-lock-open-icon { - @extend %with-icon, %lock-open-svg-prop; - background-image: var(--lock-open-svg); + @extend %with-icon, %unlock-16-svg-prop; + background-image: var(--unlock-16-svg); } %with-lock-open-mask { - @extend %with-mask, %lock-open-svg-prop; - -webkit-mask-image: var(--lock-open-svg); - mask-image: var(--lock-open-svg); + @extend %with-mask, %unlock-16-svg-prop; + -webkit-mask-image: var(--unlock-16-svg); + mask-image: var(--unlock-16-svg); } %with-logo-alicloud-color-icon { - @extend %with-icon, %logo-alicloud-color-svg-prop; - background-image: var(--logo-alicloud-color-svg); + @extend %with-icon, %alibaba-color-16-svg-prop; + background-image: var(--alibaba-color-16-svg); } %with-logo-alicloud-color-mask { - @extend %with-mask, %logo-alicloud-color-svg-prop; - -webkit-mask-image: var(--logo-alicloud-color-svg); - mask-image: var(--logo-alicloud-color-svg); + @extend %with-mask, %alibaba-color-16-svg-prop; + -webkit-mask-image: var(--alibaba-color-16-svg); + mask-image: var(--alibaba-color-16-svg); } %with-logo-alicloud-monochrome-icon { - @extend %with-icon, %logo-alicloud-monochrome-svg-prop; - background-image: var(--logo-alicloud-monochrome-svg); + @extend %with-icon, %alibaba-16-svg-prop; + background-image: var(--alibaba-16-svg); } %with-logo-alicloud-monochrome-mask { - @extend %with-mask, %logo-alicloud-monochrome-svg-prop; - -webkit-mask-image: var(--logo-alicloud-monochrome-svg); - mask-image: var(--logo-alicloud-monochrome-svg); + @extend %with-mask, %alibaba-16-svg-prop; + -webkit-mask-image: var(--alibaba-16-svg); + mask-image: var(--alibaba-16-svg); } %with-logo-auth0-color-icon { - @extend %with-icon, %logo-auth0-color-svg-prop; - background-image: var(--logo-auth0-color-svg); + @extend %with-icon, %auth0-color-16-svg-prop; + background-image: var(--auth0-color-16-svg); } %with-logo-auth0-color-mask { - @extend %with-mask, %logo-auth0-color-svg-prop; - -webkit-mask-image: var(--logo-auth0-color-svg); - mask-image: var(--logo-auth0-color-svg); + @extend %with-mask, %auth0-color-16-svg-prop; + -webkit-mask-image: var(--auth0-color-16-svg); + mask-image: var(--auth0-color-16-svg); } %with-logo-aws-color-icon { - @extend %with-icon, %logo-aws-color-svg-prop; - background-image: var(--logo-aws-color-svg); + @extend %with-icon, %aws-color-16-svg-prop; + background-image: var(--aws-color-16-svg); } %with-logo-aws-color-mask { - @extend %with-mask, %logo-aws-color-svg-prop; - -webkit-mask-image: var(--logo-aws-color-svg); - mask-image: var(--logo-aws-color-svg); + @extend %with-mask, %aws-color-16-svg-prop; + -webkit-mask-image: var(--aws-color-16-svg); + mask-image: var(--aws-color-16-svg); } %with-logo-aws-monochrome-icon { - @extend %with-icon, %logo-aws-monochrome-svg-prop; - background-image: var(--logo-aws-monochrome-svg); + @extend %with-icon, %aws-16-svg-prop; + background-image: var(--aws-16-svg); } %with-logo-aws-monochrome-mask { - @extend %with-mask, %logo-aws-monochrome-svg-prop; - -webkit-mask-image: var(--logo-aws-monochrome-svg); - mask-image: var(--logo-aws-monochrome-svg); + @extend %with-mask, %aws-16-svg-prop; + -webkit-mask-image: var(--aws-16-svg); + mask-image: var(--aws-16-svg); } %with-logo-azure-color-icon { - @extend %with-icon, %logo-azure-color-svg-prop; - background-image: var(--logo-azure-color-svg); + @extend %with-icon, %azure-color-16-svg-prop; + background-image: var(--azure-color-16-svg); } %with-logo-azure-color-mask { - @extend %with-mask, %logo-azure-color-svg-prop; - -webkit-mask-image: var(--logo-azure-color-svg); - mask-image: var(--logo-azure-color-svg); + @extend %with-mask, %azure-color-16-svg-prop; + -webkit-mask-image: var(--azure-color-16-svg); + mask-image: var(--azure-color-16-svg); } %with-logo-azure-dev-ops-color-icon { - @extend %with-icon, %logo-azure-dev-ops-color-svg-prop; - background-image: var(--logo-azure-dev-ops-color-svg); + @extend %with-icon, %azure-devops-color-16-svg-prop; + background-image: var(--azure-devops-color-16-svg); } %with-logo-azure-dev-ops-color-mask { - @extend %with-mask, %logo-azure-dev-ops-color-svg-prop; - -webkit-mask-image: var(--logo-azure-dev-ops-color-svg); - mask-image: var(--logo-azure-dev-ops-color-svg); + @extend %with-mask, %azure-devops-color-16-svg-prop; + -webkit-mask-image: var(--azure-devops-color-16-svg); + mask-image: var(--azure-devops-color-16-svg); } %with-logo-azure-dev-ops-monochrome-icon { - @extend %with-icon, %logo-azure-dev-ops-monochrome-svg-prop; - background-image: var(--logo-azure-dev-ops-monochrome-svg); + @extend %with-icon, %azure-devops-16-svg-prop; + background-image: var(--azure-devops-16-svg); } %with-logo-azure-dev-ops-monochrome-mask { - @extend %with-mask, %logo-azure-dev-ops-monochrome-svg-prop; - -webkit-mask-image: var(--logo-azure-dev-ops-monochrome-svg); - mask-image: var(--logo-azure-dev-ops-monochrome-svg); + @extend %with-mask, %azure-devops-16-svg-prop; + -webkit-mask-image: var(--azure-devops-16-svg); + mask-image: var(--azure-devops-16-svg); } %with-logo-azure-monochrome-icon { - @extend %with-icon, %logo-azure-monochrome-svg-prop; - background-image: var(--logo-azure-monochrome-svg); + @extend %with-icon, %azure-16-svg-prop; + background-image: var(--azure-16-svg); } %with-logo-azure-monochrome-mask { - @extend %with-mask, %logo-azure-monochrome-svg-prop; - -webkit-mask-image: var(--logo-azure-monochrome-svg); - mask-image: var(--logo-azure-monochrome-svg); + @extend %with-mask, %azure-16-svg-prop; + -webkit-mask-image: var(--azure-16-svg); + mask-image: var(--azure-16-svg); } %with-logo-bitbucket-color-icon { - @extend %with-icon, %logo-bitbucket-color-svg-prop; - background-image: var(--logo-bitbucket-color-svg); + @extend %with-icon, %bitbucket-color-16-svg-prop; + background-image: var(--bitbucket-color-16-svg); } %with-logo-bitbucket-color-mask { - @extend %with-mask, %logo-bitbucket-color-svg-prop; - -webkit-mask-image: var(--logo-bitbucket-color-svg); - mask-image: var(--logo-bitbucket-color-svg); + @extend %with-mask, %bitbucket-color-16-svg-prop; + -webkit-mask-image: var(--bitbucket-color-16-svg); + mask-image: var(--bitbucket-color-16-svg); } %with-logo-bitbucket-monochrome-icon { - @extend %with-icon, %logo-bitbucket-monochrome-svg-prop; - background-image: var(--logo-bitbucket-monochrome-svg); + @extend %with-icon, %bitbucket-16-svg-prop; + background-image: var(--bitbucket-16-svg); } %with-logo-bitbucket-monochrome-mask { - @extend %with-mask, %logo-bitbucket-monochrome-svg-prop; - -webkit-mask-image: var(--logo-bitbucket-monochrome-svg); - mask-image: var(--logo-bitbucket-monochrome-svg); + @extend %with-mask, %bitbucket-16-svg-prop; + -webkit-mask-image: var(--bitbucket-16-svg); + mask-image: var(--bitbucket-16-svg); } %with-logo-consul-color-icon { - @extend %with-icon, %logo-consul-color-svg-prop; - background-image: var(--logo-consul-color-svg); + @extend %with-icon, %consul-color-16-svg-prop; + background-image: var(--consul-color-16-svg); } %with-logo-consul-color-mask { - @extend %with-mask, %logo-consul-color-svg-prop; - -webkit-mask-image: var(--logo-consul-color-svg); - mask-image: var(--logo-consul-color-svg); + @extend %with-mask, %consul-color-16-svg-prop; + -webkit-mask-image: var(--consul-color-16-svg); + mask-image: var(--consul-color-16-svg); } %with-logo-ember-circle-color-icon { @@ -5569,63 +6009,63 @@ } %with-logo-gcp-color-icon { - @extend %with-icon, %logo-gcp-color-svg-prop; - background-image: var(--logo-gcp-color-svg); + @extend %with-icon, %gcp-color-16-svg-prop; + background-image: var(--gcp-color-16-svg); } %with-logo-gcp-color-mask { - @extend %with-mask, %logo-gcp-color-svg-prop; - -webkit-mask-image: var(--logo-gcp-color-svg); - mask-image: var(--logo-gcp-color-svg); + @extend %with-mask, %gcp-color-16-svg-prop; + -webkit-mask-image: var(--gcp-color-16-svg); + mask-image: var(--gcp-color-16-svg); } %with-logo-gcp-monochrome-icon { - @extend %with-icon, %logo-gcp-monochrome-svg-prop; - background-image: var(--logo-gcp-monochrome-svg); + @extend %with-icon, %gcp-16-svg-prop; + background-image: var(--gcp-16-svg); } %with-logo-gcp-monochrome-mask { - @extend %with-mask, %logo-gcp-monochrome-svg-prop; - -webkit-mask-image: var(--logo-gcp-monochrome-svg); - mask-image: var(--logo-gcp-monochrome-svg); + @extend %with-mask, %gcp-16-svg-prop; + -webkit-mask-image: var(--gcp-16-svg); + mask-image: var(--gcp-16-svg); } %with-logo-github-color-icon { - @extend %with-icon, %logo-github-color-svg-prop; - background-image: var(--logo-github-color-svg); + @extend %with-icon, %github-color-16-svg-prop; + background-image: var(--github-color-16-svg); } %with-logo-github-color-mask { - @extend %with-mask, %logo-github-color-svg-prop; - -webkit-mask-image: var(--logo-github-color-svg); - mask-image: var(--logo-github-color-svg); + @extend %with-mask, %github-color-16-svg-prop; + -webkit-mask-image: var(--github-color-16-svg); + mask-image: var(--github-color-16-svg); } %with-logo-github-monochrome-icon { - @extend %with-icon, %logo-github-monochrome-svg-prop; - background-image: var(--logo-github-monochrome-svg); + @extend %with-icon, %github-16-svg-prop; + background-image: var(--github-16-svg); } %with-logo-github-monochrome-mask { - @extend %with-mask, %logo-github-monochrome-svg-prop; - -webkit-mask-image: var(--logo-github-monochrome-svg); - mask-image: var(--logo-github-monochrome-svg); + @extend %with-mask, %github-16-svg-prop; + -webkit-mask-image: var(--github-16-svg); + mask-image: var(--github-16-svg); } %with-logo-gitlab-color-icon { - @extend %with-icon, %logo-gitlab-color-svg-prop; - background-image: var(--logo-gitlab-color-svg); + @extend %with-icon, %gitlab-color-16-svg-prop; + background-image: var(--gitlab-color-16-svg); } %with-logo-gitlab-color-mask { - @extend %with-mask, %logo-gitlab-color-svg-prop; - -webkit-mask-image: var(--logo-gitlab-color-svg); - mask-image: var(--logo-gitlab-color-svg); + @extend %with-mask, %gitlab-color-16-svg-prop; + -webkit-mask-image: var(--gitlab-color-16-svg); + mask-image: var(--gitlab-color-16-svg); } %with-logo-gitlab-monochrome-icon { - @extend %with-icon, %logo-gitlab-monochrome-svg-prop; - background-image: var(--logo-gitlab-monochrome-svg); + @extend %with-icon, %gitlab-16-svg-prop; + background-image: var(--gitlab-16-svg); } %with-logo-gitlab-monochrome-mask { - @extend %with-mask, %logo-gitlab-monochrome-svg-prop; - -webkit-mask-image: var(--logo-gitlab-monochrome-svg); - mask-image: var(--logo-gitlab-monochrome-svg); + @extend %with-mask, %gitlab-16-svg-prop; + -webkit-mask-image: var(--gitlab-16-svg); + mask-image: var(--gitlab-16-svg); } %with-logo-glimmer-color-icon { @@ -5639,23 +6079,23 @@ } %with-logo-google-color-icon { - @extend %with-icon, %logo-google-color-svg-prop; - background-image: var(--logo-google-color-svg); + @extend %with-icon, %google-color-16-svg-prop; + background-image: var(--google-color-16-svg); } %with-logo-google-color-mask { - @extend %with-mask, %logo-google-color-svg-prop; - -webkit-mask-image: var(--logo-google-color-svg); - mask-image: var(--logo-google-color-svg); + @extend %with-mask, %google-color-16-svg-prop; + -webkit-mask-image: var(--google-color-16-svg); + mask-image: var(--google-color-16-svg); } %with-logo-google-monochrome-icon { - @extend %with-icon, %logo-google-monochrome-svg-prop; - background-image: var(--logo-google-monochrome-svg); + @extend %with-icon, %google-16-svg-prop; + background-image: var(--google-16-svg); } %with-logo-google-monochrome-mask { - @extend %with-mask, %logo-google-monochrome-svg-prop; - -webkit-mask-image: var(--logo-google-monochrome-svg); - mask-image: var(--logo-google-monochrome-svg); + @extend %with-mask, %google-16-svg-prop; + -webkit-mask-image: var(--google-16-svg); + mask-image: var(--google-16-svg); } %with-logo-hashicorp-color-icon { @@ -5679,43 +6119,43 @@ } %with-logo-kubernetes-color-icon { - @extend %with-icon, %logo-kubernetes-color-svg-prop; - background-image: var(--logo-kubernetes-color-svg); + @extend %with-icon, %kubernetes-color-16-svg-prop; + background-image: var(--kubernetes-color-16-svg); } %with-logo-kubernetes-color-mask { - @extend %with-mask, %logo-kubernetes-color-svg-prop; - -webkit-mask-image: var(--logo-kubernetes-color-svg); - mask-image: var(--logo-kubernetes-color-svg); + @extend %with-mask, %kubernetes-color-16-svg-prop; + -webkit-mask-image: var(--kubernetes-color-16-svg); + mask-image: var(--kubernetes-color-16-svg); } %with-logo-kubernetes-monochrome-icon { - @extend %with-icon, %logo-kubernetes-monochrome-svg-prop; - background-image: var(--logo-kubernetes-monochrome-svg); + @extend %with-icon, %kubernetes-16-svg-prop; + background-image: var(--kubernetes-16-svg); } %with-logo-kubernetes-monochrome-mask { - @extend %with-mask, %logo-kubernetes-monochrome-svg-prop; - -webkit-mask-image: var(--logo-kubernetes-monochrome-svg); - mask-image: var(--logo-kubernetes-monochrome-svg); + @extend %with-mask, %kubernetes-16-svg-prop; + -webkit-mask-image: var(--kubernetes-16-svg); + mask-image: var(--kubernetes-16-svg); } %with-logo-microsoft-color-icon { - @extend %with-icon, %logo-microsoft-color-svg-prop; - background-image: var(--logo-microsoft-color-svg); + @extend %with-icon, %microsoft-color-16-svg-prop; + background-image: var(--microsoft-color-16-svg); } %with-logo-microsoft-color-mask { - @extend %with-mask, %logo-microsoft-color-svg-prop; - -webkit-mask-image: var(--logo-microsoft-color-svg); - mask-image: var(--logo-microsoft-color-svg); + @extend %with-mask, %microsoft-color-16-svg-prop; + -webkit-mask-image: var(--microsoft-color-16-svg); + mask-image: var(--microsoft-color-16-svg); } %with-logo-nomad-color-icon { - @extend %with-icon, %logo-nomad-color-svg-prop; - background-image: var(--logo-nomad-color-svg); + @extend %with-icon, %nomad-color-16-svg-prop; + background-image: var(--nomad-color-16-svg); } %with-logo-nomad-color-mask { - @extend %with-mask, %logo-nomad-color-svg-prop; - -webkit-mask-image: var(--logo-nomad-color-svg); - mask-image: var(--logo-nomad-color-svg); + @extend %with-mask, %nomad-color-16-svg-prop; + -webkit-mask-image: var(--nomad-color-16-svg); + mask-image: var(--nomad-color-16-svg); } %with-logo-oidc-color-icon { @@ -5729,63 +6169,63 @@ } %with-logo-okta-color-icon { - @extend %with-icon, %logo-okta-color-svg-prop; - background-image: var(--logo-okta-color-svg); + @extend %with-icon, %okta-color-16-svg-prop; + background-image: var(--okta-color-16-svg); } %with-logo-okta-color-mask { - @extend %with-mask, %logo-okta-color-svg-prop; - -webkit-mask-image: var(--logo-okta-color-svg); - mask-image: var(--logo-okta-color-svg); + @extend %with-mask, %okta-color-16-svg-prop; + -webkit-mask-image: var(--okta-color-16-svg); + mask-image: var(--okta-color-16-svg); } %with-logo-oracle-color-icon { - @extend %with-icon, %logo-oracle-color-svg-prop; - background-image: var(--logo-oracle-color-svg); + @extend %with-icon, %oracle-color-16-svg-prop; + background-image: var(--oracle-color-16-svg); } %with-logo-oracle-color-mask { - @extend %with-mask, %logo-oracle-color-svg-prop; - -webkit-mask-image: var(--logo-oracle-color-svg); - mask-image: var(--logo-oracle-color-svg); + @extend %with-mask, %oracle-color-16-svg-prop; + -webkit-mask-image: var(--oracle-color-16-svg); + mask-image: var(--oracle-color-16-svg); } %with-logo-oracle-monochrome-icon { - @extend %with-icon, %logo-oracle-monochrome-svg-prop; - background-image: var(--logo-oracle-monochrome-svg); + @extend %with-icon, %oracle-16-svg-prop; + background-image: var(--oracle-16-svg); } %with-logo-oracle-monochrome-mask { - @extend %with-mask, %logo-oracle-monochrome-svg-prop; - -webkit-mask-image: var(--logo-oracle-monochrome-svg); - mask-image: var(--logo-oracle-monochrome-svg); + @extend %with-mask, %oracle-16-svg-prop; + -webkit-mask-image: var(--oracle-16-svg); + mask-image: var(--oracle-16-svg); } %with-logo-slack-color-icon { - @extend %with-icon, %logo-slack-color-svg-prop; - background-image: var(--logo-slack-color-svg); + @extend %with-icon, %slack-color-16-svg-prop; + background-image: var(--slack-color-16-svg); } %with-logo-slack-color-mask { - @extend %with-mask, %logo-slack-color-svg-prop; - -webkit-mask-image: var(--logo-slack-color-svg); - mask-image: var(--logo-slack-color-svg); + @extend %with-mask, %slack-color-16-svg-prop; + -webkit-mask-image: var(--slack-color-16-svg); + mask-image: var(--slack-color-16-svg); } %with-logo-slack-monochrome-icon { - @extend %with-icon, %logo-slack-monochrome-svg-prop; - background-image: var(--logo-slack-monochrome-svg); + @extend %with-icon, %slack-16-svg-prop; + background-image: var(--slack-16-svg); } %with-logo-slack-monochrome-mask { - @extend %with-mask, %logo-slack-monochrome-svg-prop; - -webkit-mask-image: var(--logo-slack-monochrome-svg); - mask-image: var(--logo-slack-monochrome-svg); + @extend %with-mask, %slack-16-svg-prop; + -webkit-mask-image: var(--slack-16-svg); + mask-image: var(--slack-16-svg); } %with-logo-terraform-color-icon { - @extend %with-icon, %logo-terraform-color-svg-prop; - background-image: var(--logo-terraform-color-svg); + @extend %with-icon, %terraform-color-16-svg-prop; + background-image: var(--terraform-color-16-svg); } %with-logo-terraform-color-mask { - @extend %with-mask, %logo-terraform-color-svg-prop; - -webkit-mask-image: var(--logo-terraform-color-svg); - mask-image: var(--logo-terraform-color-svg); + @extend %with-mask, %terraform-color-16-svg-prop; + -webkit-mask-image: var(--terraform-color-16-svg); + mask-image: var(--terraform-color-16-svg); } %with-logo-vault-color-icon { @@ -5799,23 +6239,23 @@ } %with-logo-vmware-color-icon { - @extend %with-icon, %logo-vmware-color-svg-prop; - background-image: var(--logo-vmware-color-svg); + @extend %with-icon, %vmware-color-16-svg-prop; + background-image: var(--vmware-color-16-svg); } %with-logo-vmware-color-mask { - @extend %with-mask, %logo-vmware-color-svg-prop; - -webkit-mask-image: var(--logo-vmware-color-svg); - mask-image: var(--logo-vmware-color-svg); + @extend %with-mask, %vmware-color-16-svg-prop; + -webkit-mask-image: var(--vmware-color-16-svg); + mask-image: var(--vmware-color-16-svg); } %with-logo-vmware-monochrome-icon { - @extend %with-icon, %logo-vmware-monochrome-svg-prop; - background-image: var(--logo-vmware-monochrome-svg); + @extend %with-icon, %vmware-16-svg-prop; + background-image: var(--vmware-16-svg); } %with-logo-vmware-monochrome-mask { - @extend %with-mask, %logo-vmware-monochrome-svg-prop; - -webkit-mask-image: var(--logo-vmware-monochrome-svg); - mask-image: var(--logo-vmware-monochrome-svg); + @extend %with-mask, %vmware-16-svg-prop; + -webkit-mask-image: var(--vmware-16-svg); + mask-image: var(--vmware-16-svg); } %with-mail-16-icon { @@ -5858,6 +6298,26 @@ mask-image: var(--mail-open-24-svg); } +%with-mainframe-16-icon { + @extend %with-icon, %mainframe-16-svg-prop; + background-image: var(--mainframe-16-svg); +} +%with-mainframe-16-mask { + @extend %with-mask, %mainframe-16-svg-prop; + -webkit-mask-image: var(--mainframe-16-svg); + mask-image: var(--mainframe-16-svg); +} + +%with-mainframe-24-icon { + @extend %with-icon, %mainframe-24-svg-prop; + background-image: var(--mainframe-24-svg); +} +%with-mainframe-24-mask { + @extend %with-mask, %mainframe-24-svg-prop; + -webkit-mask-image: var(--mainframe-24-svg); + mask-image: var(--mainframe-24-svg); +} + %with-map-16-icon { @extend %with-icon, %map-16-svg-prop; background-image: var(--map-16-svg); @@ -5979,13 +6439,13 @@ } %with-menu-icon { - @extend %with-icon, %menu-svg-prop; - background-image: var(--menu-svg); + @extend %with-icon, %menu-16-svg-prop; + background-image: var(--menu-16-svg); } %with-menu-mask { - @extend %with-mask, %menu-svg-prop; - -webkit-mask-image: var(--menu-svg); - mask-image: var(--menu-svg); + @extend %with-mask, %menu-16-svg-prop; + -webkit-mask-image: var(--menu-16-svg); + mask-image: var(--menu-16-svg); } %with-mesh-16-icon { @@ -6009,13 +6469,13 @@ } %with-mesh-icon { - @extend %with-icon, %mesh-svg-prop; - background-image: var(--mesh-svg); + @extend %with-icon, %mesh-16-svg-prop; + background-image: var(--mesh-16-svg); } %with-mesh-mask { - @extend %with-mask, %mesh-svg-prop; - -webkit-mask-image: var(--mesh-svg); - mask-image: var(--mesh-svg); + @extend %with-mask, %mesh-16-svg-prop; + -webkit-mask-image: var(--mesh-16-svg); + mask-image: var(--mesh-16-svg); } %with-message-circle-16-icon { @@ -6099,13 +6559,13 @@ } %with-message-icon { - @extend %with-icon, %message-svg-prop; - background-image: var(--message-svg); + @extend %with-icon, %message-square-fill-16-svg-prop; + background-image: var(--message-square-fill-16-svg); } %with-message-mask { - @extend %with-mask, %message-svg-prop; - -webkit-mask-image: var(--message-svg); - mask-image: var(--message-svg); + @extend %with-mask, %message-square-fill-16-svg-prop; + -webkit-mask-image: var(--message-square-fill-16-svg); + mask-image: var(--message-square-fill-16-svg); } %with-mic-16-icon { @@ -6289,33 +6749,33 @@ } %with-minus-circle-fill-icon { - @extend %with-icon, %minus-circle-fill-svg-prop; - background-image: var(--minus-circle-fill-svg); + @extend %with-icon, %minus-circle-16-svg-prop; + background-image: var(--minus-circle-16-svg); } %with-minus-circle-fill-mask { - @extend %with-mask, %minus-circle-fill-svg-prop; - -webkit-mask-image: var(--minus-circle-fill-svg); - mask-image: var(--minus-circle-fill-svg); + @extend %with-mask, %minus-circle-16-svg-prop; + -webkit-mask-image: var(--minus-circle-16-svg); + mask-image: var(--minus-circle-16-svg); } %with-minus-circle-outline-icon { - @extend %with-icon, %minus-circle-outline-svg-prop; - background-image: var(--minus-circle-outline-svg); + @extend %with-icon, %minus-circle-16-svg-prop; + background-image: var(--minus-circle-16-svg); } %with-minus-circle-outline-mask { - @extend %with-mask, %minus-circle-outline-svg-prop; - -webkit-mask-image: var(--minus-circle-outline-svg); - mask-image: var(--minus-circle-outline-svg); + @extend %with-mask, %minus-circle-16-svg-prop; + -webkit-mask-image: var(--minus-circle-16-svg); + mask-image: var(--minus-circle-16-svg); } %with-minus-plain-icon { - @extend %with-icon, %minus-plain-svg-prop; - background-image: var(--minus-plain-svg); + @extend %with-icon, %minus-16-svg-prop; + background-image: var(--minus-16-svg); } %with-minus-plain-mask { - @extend %with-mask, %minus-plain-svg-prop; - -webkit-mask-image: var(--minus-plain-svg); - mask-image: var(--minus-plain-svg); + @extend %with-mask, %minus-16-svg-prop; + -webkit-mask-image: var(--minus-16-svg); + mask-image: var(--minus-16-svg); } %with-minus-plus-16-icon { @@ -6399,13 +6859,13 @@ } %with-minus-square-fill-icon { - @extend %with-icon, %minus-square-fill-svg-prop; - background-image: var(--minus-square-fill-svg); + @extend %with-icon, %minus-square-16-svg-prop; + background-image: var(--minus-square-16-svg); } %with-minus-square-fill-mask { - @extend %with-mask, %minus-square-fill-svg-prop; - -webkit-mask-image: var(--minus-square-fill-svg); - mask-image: var(--minus-square-fill-svg); + @extend %with-mask, %minus-square-16-svg-prop; + -webkit-mask-image: var(--minus-square-16-svg); + mask-image: var(--minus-square-16-svg); } %with-module-16-icon { @@ -6429,13 +6889,13 @@ } %with-module-icon { - @extend %with-icon, %module-svg-prop; - background-image: var(--module-svg); + @extend %with-icon, %module-16-svg-prop; + background-image: var(--module-16-svg); } %with-module-mask { - @extend %with-mask, %module-svg-prop; - -webkit-mask-image: var(--module-svg); - mask-image: var(--module-svg); + @extend %with-mask, %module-16-svg-prop; + -webkit-mask-image: var(--module-16-svg); + mask-image: var(--module-16-svg); } %with-monitor-16-icon { @@ -6499,13 +6959,13 @@ } %with-more-horizontal-icon { - @extend %with-icon, %more-horizontal-svg-prop; - background-image: var(--more-horizontal-svg); + @extend %with-icon, %more-horizontal-16-svg-prop; + background-image: var(--more-horizontal-16-svg); } %with-more-horizontal-mask { - @extend %with-mask, %more-horizontal-svg-prop; - -webkit-mask-image: var(--more-horizontal-svg); - mask-image: var(--more-horizontal-svg); + @extend %with-mask, %more-horizontal-16-svg-prop; + -webkit-mask-image: var(--more-horizontal-16-svg); + mask-image: var(--more-horizontal-16-svg); } %with-more-vertical-16-icon { @@ -6529,13 +6989,13 @@ } %with-more-vertical-icon { - @extend %with-icon, %more-vertical-svg-prop; - background-image: var(--more-vertical-svg); + @extend %with-icon, %more-vertical-16-svg-prop; + background-image: var(--more-vertical-16-svg); } %with-more-vertical-mask { - @extend %with-mask, %more-vertical-svg-prop; - -webkit-mask-image: var(--more-vertical-svg); - mask-image: var(--more-vertical-svg); + @extend %with-mask, %more-vertical-16-svg-prop; + -webkit-mask-image: var(--more-vertical-16-svg); + mask-image: var(--more-vertical-16-svg); } %with-mouse-pointer-16-icon { @@ -6718,34 +7178,74 @@ mask-image: var(--node-24-svg); } +%with-nomad-16-icon { + @extend %with-icon, %nomad-16-svg-prop; + background-image: var(--nomad-16-svg); +} +%with-nomad-16-mask { + @extend %with-mask, %nomad-16-svg-prop; + -webkit-mask-image: var(--nomad-16-svg); + mask-image: var(--nomad-16-svg); +} + +%with-nomad-24-icon { + @extend %with-icon, %nomad-24-svg-prop; + background-image: var(--nomad-24-svg); +} +%with-nomad-24-mask { + @extend %with-mask, %nomad-24-svg-prop; + -webkit-mask-image: var(--nomad-24-svg); + mask-image: var(--nomad-24-svg); +} + +%with-nomad-color-16-icon { + @extend %with-icon, %nomad-color-16-svg-prop; + background-image: var(--nomad-color-16-svg); +} +%with-nomad-color-16-mask { + @extend %with-mask, %nomad-color-16-svg-prop; + -webkit-mask-image: var(--nomad-color-16-svg); + mask-image: var(--nomad-color-16-svg); +} + +%with-nomad-color-24-icon { + @extend %with-icon, %nomad-color-24-svg-prop; + background-image: var(--nomad-color-24-svg); +} +%with-nomad-color-24-mask { + @extend %with-mask, %nomad-color-24-svg-prop; + -webkit-mask-image: var(--nomad-color-24-svg); + mask-image: var(--nomad-color-24-svg); +} + %with-notification-disabled-icon { - @extend %with-icon, %notification-disabled-svg-prop; - background-image: var(--notification-disabled-svg); + @extend %with-icon, %bell-off-16-svg-prop; + background-image: var(--bell-off-16-svg); } %with-notification-disabled-mask { - @extend %with-mask, %notification-disabled-svg-prop; - -webkit-mask-image: var(--notification-disabled-svg); - mask-image: var(--notification-disabled-svg); + @extend %with-mask, %bell-off-16-svg-prop; + -webkit-mask-image: var(--bell-off-16-svg); + mask-image: var(--bell-off-16-svg); } %with-notification-fill-icon { - @extend %with-icon, %notification-fill-svg-prop; - background-image: var(--notification-fill-svg); + @extend %with-icon, %bell-active-fill-16-svg-prop; + background-image: var(--bell-active-fill-16-svg); } %with-notification-fill-mask { - @extend %with-mask, %notification-fill-svg-prop; - -webkit-mask-image: var(--notification-fill-svg); - mask-image: var(--notification-fill-svg); + @extend %with-mask, %bell-active-fill-16-svg-prop; + -webkit-mask-image: var(--bell-active-fill-16-svg); + mask-image: var(--bell-active-fill-16-svg); } %with-notification-outline-icon { - @extend %with-icon, %notification-outline-svg-prop; - background-image: var(--notification-outline-svg); + @extend %with-icon, %bell-16-svg-prop; + background-image: var(--bell-16-svg); } %with-notification-outline-mask { - @extend %with-mask, %notification-outline-svg-prop; - -webkit-mask-image: var(--notification-outline-svg); - mask-image: var(--notification-outline-svg); + @extend %with-mask, %bell-16-svg-prop; + -webkit-mask-image: var(--bell-16-svg); + mask-image: var(--bell-16-svg); } %with-octagon-16-icon { @@ -6889,13 +7389,53 @@ } %with-outline-icon { - @extend %with-icon, %outline-svg-prop; - background-image: var(--outline-svg); + @extend %with-icon, %outline-16-svg-prop; + background-image: var(--outline-16-svg); } %with-outline-mask { - @extend %with-mask, %outline-svg-prop; - -webkit-mask-image: var(--outline-svg); - mask-image: var(--outline-svg); + @extend %with-mask, %outline-16-svg-prop; + -webkit-mask-image: var(--outline-16-svg); + mask-image: var(--outline-16-svg); +} + +%with-pack-16-icon { + @extend %with-icon, %pack-16-svg-prop; + background-image: var(--pack-16-svg); +} +%with-pack-16-mask { + @extend %with-mask, %pack-16-svg-prop; + -webkit-mask-image: var(--pack-16-svg); + mask-image: var(--pack-16-svg); +} + +%with-pack-24-icon { + @extend %with-icon, %pack-24-svg-prop; + background-image: var(--pack-24-svg); +} +%with-pack-24-mask { + @extend %with-mask, %pack-24-svg-prop; + -webkit-mask-image: var(--pack-24-svg); + mask-image: var(--pack-24-svg); +} + +%with-pack-color-16-icon { + @extend %with-icon, %pack-color-16-svg-prop; + background-image: var(--pack-color-16-svg); +} +%with-pack-color-16-mask { + @extend %with-mask, %pack-color-16-svg-prop; + -webkit-mask-image: var(--pack-color-16-svg); + mask-image: var(--pack-color-16-svg); +} + +%with-pack-color-24-icon { + @extend %with-icon, %pack-color-24-svg-prop; + background-image: var(--pack-color-24-svg); +} +%with-pack-color-24-mask { + @extend %with-mask, %pack-color-24-svg-prop; + -webkit-mask-image: var(--pack-color-24-svg); + mask-image: var(--pack-color-24-svg); } %with-package-16-icon { @@ -6918,14 +7458,54 @@ mask-image: var(--package-24-svg); } +%with-packer-16-icon { + @extend %with-icon, %packer-16-svg-prop; + background-image: var(--packer-16-svg); +} +%with-packer-16-mask { + @extend %with-mask, %packer-16-svg-prop; + -webkit-mask-image: var(--packer-16-svg); + mask-image: var(--packer-16-svg); +} + +%with-packer-24-icon { + @extend %with-icon, %packer-24-svg-prop; + background-image: var(--packer-24-svg); +} +%with-packer-24-mask { + @extend %with-mask, %packer-24-svg-prop; + -webkit-mask-image: var(--packer-24-svg); + mask-image: var(--packer-24-svg); +} + +%with-packer-color-16-icon { + @extend %with-icon, %packer-color-16-svg-prop; + background-image: var(--packer-color-16-svg); +} +%with-packer-color-16-mask { + @extend %with-mask, %packer-color-16-svg-prop; + -webkit-mask-image: var(--packer-color-16-svg); + mask-image: var(--packer-color-16-svg); +} + +%with-packer-color-24-icon { + @extend %with-icon, %packer-color-24-svg-prop; + background-image: var(--packer-color-24-svg); +} +%with-packer-color-24-mask { + @extend %with-mask, %packer-color-24-svg-prop; + -webkit-mask-image: var(--packer-color-24-svg); + mask-image: var(--packer-color-24-svg); +} + %with-page-outline-icon { - @extend %with-icon, %page-outline-svg-prop; - background-image: var(--page-outline-svg); + @extend %with-icon, %outline-16-svg-prop; + background-image: var(--outline-16-svg); } %with-page-outline-mask { - @extend %with-mask, %page-outline-svg-prop; - -webkit-mask-image: var(--page-outline-svg); - mask-image: var(--page-outline-svg); + @extend %with-mask, %outline-16-svg-prop; + -webkit-mask-image: var(--outline-16-svg); + mask-image: var(--outline-16-svg); } %with-paperclip-16-icon { @@ -6949,13 +7529,13 @@ } %with-partner-icon { - @extend %with-icon, %partner-svg-prop; - background-image: var(--partner-svg); + @extend %with-icon, %users-16-svg-prop; + background-image: var(--users-16-svg); } %with-partner-mask { - @extend %with-mask, %partner-svg-prop; - -webkit-mask-image: var(--partner-svg); - mask-image: var(--partner-svg); + @extend %with-mask, %users-16-svg-prop; + -webkit-mask-image: var(--users-16-svg); + mask-image: var(--users-16-svg); } %with-path-16-icon { @@ -6979,13 +7559,13 @@ } %with-path-icon { - @extend %with-icon, %path-svg-prop; - background-image: var(--path-svg); + @extend %with-icon, %path-16-svg-prop; + background-image: var(--path-16-svg); } %with-path-mask { - @extend %with-mask, %path-svg-prop; - -webkit-mask-image: var(--path-svg); - mask-image: var(--path-svg); + @extend %with-mask, %path-16-svg-prop; + -webkit-mask-image: var(--path-16-svg); + mask-image: var(--path-16-svg); } %with-pause-16-icon { @@ -7209,33 +7789,33 @@ } %with-play-fill-icon { - @extend %with-icon, %play-fill-svg-prop; - background-image: var(--play-fill-svg); + @extend %with-icon, %play-circle-16-svg-prop; + background-image: var(--play-circle-16-svg); } %with-play-fill-mask { - @extend %with-mask, %play-fill-svg-prop; - -webkit-mask-image: var(--play-fill-svg); - mask-image: var(--play-fill-svg); + @extend %with-mask, %play-circle-16-svg-prop; + -webkit-mask-image: var(--play-circle-16-svg); + mask-image: var(--play-circle-16-svg); } %with-play-outline-icon { - @extend %with-icon, %play-outline-svg-prop; - background-image: var(--play-outline-svg); + @extend %with-icon, %play-circle-16-svg-prop; + background-image: var(--play-circle-16-svg); } %with-play-outline-mask { - @extend %with-mask, %play-outline-svg-prop; - -webkit-mask-image: var(--play-outline-svg); - mask-image: var(--play-outline-svg); + @extend %with-mask, %play-circle-16-svg-prop; + -webkit-mask-image: var(--play-circle-16-svg); + mask-image: var(--play-circle-16-svg); } %with-play-plain-icon { - @extend %with-icon, %play-plain-svg-prop; - background-image: var(--play-plain-svg); + @extend %with-icon, %play-16-svg-prop; + background-image: var(--play-16-svg); } %with-play-plain-mask { - @extend %with-mask, %play-plain-svg-prop; - -webkit-mask-image: var(--play-plain-svg); - mask-image: var(--play-plain-svg); + @extend %with-mask, %play-16-svg-prop; + -webkit-mask-image: var(--play-16-svg); + mask-image: var(--play-16-svg); } %with-plus-16-icon { @@ -7279,33 +7859,33 @@ } %with-plus-circle-fill-icon { - @extend %with-icon, %plus-circle-fill-svg-prop; - background-image: var(--plus-circle-fill-svg); + @extend %with-icon, %plus-circle-16-svg-prop; + background-image: var(--plus-circle-16-svg); } %with-plus-circle-fill-mask { - @extend %with-mask, %plus-circle-fill-svg-prop; - -webkit-mask-image: var(--plus-circle-fill-svg); - mask-image: var(--plus-circle-fill-svg); + @extend %with-mask, %plus-circle-16-svg-prop; + -webkit-mask-image: var(--plus-circle-16-svg); + mask-image: var(--plus-circle-16-svg); } %with-plus-circle-outline-icon { - @extend %with-icon, %plus-circle-outline-svg-prop; - background-image: var(--plus-circle-outline-svg); + @extend %with-icon, %plus-circle-16-svg-prop; + background-image: var(--plus-circle-16-svg); } %with-plus-circle-outline-mask { - @extend %with-mask, %plus-circle-outline-svg-prop; - -webkit-mask-image: var(--plus-circle-outline-svg); - mask-image: var(--plus-circle-outline-svg); + @extend %with-mask, %plus-circle-16-svg-prop; + -webkit-mask-image: var(--plus-circle-16-svg); + mask-image: var(--plus-circle-16-svg); } %with-plus-plain-icon { - @extend %with-icon, %plus-plain-svg-prop; - background-image: var(--plus-plain-svg); + @extend %with-icon, %plus-16-svg-prop; + background-image: var(--plus-16-svg); } %with-plus-plain-mask { - @extend %with-mask, %plus-plain-svg-prop; - -webkit-mask-image: var(--plus-plain-svg); - mask-image: var(--plus-plain-svg); + @extend %with-mask, %plus-16-svg-prop; + -webkit-mask-image: var(--plus-16-svg); + mask-image: var(--plus-16-svg); } %with-plus-square-16-icon { @@ -7329,13 +7909,13 @@ } %with-plus-square-fill-icon { - @extend %with-icon, %plus-square-fill-svg-prop; - background-image: var(--plus-square-fill-svg); + @extend %with-icon, %plus-square-16-svg-prop; + background-image: var(--plus-square-16-svg); } %with-plus-square-fill-mask { - @extend %with-mask, %plus-square-fill-svg-prop; - -webkit-mask-image: var(--plus-square-fill-svg); - mask-image: var(--plus-square-fill-svg); + @extend %with-mask, %plus-square-16-svg-prop; + -webkit-mask-image: var(--plus-square-16-svg); + mask-image: var(--plus-square-16-svg); } %with-port-icon { @@ -7419,33 +7999,33 @@ } %with-provider-icon { - @extend %with-icon, %provider-svg-prop; - background-image: var(--provider-svg); + @extend %with-icon, %provider-16-svg-prop; + background-image: var(--provider-16-svg); } %with-provider-mask { - @extend %with-mask, %provider-svg-prop; - -webkit-mask-image: var(--provider-svg); - mask-image: var(--provider-svg); + @extend %with-mask, %provider-16-svg-prop; + -webkit-mask-image: var(--provider-16-svg); + mask-image: var(--provider-16-svg); } %with-public-default-icon { - @extend %with-icon, %public-default-svg-prop; - background-image: var(--public-default-svg); + @extend %with-icon, %globe-16-svg-prop; + background-image: var(--globe-16-svg); } %with-public-default-mask { - @extend %with-mask, %public-default-svg-prop; - -webkit-mask-image: var(--public-default-svg); - mask-image: var(--public-default-svg); + @extend %with-mask, %globe-16-svg-prop; + -webkit-mask-image: var(--globe-16-svg); + mask-image: var(--globe-16-svg); } %with-public-locked-icon { - @extend %with-icon, %public-locked-svg-prop; - background-image: var(--public-locked-svg); + @extend %with-icon, %globe-private-16-svg-prop; + background-image: var(--globe-private-16-svg); } %with-public-locked-mask { - @extend %with-mask, %public-locked-svg-prop; - -webkit-mask-image: var(--public-locked-svg); - mask-image: var(--public-locked-svg); + @extend %with-mask, %globe-private-16-svg-prop; + -webkit-mask-image: var(--globe-private-16-svg); + mask-image: var(--globe-private-16-svg); } %with-queue-16-icon { @@ -7469,13 +8049,13 @@ } %with-queue-icon { - @extend %with-icon, %queue-svg-prop; - background-image: var(--queue-svg); + @extend %with-icon, %queue-16-svg-prop; + background-image: var(--queue-16-svg); } %with-queue-mask { - @extend %with-mask, %queue-svg-prop; - -webkit-mask-image: var(--queue-svg); - mask-image: var(--queue-svg); + @extend %with-mask, %queue-16-svg-prop; + -webkit-mask-image: var(--queue-16-svg); + mask-image: var(--queue-16-svg); } %with-radio-16-icon { @@ -7499,23 +8079,23 @@ } %with-radio-button-checked-icon { - @extend %with-icon, %radio-button-checked-svg-prop; - background-image: var(--radio-button-checked-svg); + @extend %with-icon, %circle-dot-16-svg-prop; + background-image: var(--circle-dot-16-svg); } %with-radio-button-checked-mask { - @extend %with-mask, %radio-button-checked-svg-prop; - -webkit-mask-image: var(--radio-button-checked-svg); - mask-image: var(--radio-button-checked-svg); + @extend %with-mask, %circle-dot-16-svg-prop; + -webkit-mask-image: var(--circle-dot-16-svg); + mask-image: var(--circle-dot-16-svg); } %with-radio-button-unchecked-icon { - @extend %with-icon, %radio-button-unchecked-svg-prop; - background-image: var(--radio-button-unchecked-svg); + @extend %with-icon, %circle-16-svg-prop; + background-image: var(--circle-16-svg); } %with-radio-button-unchecked-mask { - @extend %with-mask, %radio-button-unchecked-svg-prop; - -webkit-mask-image: var(--radio-button-unchecked-svg); - mask-image: var(--radio-button-unchecked-svg); + @extend %with-mask, %circle-16-svg-prop; + -webkit-mask-image: var(--circle-16-svg); + mask-image: var(--circle-16-svg); } %with-random-16-icon { @@ -7539,13 +8119,13 @@ } %with-random-icon { - @extend %with-icon, %random-svg-prop; - background-image: var(--random-svg); + @extend %with-icon, %random-16-svg-prop; + background-image: var(--random-16-svg); } %with-random-mask { - @extend %with-mask, %random-svg-prop; - -webkit-mask-image: var(--random-svg); - mask-image: var(--random-svg); + @extend %with-mask, %random-16-svg-prop; + -webkit-mask-image: var(--random-16-svg); + mask-image: var(--random-16-svg); } %with-redirect-16-icon { @@ -7569,33 +8149,33 @@ } %with-redirect-icon { - @extend %with-icon, %redirect-svg-prop; - background-image: var(--redirect-svg); + @extend %with-icon, %redirect-16-svg-prop; + background-image: var(--redirect-16-svg); } %with-redirect-mask { - @extend %with-mask, %redirect-svg-prop; - -webkit-mask-image: var(--redirect-svg); - mask-image: var(--redirect-svg); + @extend %with-mask, %redirect-16-svg-prop; + -webkit-mask-image: var(--redirect-16-svg); + mask-image: var(--redirect-16-svg); } %with-refresh-alert-icon { - @extend %with-icon, %refresh-alert-svg-prop; - background-image: var(--refresh-alert-svg); + @extend %with-icon, %sync-alert-16-svg-prop; + background-image: var(--sync-alert-16-svg); } %with-refresh-alert-mask { - @extend %with-mask, %refresh-alert-svg-prop; - -webkit-mask-image: var(--refresh-alert-svg); - mask-image: var(--refresh-alert-svg); + @extend %with-mask, %sync-alert-16-svg-prop; + -webkit-mask-image: var(--sync-alert-16-svg); + mask-image: var(--sync-alert-16-svg); } %with-refresh-default-icon { - @extend %with-icon, %refresh-default-svg-prop; - background-image: var(--refresh-default-svg); + @extend %with-icon, %sync-16-svg-prop; + background-image: var(--sync-16-svg); } %with-refresh-default-mask { - @extend %with-mask, %refresh-default-svg-prop; - -webkit-mask-image: var(--refresh-default-svg); - mask-image: var(--refresh-default-svg); + @extend %with-mask, %sync-16-svg-prop; + -webkit-mask-image: var(--sync-16-svg); + mask-image: var(--sync-16-svg); } %with-reload-16-icon { @@ -7619,13 +8199,13 @@ } %with-remix-icon { - @extend %with-icon, %remix-svg-prop; - background-image: var(--remix-svg); + @extend %with-icon, %shuffle-16-svg-prop; + background-image: var(--shuffle-16-svg); } %with-remix-mask { - @extend %with-mask, %remix-svg-prop; - -webkit-mask-image: var(--remix-svg); - mask-image: var(--remix-svg); + @extend %with-mask, %shuffle-16-svg-prop; + -webkit-mask-image: var(--shuffle-16-svg); + mask-image: var(--shuffle-16-svg); } %with-repeat-16-icon { @@ -7709,13 +8289,13 @@ } %with-ribbon-icon { - @extend %with-icon, %ribbon-svg-prop; - background-image: var(--ribbon-svg); + @extend %with-icon, %award-16-svg-prop; + background-image: var(--award-16-svg); } %with-ribbon-mask { - @extend %with-mask, %ribbon-svg-prop; - -webkit-mask-image: var(--ribbon-svg); - mask-image: var(--ribbon-svg); + @extend %with-mask, %award-16-svg-prop; + -webkit-mask-image: var(--award-16-svg); + mask-image: var(--award-16-svg); } %with-rocket-16-icon { @@ -7879,13 +8459,13 @@ } %with-search-icon { - @extend %with-icon, %search-svg-prop; - background-image: var(--search-svg); + @extend %with-icon, %search-16-svg-prop; + background-image: var(--search-16-svg); } %with-search-mask { - @extend %with-mask, %search-svg-prop; - -webkit-mask-image: var(--search-svg); - mask-image: var(--search-svg); + @extend %with-mask, %search-16-svg-prop; + -webkit-mask-image: var(--search-16-svg); + mask-image: var(--search-16-svg); } %with-send-16-icon { @@ -7989,13 +8569,13 @@ } %with-settings-icon { - @extend %with-icon, %settings-svg-prop; - background-image: var(--settings-svg); + @extend %with-icon, %settings-16-svg-prop; + background-image: var(--settings-16-svg); } %with-settings-mask { - @extend %with-mask, %settings-svg-prop; - -webkit-mask-image: var(--settings-svg); - mask-image: var(--settings-svg); + @extend %with-mask, %settings-16-svg-prop; + -webkit-mask-image: var(--settings-16-svg); + mask-image: var(--settings-16-svg); } %with-share-16-icon { @@ -8549,23 +9129,23 @@ } %with-sort-icon { - @extend %with-icon, %sort-svg-prop; - background-image: var(--sort-svg); + @extend %with-icon, %sort-desc-16-svg-prop; + background-image: var(--sort-desc-16-svg); } %with-sort-mask { - @extend %with-mask, %sort-svg-prop; - -webkit-mask-image: var(--sort-svg); - mask-image: var(--sort-svg); + @extend %with-mask, %sort-desc-16-svg-prop; + -webkit-mask-image: var(--sort-desc-16-svg); + mask-image: var(--sort-desc-16-svg); } %with-source-file-icon { - @extend %with-icon, %source-file-svg-prop; - background-image: var(--source-file-svg); + @extend %with-icon, %file-source-16-svg-prop; + background-image: var(--file-source-16-svg); } %with-source-file-mask { - @extend %with-mask, %source-file-svg-prop; - -webkit-mask-image: var(--source-file-svg); - mask-image: var(--source-file-svg); + @extend %with-mask, %file-source-16-svg-prop; + -webkit-mask-image: var(--file-source-16-svg); + mask-image: var(--file-source-16-svg); } %with-speaker-16-icon { @@ -8689,13 +9269,13 @@ } %with-star-fill-icon { - @extend %with-icon, %star-fill-svg-prop; - background-image: var(--star-fill-svg); + @extend %with-icon, %star-fill-16-svg-prop; + background-image: var(--star-fill-16-svg); } %with-star-fill-mask { - @extend %with-mask, %star-fill-svg-prop; - -webkit-mask-image: var(--star-fill-svg); - mask-image: var(--star-fill-svg); + @extend %with-mask, %star-fill-16-svg-prop; + -webkit-mask-image: var(--star-fill-16-svg); + mask-image: var(--star-fill-16-svg); } %with-star-off-16-icon { @@ -8719,13 +9299,13 @@ } %with-star-outline-icon { - @extend %with-icon, %star-outline-svg-prop; - background-image: var(--star-outline-svg); + @extend %with-icon, %star-16-svg-prop; + background-image: var(--star-16-svg); } %with-star-outline-mask { - @extend %with-mask, %star-outline-svg-prop; - -webkit-mask-image: var(--star-outline-svg); - mask-image: var(--star-outline-svg); + @extend %with-mask, %star-16-svg-prop; + -webkit-mask-image: var(--star-16-svg); + mask-image: var(--star-16-svg); } %with-stop-circle-16-icon { @@ -8749,23 +9329,23 @@ } %with-sub-left-icon { - @extend %with-icon, %sub-left-svg-prop; - background-image: var(--sub-left-svg); + @extend %with-icon, %corner-down-left-16-svg-prop; + background-image: var(--corner-down-left-16-svg); } %with-sub-left-mask { - @extend %with-mask, %sub-left-svg-prop; - -webkit-mask-image: var(--sub-left-svg); - mask-image: var(--sub-left-svg); + @extend %with-mask, %corner-down-left-16-svg-prop; + -webkit-mask-image: var(--corner-down-left-16-svg); + mask-image: var(--corner-down-left-16-svg); } %with-sub-right-icon { - @extend %with-icon, %sub-right-svg-prop; - background-image: var(--sub-right-svg); + @extend %with-icon, %corner-down-right-16-svg-prop; + background-image: var(--corner-down-right-16-svg); } %with-sub-right-mask { - @extend %with-mask, %sub-right-svg-prop; - -webkit-mask-image: var(--sub-right-svg); - mask-image: var(--sub-right-svg); + @extend %with-mask, %corner-down-right-16-svg-prop; + -webkit-mask-image: var(--corner-down-right-16-svg); + mask-image: var(--corner-down-right-16-svg); } %with-sun-16-icon { @@ -8809,13 +9389,13 @@ } %with-support-icon { - @extend %with-icon, %support-svg-prop; - background-image: var(--support-svg); + @extend %with-icon, %support-16-svg-prop; + background-image: var(--support-16-svg); } %with-support-mask { - @extend %with-mask, %support-svg-prop; - -webkit-mask-image: var(--support-svg); - mask-image: var(--support-svg); + @extend %with-mask, %support-16-svg-prop; + -webkit-mask-image: var(--support-16-svg); + mask-image: var(--support-16-svg); } %with-swap-horizontal-16-icon { @@ -8839,13 +9419,13 @@ } %with-swap-horizontal-icon { - @extend %with-icon, %swap-horizontal-svg-prop; - background-image: var(--swap-horizontal-svg); + @extend %with-icon, %swap-horizontal-16-svg-prop; + background-image: var(--swap-horizontal-16-svg); } %with-swap-horizontal-mask { - @extend %with-mask, %swap-horizontal-svg-prop; - -webkit-mask-image: var(--swap-horizontal-svg); - mask-image: var(--swap-horizontal-svg); + @extend %with-mask, %swap-horizontal-16-svg-prop; + -webkit-mask-image: var(--swap-horizontal-16-svg); + mask-image: var(--swap-horizontal-16-svg); } %with-swap-vertical-16-icon { @@ -8869,13 +9449,13 @@ } %with-swap-vertical-icon { - @extend %with-icon, %swap-vertical-svg-prop; - background-image: var(--swap-vertical-svg); + @extend %with-icon, %swap-vertical-16-svg-prop; + background-image: var(--swap-vertical-16-svg); } %with-swap-vertical-mask { - @extend %with-mask, %swap-vertical-svg-prop; - -webkit-mask-image: var(--swap-vertical-svg); - mask-image: var(--swap-vertical-svg); + @extend %with-mask, %swap-vertical-16-svg-prop; + -webkit-mask-image: var(--swap-vertical-16-svg); + mask-image: var(--swap-vertical-16-svg); } %with-switcher-16-icon { @@ -8999,13 +9579,13 @@ } %with-tag-icon { - @extend %with-icon, %tag-svg-prop; - background-image: var(--tag-svg); + @extend %with-icon, %tag-16-svg-prop; + background-image: var(--tag-16-svg); } %with-tag-mask { - @extend %with-mask, %tag-svg-prop; - -webkit-mask-image: var(--tag-svg); - mask-image: var(--tag-svg); + @extend %with-mask, %tag-16-svg-prop; + -webkit-mask-image: var(--tag-16-svg); + mask-image: var(--tag-16-svg); } %with-target-16-icon { @@ -9068,6 +9648,46 @@ mask-image: var(--terminal-screen-24-svg); } +%with-terraform-16-icon { + @extend %with-icon, %terraform-16-svg-prop; + background-image: var(--terraform-16-svg); +} +%with-terraform-16-mask { + @extend %with-mask, %terraform-16-svg-prop; + -webkit-mask-image: var(--terraform-16-svg); + mask-image: var(--terraform-16-svg); +} + +%with-terraform-24-icon { + @extend %with-icon, %terraform-24-svg-prop; + background-image: var(--terraform-24-svg); +} +%with-terraform-24-mask { + @extend %with-mask, %terraform-24-svg-prop; + -webkit-mask-image: var(--terraform-24-svg); + mask-image: var(--terraform-24-svg); +} + +%with-terraform-color-16-icon { + @extend %with-icon, %terraform-color-16-svg-prop; + background-image: var(--terraform-color-16-svg); +} +%with-terraform-color-16-mask { + @extend %with-mask, %terraform-color-16-svg-prop; + -webkit-mask-image: var(--terraform-color-16-svg); + mask-image: var(--terraform-color-16-svg); +} + +%with-terraform-color-24-icon { + @extend %with-icon, %terraform-color-24-svg-prop; + background-image: var(--terraform-color-24-svg); +} +%with-terraform-color-24-mask { + @extend %with-mask, %terraform-color-24-svg-prop; + -webkit-mask-image: var(--terraform-color-24-svg); + mask-image: var(--terraform-color-24-svg); +} + %with-thumbs-down-16-icon { @extend %with-icon, %thumbs-down-16-svg-prop; background-image: var(--thumbs-down-16-svg); @@ -9229,13 +9849,13 @@ } %with-trash-icon { - @extend %with-icon, %trash-svg-prop; - background-image: var(--trash-svg); + @extend %with-icon, %trash-16-svg-prop; + background-image: var(--trash-16-svg); } %with-trash-mask { - @extend %with-mask, %trash-svg-prop; - -webkit-mask-image: var(--trash-svg); - mask-image: var(--trash-svg); + @extend %with-mask, %trash-16-svg-prop; + -webkit-mask-image: var(--trash-16-svg); + mask-image: var(--trash-16-svg); } %with-trend-down-16-icon { @@ -9339,13 +9959,13 @@ } %with-tune-icon { - @extend %with-icon, %tune-svg-prop; - background-image: var(--tune-svg); + @extend %with-icon, %sliders-16-svg-prop; + background-image: var(--sliders-16-svg); } %with-tune-mask { - @extend %with-mask, %tune-svg-prop; - -webkit-mask-image: var(--tune-svg); - mask-image: var(--tune-svg); + @extend %with-mask, %sliders-16-svg-prop; + -webkit-mask-image: var(--sliders-16-svg); + mask-image: var(--sliders-16-svg); } %with-tv-16-icon { @@ -9368,6 +9988,86 @@ mask-image: var(--tv-24-svg); } +%with-twitch-16-icon { + @extend %with-icon, %twitch-16-svg-prop; + background-image: var(--twitch-16-svg); +} +%with-twitch-16-mask { + @extend %with-mask, %twitch-16-svg-prop; + -webkit-mask-image: var(--twitch-16-svg); + mask-image: var(--twitch-16-svg); +} + +%with-twitch-24-icon { + @extend %with-icon, %twitch-24-svg-prop; + background-image: var(--twitch-24-svg); +} +%with-twitch-24-mask { + @extend %with-mask, %twitch-24-svg-prop; + -webkit-mask-image: var(--twitch-24-svg); + mask-image: var(--twitch-24-svg); +} + +%with-twitch-color-16-icon { + @extend %with-icon, %twitch-color-16-svg-prop; + background-image: var(--twitch-color-16-svg); +} +%with-twitch-color-16-mask { + @extend %with-mask, %twitch-color-16-svg-prop; + -webkit-mask-image: var(--twitch-color-16-svg); + mask-image: var(--twitch-color-16-svg); +} + +%with-twitch-color-24-icon { + @extend %with-icon, %twitch-color-24-svg-prop; + background-image: var(--twitch-color-24-svg); +} +%with-twitch-color-24-mask { + @extend %with-mask, %twitch-color-24-svg-prop; + -webkit-mask-image: var(--twitch-color-24-svg); + mask-image: var(--twitch-color-24-svg); +} + +%with-twitter-16-icon { + @extend %with-icon, %twitter-16-svg-prop; + background-image: var(--twitter-16-svg); +} +%with-twitter-16-mask { + @extend %with-mask, %twitter-16-svg-prop; + -webkit-mask-image: var(--twitter-16-svg); + mask-image: var(--twitter-16-svg); +} + +%with-twitter-24-icon { + @extend %with-icon, %twitter-24-svg-prop; + background-image: var(--twitter-24-svg); +} +%with-twitter-24-mask { + @extend %with-mask, %twitter-24-svg-prop; + -webkit-mask-image: var(--twitter-24-svg); + mask-image: var(--twitter-24-svg); +} + +%with-twitter-color-16-icon { + @extend %with-icon, %twitter-color-16-svg-prop; + background-image: var(--twitter-color-16-svg); +} +%with-twitter-color-16-mask { + @extend %with-mask, %twitter-color-16-svg-prop; + -webkit-mask-image: var(--twitter-color-16-svg); + mask-image: var(--twitter-color-16-svg); +} + +%with-twitter-color-24-icon { + @extend %with-icon, %twitter-color-24-svg-prop; + background-image: var(--twitter-color-24-svg); +} +%with-twitter-color-24-mask { + @extend %with-mask, %twitter-color-24-svg-prop; + -webkit-mask-image: var(--twitter-color-24-svg); + mask-image: var(--twitter-color-24-svg); +} + %with-type-16-icon { @extend %with-icon, %type-16-svg-prop; background-image: var(--type-16-svg); @@ -9409,23 +10109,23 @@ } %with-unfold-less-icon { - @extend %with-icon, %unfold-less-svg-prop; - background-image: var(--unfold-less-svg); + @extend %with-icon, %unfold-close-16-svg-prop; + background-image: var(--unfold-close-16-svg); } %with-unfold-less-mask { - @extend %with-mask, %unfold-less-svg-prop; - -webkit-mask-image: var(--unfold-less-svg); - mask-image: var(--unfold-less-svg); + @extend %with-mask, %unfold-close-16-svg-prop; + -webkit-mask-image: var(--unfold-close-16-svg); + mask-image: var(--unfold-close-16-svg); } %with-unfold-more-icon { - @extend %with-icon, %unfold-more-svg-prop; - background-image: var(--unfold-more-svg); + @extend %with-icon, %unfold-open-16-svg-prop; + background-image: var(--unfold-open-16-svg); } %with-unfold-more-mask { - @extend %with-mask, %unfold-more-svg-prop; - -webkit-mask-image: var(--unfold-more-svg); - mask-image: var(--unfold-more-svg); + @extend %with-mask, %unfold-open-16-svg-prop; + -webkit-mask-image: var(--unfold-open-16-svg); + mask-image: var(--unfold-open-16-svg); } %with-unfold-open-16-icon { @@ -9449,11 +10149,11 @@ } %with-union-icon { - @extend %with-icon, %union-svg; + @extend %with-icon, %union-svg-prop; background-image: var(--union-svg); } %with-union-mask { - @extend %with-mask, %union-svg; + @extend %with-mask, %union-svg-prop; -webkit-mask-image: var(--union-svg); mask-image: var(--union-svg); } @@ -9499,13 +10199,13 @@ } %with-upload-icon { - @extend %with-icon, %upload-svg-prop; - background-image: var(--upload-svg); + @extend %with-icon, %upload-16-svg-prop; + background-image: var(--upload-16-svg); } %with-upload-mask { - @extend %with-mask, %upload-svg-prop; - -webkit-mask-image: var(--upload-svg); - mask-image: var(--upload-svg); + @extend %with-mask, %upload-16-svg-prop; + -webkit-mask-image: var(--upload-16-svg); + mask-image: var(--upload-16-svg); } %with-user-16-icon { @@ -9529,13 +10229,13 @@ } %with-user-add-icon { - @extend %with-icon, %user-add-svg-prop; - background-image: var(--user-add-svg); + @extend %with-icon, %user-plus-16-svg-prop; + background-image: var(--user-plus-16-svg); } %with-user-add-mask { - @extend %with-mask, %user-add-svg-prop; - -webkit-mask-image: var(--user-add-svg); - mask-image: var(--user-add-svg); + @extend %with-mask, %user-plus-16-svg-prop; + -webkit-mask-image: var(--user-plus-16-svg); + mask-image: var(--user-plus-16-svg); } %with-user-check-16-icon { @@ -9619,23 +10319,23 @@ } %with-user-organization-icon { - @extend %with-icon, %user-organization-svg-prop; - background-image: var(--user-organization-svg); + @extend %with-icon, %org-16-svg-prop; + background-image: var(--org-16-svg); } %with-user-organization-mask { - @extend %with-mask, %user-organization-svg-prop; - -webkit-mask-image: var(--user-organization-svg); - mask-image: var(--user-organization-svg); + @extend %with-mask, %org-16-svg-prop; + -webkit-mask-image: var(--org-16-svg); + mask-image: var(--org-16-svg); } %with-user-plain-icon { - @extend %with-icon, %user-plain-svg-prop; - background-image: var(--user-plain-svg); + @extend %with-icon, %user-16-svg-prop; + background-image: var(--user-16-svg); } %with-user-plain-mask { - @extend %with-mask, %user-plain-svg-prop; - -webkit-mask-image: var(--user-plain-svg); - mask-image: var(--user-plain-svg); + @extend %with-mask, %user-16-svg-prop; + -webkit-mask-image: var(--user-16-svg); + mask-image: var(--user-16-svg); } %with-user-plus-16-icon { @@ -9659,33 +10359,33 @@ } %with-user-square-fill-icon { - @extend %with-icon, %user-square-fill-svg-prop; - background-image: var(--user-square-fill-svg); + @extend %with-icon, %user-circle-fill-16-svg-prop; + background-image: var(--user-circle-fill-16-svg); } %with-user-square-fill-mask { - @extend %with-mask, %user-square-fill-svg-prop; - -webkit-mask-image: var(--user-square-fill-svg); - mask-image: var(--user-square-fill-svg); + @extend %with-mask, %user-circle-fill-16-svg-prop; + -webkit-mask-image: var(--user-circle-fill-16-svg); + mask-image: var(--user-circle-fill-16-svg); } %with-user-square-outline-icon { - @extend %with-icon, %user-square-outline-svg-prop; - background-image: var(--user-square-outline-svg); + @extend %with-icon, %user-circle-16-svg-prop; + background-image: var(--user-circle-16-svg); } %with-user-square-outline-mask { - @extend %with-mask, %user-square-outline-svg-prop; - -webkit-mask-image: var(--user-square-outline-svg); - mask-image: var(--user-square-outline-svg); + @extend %with-mask, %user-circle-16-svg-prop; + -webkit-mask-image: var(--user-circle-16-svg); + mask-image: var(--user-circle-16-svg); } %with-user-team-icon { - @extend %with-icon, %user-team-svg-prop; - background-image: var(--user-team-svg); + @extend %with-icon, %users-16-svg-prop; + background-image: var(--users-16-svg); } %with-user-team-mask { - @extend %with-mask, %user-team-svg-prop; - -webkit-mask-image: var(--user-team-svg); - mask-image: var(--user-team-svg); + @extend %with-mask, %users-16-svg-prop; + -webkit-mask-image: var(--users-16-svg); + mask-image: var(--users-16-svg); } %with-user-x-16-icon { @@ -9728,6 +10428,46 @@ mask-image: var(--users-24-svg); } +%with-vagrant-16-icon { + @extend %with-icon, %vagrant-16-svg-prop; + background-image: var(--vagrant-16-svg); +} +%with-vagrant-16-mask { + @extend %with-mask, %vagrant-16-svg-prop; + -webkit-mask-image: var(--vagrant-16-svg); + mask-image: var(--vagrant-16-svg); +} + +%with-vagrant-24-icon { + @extend %with-icon, %vagrant-24-svg-prop; + background-image: var(--vagrant-24-svg); +} +%with-vagrant-24-mask { + @extend %with-mask, %vagrant-24-svg-prop; + -webkit-mask-image: var(--vagrant-24-svg); + mask-image: var(--vagrant-24-svg); +} + +%with-vagrant-color-16-icon { + @extend %with-icon, %vagrant-color-16-svg-prop; + background-image: var(--vagrant-color-16-svg); +} +%with-vagrant-color-16-mask { + @extend %with-mask, %vagrant-color-16-svg-prop; + -webkit-mask-image: var(--vagrant-color-16-svg); + mask-image: var(--vagrant-color-16-svg); +} + +%with-vagrant-color-24-icon { + @extend %with-icon, %vagrant-color-24-svg-prop; + background-image: var(--vagrant-color-24-svg); +} +%with-vagrant-color-24-mask { + @extend %with-mask, %vagrant-color-24-svg-prop; + -webkit-mask-image: var(--vagrant-color-24-svg); + mask-image: var(--vagrant-color-24-svg); +} + %with-vault-16-icon { @extend %with-icon, %vault-16-svg-prop; background-image: var(--vault-16-svg); @@ -9748,6 +10488,26 @@ mask-image: var(--vault-24-svg); } +%with-vault-color-16-icon { + @extend %with-icon, %vault-color-16-svg-prop; + background-image: var(--vault-color-16-svg); +} +%with-vault-color-16-mask { + @extend %with-mask, %vault-color-16-svg-prop; + -webkit-mask-image: var(--vault-color-16-svg); + mask-image: var(--vault-color-16-svg); +} + +%with-vault-color-24-icon { + @extend %with-icon, %vault-color-24-svg-prop; + background-image: var(--vault-color-24-svg); +} +%with-vault-color-24-mask { + @extend %with-mask, %vault-color-24-svg-prop; + -webkit-mask-image: var(--vault-color-24-svg); + mask-image: var(--vault-color-24-svg); +} + %with-verified-16-icon { @extend %with-icon, %verified-16-svg-prop; background-image: var(--verified-16-svg); @@ -9809,23 +10569,23 @@ } %with-visibility-hide-icon { - @extend %with-icon, %visibility-hide-svg-prop; - background-image: var(--visibility-hide-svg); + @extend %with-icon, %eye-off-16-svg-prop; + background-image: var(--eye-off-16-svg); } %with-visibility-hide-mask { - @extend %with-mask, %visibility-hide-svg-prop; - -webkit-mask-image: var(--visibility-hide-svg); - mask-image: var(--visibility-hide-svg); + @extend %with-mask, %eye-off-16-svg-prop; + -webkit-mask-image: var(--eye-off-16-svg); + mask-image: var(--eye-off-16-svg); } %with-visibility-show-icon { - @extend %with-icon, %visibility-show-svg-prop; - background-image: var(--visibility-show-svg); + @extend %with-icon, %eye-16-svg-prop; + background-image: var(--eye-16-svg); } %with-visibility-show-mask { - @extend %with-mask, %visibility-show-svg-prop; - -webkit-mask-image: var(--visibility-show-svg); - mask-image: var(--visibility-show-svg); + @extend %with-mask, %eye-16-svg-prop; + -webkit-mask-image: var(--eye-16-svg); + mask-image: var(--eye-16-svg); } %with-vmware-16-icon { @@ -9988,6 +10748,46 @@ mask-image: var(--watch-24-svg); } +%with-waypoint-16-icon { + @extend %with-icon, %waypoint-16-svg-prop; + background-image: var(--waypoint-16-svg); +} +%with-waypoint-16-mask { + @extend %with-mask, %waypoint-16-svg-prop; + -webkit-mask-image: var(--waypoint-16-svg); + mask-image: var(--waypoint-16-svg); +} + +%with-waypoint-24-icon { + @extend %with-icon, %waypoint-24-svg-prop; + background-image: var(--waypoint-24-svg); +} +%with-waypoint-24-mask { + @extend %with-mask, %waypoint-24-svg-prop; + -webkit-mask-image: var(--waypoint-24-svg); + mask-image: var(--waypoint-24-svg); +} + +%with-waypoint-color-16-icon { + @extend %with-icon, %waypoint-color-16-svg-prop; + background-image: var(--waypoint-color-16-svg); +} +%with-waypoint-color-16-mask { + @extend %with-mask, %waypoint-color-16-svg-prop; + -webkit-mask-image: var(--waypoint-color-16-svg); + mask-image: var(--waypoint-color-16-svg); +} + +%with-waypoint-color-24-icon { + @extend %with-icon, %waypoint-color-24-svg-prop; + background-image: var(--waypoint-color-24-svg); +} +%with-waypoint-color-24-mask { + @extend %with-mask, %waypoint-color-24-svg-prop; + -webkit-mask-image: var(--waypoint-color-24-svg); + mask-image: var(--waypoint-color-24-svg); +} + %with-webhook-16-icon { @extend %with-icon, %webhook-16-svg-prop; background-image: var(--webhook-16-svg); @@ -10009,13 +10809,13 @@ } %with-webhook-icon { - @extend %with-icon, %webhook-svg-prop; - background-image: var(--webhook-svg); + @extend %with-icon, %webhook-16-svg-prop; + background-image: var(--webhook-16-svg); } %with-webhook-mask { - @extend %with-mask, %webhook-svg-prop; - -webkit-mask-image: var(--webhook-svg); - mask-image: var(--webhook-svg); + @extend %with-mask, %webhook-16-svg-prop; + -webkit-mask-image: var(--webhook-16-svg); + mask-image: var(--webhook-16-svg); } %with-wifi-16-icon { @@ -10258,6 +11058,46 @@ mask-image: var(--x-square-fill-24-svg); } +%with-youtube-16-icon { + @extend %with-icon, %youtube-16-svg-prop; + background-image: var(--youtube-16-svg); +} +%with-youtube-16-mask { + @extend %with-mask, %youtube-16-svg-prop; + -webkit-mask-image: var(--youtube-16-svg); + mask-image: var(--youtube-16-svg); +} + +%with-youtube-24-icon { + @extend %with-icon, %youtube-24-svg-prop; + background-image: var(--youtube-24-svg); +} +%with-youtube-24-mask { + @extend %with-mask, %youtube-24-svg-prop; + -webkit-mask-image: var(--youtube-24-svg); + mask-image: var(--youtube-24-svg); +} + +%with-youtube-color-16-icon { + @extend %with-icon, %youtube-color-16-svg-prop; + background-image: var(--youtube-color-16-svg); +} +%with-youtube-color-16-mask { + @extend %with-mask, %youtube-color-16-svg-prop; + -webkit-mask-image: var(--youtube-color-16-svg); + mask-image: var(--youtube-color-16-svg); +} + +%with-youtube-color-24-icon { + @extend %with-icon, %youtube-color-24-svg-prop; + background-image: var(--youtube-color-24-svg); +} +%with-youtube-color-24-mask { + @extend %with-mask, %youtube-color-24-svg-prop; + -webkit-mask-image: var(--youtube-color-24-svg); + mask-image: var(--youtube-color-24-svg); +} + %with-zap-16-icon { @extend %with-icon, %zap-16-svg-prop; background-image: var(--zap-16-svg); diff --git a/ui/packages/consul-ui/app/styles/icons.scss b/ui/packages/consul-ui/app/styles/icons.scss index 96eac426b8..0ab6ec6c64 100644 --- a/ui/packages/consul-ui/app/styles/icons.scss +++ b/ui/packages/consul-ui/app/styles/icons.scss @@ -1,4 +1,71 @@ +%with-vault-100 { + @extend %with-vault-16-mask, %as-pseudo; + color: rgb(var(--tone-vault-500)); +} %with-vault-300 { @extend %with-vault-16-mask, %as-pseudo; color: rgb(var(--tone-vault-500)); } +%with-aws-100, +%with-aws-300 { + @extend %aws-color-16-svg-prop; + @extend %with-icon, %as-pseudo; + + background-image: var(--theme-dark-none) var(--aws-color-16-svg); + + -webkit-mask-image: var(--theme-light-none) var(--aws-color-16-svg); + -webkit-mask-repeat: var(--theme-light-none) no-repeat; + -webkit-mask-position: var(--theme-light-none) center; + mask-image: var(--theme-light-none) var(--aws-color-16-svg); + mask-repeat: var(--theme-light-none) no-repeat; + mask-position: var(--theme-light-none) center; + background-color: var(--theme-light-none) rgb(var(--white)); +} +%with-allow-100, +%with-aws-100, +%with-deny-100, +%with-l7-100, +%with-vault-100 { + width: 0.75rem; /* 12px */ + height: 0.75rem; /* 12px */ +} +%with-allow-500, +%with-deny-500, +%with-l7-500 { + width: 1.25rem; /* 20px */ + height: 1.25rem; /* 20px */ +} +%with-allow-300, +%with-allow-500 { + color: rgb(var(--tone-green-500)); +} +%with-deny-300, +%with-deny-500 { + color: rgb(var(--tone-red-500)); +} +%with-allow-300, +%with-allow-500, +%with-deny-300, +%with-deny-500, +%with-l7-300, +%with-l7-500 { + @extend %as-pseudo; +} +%with-allow-300 { + @extend %with-arrow-right-16-mask; +} +%with-allow-500 { + @extend %with-arrow-right-24-mask; +} +%with-deny-300 { + @extend %with-skip-16-mask; +} +%with-deny-500 { + @extend %with-skip-24-mask; +} +%with-l7-300 { + @extend %with-layers-16-mask; +} +%with-l7-500 { + @extend %with-layers-24-mask; +}