/*
* Emoncms SVG icon library — CSS mask-image approach
*
* Usage:
* Color is controlled via the CSS `color` property (inherits from parent).
*/
[class^="svg-icon-"],
[class*=" svg-icon-"] {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
vertical-align: -0.15em;
}
/* Icon-only links should inherit surrounding text colour, not default link/visited palette */
a:not(.text-muted):has(> [class^="svg-icon-"]:only-child),
a:not(.text-muted):has(> [class*=" svg-icon-"]:only-child),
a:not(.text-muted):has(> [class^="svg-icon-"]:only-child):visited,
a:not(.text-muted):has(> [class*=" svg-icon-"]:only-child):visited,
a:not(.text-muted):has(> [class^="svg-icon-"]:only-child):hover,
a:not(.text-muted):has(> [class*=" svg-icon-"]:only-child):hover,
a:not(.text-muted):has(> [class^="svg-icon-"]:only-child):focus,
a:not(.text-muted):has(> [class*=" svg-icon-"]:only-child):focus {
color: inherit;
}
.svg-icon-sun {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-moon {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-dashboard {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-format_list_bulleted {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-home {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-input {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-show_chart {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-show_chart_bold {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-bullhorn {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-user-check {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-wrench {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-leaf {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-phonelink_setup {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-plus {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-user {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-device {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-menu {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-apps {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-tasks {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-logout {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-expand {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-contract {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-favorite {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-cydynni {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-earth {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-schedule {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-present_to_all {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-folder-plus {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-close {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-search {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-shuffle {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-arrow_back {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-calendar {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-spinner11 {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-users {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-cogs {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-box-add {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-cog {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-star {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-star_border {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-bin {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-wifi {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-arrow_forward {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-enter {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-content_copy {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-smartplug {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-wifirelay {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-openevse {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-emonth {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-hpmon {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-smartmeter {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-edmi-am {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-radiator {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
/* */
.svg-icon-play {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-shower {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
.svg-icon-snowflake {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
mask-image: url("data:image/svg+xml;charset=utf-8,");
}
/* Lucide: trash */
.svg-icon-trash {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
/* Lucide: arrow-down-wide-narrow */
.svg-icon-downsample {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-minimize {
/**/
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-minimize-2 {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-expand {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-ban {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-ban-circle {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-check {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-pencil {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-chevron-down {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-chevron-up {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.svg-icon-chevron-right {
--svg-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-download {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-eye {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-lock {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-globe {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-refresh-cw {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-circle-plus {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-plus-sign {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-upload {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-arrow-down {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-arrow-up {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-briefcase {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-list {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
.svg-icon-circle-help {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
/*
.svg-icon-wrench {
--icon-path: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}*/
/*
Please use this as template for adding new icons.
.svg-icon-name {
--icon-path: url('data:image/svg+xml;charset=utf-8,REPLACE_WITH_ACTUAL_SVG_DATA');
-webkit-mask-image: var(--icon-path); mask-image: var(--icon-path);
}
*/