/* ================================================================ PERSPECTIVE CONNECT — Icons (Phosphor Icons 2.1, MIT, siehe LICENSE.txt) Lokale SVGs in diesem Ordner, eingefärbt per CSS-Maske (Farbe = currentColor). Je Icon drei Varianten: name.svg (Bold, Standard) · name-fill.svg · name-duotone.svg Verwendung: Die Variante wählt der Kontext (Regeln unten), Markup bleibt gleich: Fill – Buttons (.btn), Tabellen-Aktionen (.btn-action), Home-App-Icon, aktiver Menüpunkt, aktives Theme-Segment Duotone – Sidebar, Seitenkopf, Karten- und Dialogköpfe, Leerzustände, große Motive (Kachel/Kennzahl) Bold – überall sonst (Text, Badges, Felder, Header) Erzwingen: .i-fill / .i-duo / .i-bold an das Icon hängen. Feste Duotone-Klasse: i-name-duotone. Duotone: Hauptform in der Textfarbe, zweite Ebene 20 % transparent (aus dem SVG). Neues Icon: bold/, fill/ und duotone/ aus @phosphor-icons/core als name.svg, name-fill.svg, name-duotone.svg ablegen und unten eine Zeile ergänzen. ================================================================ */ .i { display: inline-block; flex-shrink: 0; width: 1.15em; height: 1.15em; vertical-align: -.2em; background: currentColor; -webkit-mask: var(--i-b) center / contain no-repeat; mask: var(--i-b) center / contain no-repeat; } .i-spin { animation: i-spin .8s linear infinite; } @keyframes i-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .i-spin { animation-duration: 2.4s; } } /* ── Variante nach Kontext ─────────────────────────────────────── */ .i-duo, .nav-item .i, .page-head-icon .i, .card-head > .i, .card-header > .i, .pp-card-title > .i, .modal-head > .i, .empty-state > .i, .tile-motif, .kpi-motif { -webkit-mask-image: var(--i-d); mask-image: var(--i-d); } .i-fill, .btn .i, .btn-action .i, .header-app-icon .i, .nav-item.active .i, :root[data-theme="light"] .theme-seg .seg-sun .i, :root[data-theme="dark"] .theme-seg .seg-moon .i { -webkit-mask-image: var(--i-f); mask-image: var(--i-f); } .i-bold { -webkit-mask-image: var(--i-b); mask-image: var(--i-b); } /* ── Icons ─────────────────────────────────────────────────────── */ .i-address-book { --i-b: url(address-book.svg); --i-f: url(address-book-fill.svg); --i-d: url(address-book-duotone.svg); } .i-arrow-counter-clockwise { --i-b: url(arrow-counter-clockwise.svg); --i-f: url(arrow-counter-clockwise-fill.svg); --i-d: url(arrow-counter-clockwise-duotone.svg); } .i-arrow-down { --i-b: url(arrow-down.svg); --i-f: url(arrow-down-fill.svg); --i-d: url(arrow-down-duotone.svg); } .i-arrow-left { --i-b: url(arrow-left.svg); --i-f: url(arrow-left-fill.svg); --i-d: url(arrow-left-duotone.svg); } .i-arrow-right { --i-b: url(arrow-right.svg); --i-f: url(arrow-right-fill.svg); --i-d: url(arrow-right-duotone.svg); } .i-arrows-clockwise { --i-b: url(arrows-clockwise.svg); --i-f: url(arrows-clockwise-fill.svg); --i-d: url(arrows-clockwise-duotone.svg); } .i-arrows-left-right { --i-b: url(arrows-left-right.svg); --i-f: url(arrows-left-right-fill.svg); --i-d: url(arrows-left-right-duotone.svg); } .i-arrow-square-out { --i-b: url(arrow-square-out.svg); --i-f: url(arrow-square-out-fill.svg); --i-d: url(arrow-square-out-duotone.svg); } .i-arrow-up { --i-b: url(arrow-up.svg); --i-f: url(arrow-up-fill.svg); --i-d: url(arrow-up-duotone.svg); } .i-at { --i-b: url(at.svg); --i-f: url(at-fill.svg); --i-d: url(at-duotone.svg); } .i-briefcase { --i-b: url(briefcase.svg); --i-f: url(briefcase-fill.svg); --i-d: url(briefcase-duotone.svg); } .i-bug { --i-b: url(bug.svg); --i-f: url(bug-fill.svg); --i-d: url(bug-duotone.svg); } .i-buildings { --i-b: url(buildings.svg); --i-f: url(buildings-fill.svg); --i-d: url(buildings-duotone.svg); } .i-calendar-blank { --i-b: url(calendar-blank.svg); --i-f: url(calendar-blank-fill.svg); --i-d: url(calendar-blank-duotone.svg); } .i-calendar-check { --i-b: url(calendar-check.svg); --i-f: url(calendar-check-fill.svg); --i-d: url(calendar-check-duotone.svg); } .i-caret-right { --i-b: url(caret-right.svg); --i-f: url(caret-right-fill.svg); --i-d: url(caret-right-duotone.svg); } .i-chat-text { --i-b: url(chat-text.svg); --i-f: url(chat-text-fill.svg); --i-d: url(chat-text-duotone.svg); } .i-check { --i-b: url(check.svg); --i-f: url(check-fill.svg); --i-d: url(check-duotone.svg); } .i-check-circle { --i-b: url(check-circle.svg); --i-f: url(check-circle-fill.svg); --i-d: url(check-circle-duotone.svg); } .i-circle { --i-b: url(circle.svg); --i-f: url(circle-fill.svg); --i-d: url(circle-duotone.svg); } .i-circle-notch { --i-b: url(circle-notch.svg); --i-f: url(circle-notch-fill.svg); --i-d: url(circle-notch-duotone.svg); } .i-cloud-arrow-up { --i-b: url(cloud-arrow-up.svg); --i-f: url(cloud-arrow-up-fill.svg); --i-d: url(cloud-arrow-up-duotone.svg); } .i-dots-six-vertical { --i-b: url(dots-six-vertical.svg); --i-f: url(dots-six-vertical-fill.svg); --i-d: url(dots-six-vertical-duotone.svg); } .i-envelope-simple { --i-b: url(envelope-simple.svg); --i-f: url(envelope-simple-fill.svg); --i-d: url(envelope-simple-duotone.svg); } .i-envelope-simple-open { --i-b: url(envelope-simple-open.svg); --i-f: url(envelope-simple-open-fill.svg); --i-d: url(envelope-simple-open-duotone.svg); } .i-eye { --i-b: url(eye.svg); --i-f: url(eye-fill.svg); --i-d: url(eye-duotone.svg); } .i-eye-slash { --i-b: url(eye-slash.svg); --i-f: url(eye-slash-fill.svg); --i-d: url(eye-slash-duotone.svg); } .i-file { --i-b: url(file.svg); --i-f: url(file-fill.svg); --i-d: url(file-duotone.svg); } .i-file-arrow-up { --i-b: url(file-arrow-up.svg); --i-f: url(file-arrow-up-fill.svg); --i-d: url(file-arrow-up-duotone.svg); } .i-file-doc { --i-b: url(file-doc.svg); --i-f: url(file-doc-fill.svg); --i-d: url(file-doc-duotone.svg); } .i-file-pdf { --i-b: url(file-pdf.svg); --i-f: url(file-pdf-fill.svg); --i-d: url(file-pdf-duotone.svg); } .i-file-text { --i-b: url(file-text.svg); --i-f: url(file-text-fill.svg); --i-d: url(file-text-duotone.svg); } .i-floppy-disk { --i-b: url(floppy-disk.svg); --i-f: url(floppy-disk-fill.svg); --i-d: url(floppy-disk-duotone.svg); } .i-graduation-cap { --i-b: url(graduation-cap.svg); --i-f: url(graduation-cap-fill.svg); --i-d: url(graduation-cap-duotone.svg); } .i-handshake { --i-b: url(handshake.svg); --i-f: url(handshake-fill.svg); --i-d: url(handshake-duotone.svg); } .i-hourglass-medium { --i-b: url(hourglass-medium.svg); --i-f: url(hourglass-medium-fill.svg); --i-d: url(hourglass-medium-duotone.svg); } .i-house { --i-b: url(house.svg); --i-f: url(house-fill.svg); --i-d: url(house-duotone.svg); } .i-identification-card { --i-b: url(identification-card.svg); --i-f: url(identification-card-fill.svg); --i-d: url(identification-card-duotone.svg); } .i-image { --i-b: url(image.svg); --i-f: url(image-fill.svg); --i-d: url(image-duotone.svg); } .i-info { --i-b: url(info.svg); --i-f: url(info-fill.svg); --i-d: url(info-duotone.svg); } .i-key { --i-b: url(key.svg); --i-f: url(key-fill.svg); --i-d: url(key-duotone.svg); } .i-lightbulb { --i-b: url(lightbulb.svg); --i-f: url(lightbulb-fill.svg); --i-d: url(lightbulb-duotone.svg); } .i-list { --i-b: url(list.svg); --i-f: url(list-fill.svg); --i-d: url(list-duotone.svg); } .i-list-checks { --i-b: url(list-checks.svg); --i-f: url(list-checks-fill.svg); --i-d: url(list-checks-duotone.svg); } .i-lock-key { --i-b: url(lock-key.svg); --i-f: url(lock-key-fill.svg); --i-d: url(lock-key-duotone.svg); } .i-lock-simple { --i-b: url(lock-simple.svg); --i-f: url(lock-simple-fill.svg); --i-d: url(lock-simple-duotone.svg); } .i-magnifying-glass { --i-b: url(magnifying-glass.svg); --i-f: url(magnifying-glass-fill.svg); --i-d: url(magnifying-glass-duotone.svg); } .i-map-pin { --i-b: url(map-pin.svg); --i-f: url(map-pin-fill.svg); --i-d: url(map-pin-duotone.svg); } .i-moon { --i-b: url(moon.svg); --i-f: url(moon-fill.svg); --i-d: url(moon-duotone.svg); } .i-note-pencil { --i-b: url(note-pencil.svg); --i-f: url(note-pencil-fill.svg); --i-d: url(note-pencil-duotone.svg); } .i-paperclip { --i-b: url(paperclip.svg); --i-f: url(paperclip-fill.svg); --i-d: url(paperclip-duotone.svg); } .i-paper-plane-tilt { --i-b: url(paper-plane-tilt.svg); --i-f: url(paper-plane-tilt-fill.svg); --i-d: url(paper-plane-tilt-duotone.svg); } .i-pause { --i-b: url(pause.svg); --i-f: url(pause-fill.svg); --i-d: url(pause-duotone.svg); } .i-pencil-simple { --i-b: url(pencil-simple.svg); --i-f: url(pencil-simple-fill.svg); --i-d: url(pencil-simple-duotone.svg); } .i-phone { --i-b: url(phone.svg); --i-f: url(phone-fill.svg); --i-d: url(phone-duotone.svg); } .i-play { --i-b: url(play.svg); --i-f: url(play-fill.svg); --i-d: url(play-duotone.svg); } .i-plus { --i-b: url(plus.svg); --i-f: url(plus-fill.svg); --i-d: url(plus-duotone.svg); } .i-power { --i-b: url(power.svg); --i-f: url(power-fill.svg); --i-d: url(power-duotone.svg); } .i-printer { --i-b: url(printer.svg); --i-f: url(printer-fill.svg); --i-d: url(printer-duotone.svg); } .i-prohibit { --i-b: url(prohibit.svg); --i-f: url(prohibit-fill.svg); --i-d: url(prohibit-duotone.svg); } .i-pulse { --i-b: url(pulse.svg); --i-f: url(pulse-fill.svg); --i-d: url(pulse-duotone.svg); } .i-question { --i-b: url(question.svg); --i-f: url(question-fill.svg); --i-d: url(question-duotone.svg); } .i-shield-check { --i-b: url(shield-check.svg); --i-f: url(shield-check-fill.svg); --i-d: url(shield-check-duotone.svg); } .i-sign-in { --i-b: url(sign-in.svg); --i-f: url(sign-in-fill.svg); --i-d: url(sign-in-duotone.svg); } .i-sign-out { --i-b: url(sign-out.svg); --i-f: url(sign-out-fill.svg); --i-d: url(sign-out-duotone.svg); } .i-sort-descending { --i-b: url(sort-descending.svg); --i-f: url(sort-descending-fill.svg); --i-d: url(sort-descending-duotone.svg); } .i-sparkle { --i-b: url(sparkle.svg); --i-f: url(sparkle-fill.svg); --i-d: url(sparkle-duotone.svg); } .i-squares-four { --i-b: url(squares-four.svg); --i-f: url(squares-four-fill.svg); --i-d: url(squares-four-duotone.svg); } .i-sun { --i-b: url(sun.svg); --i-f: url(sun-fill.svg); --i-d: url(sun-duotone.svg); } .i-tag { --i-b: url(tag.svg); --i-f: url(tag-fill.svg); --i-d: url(tag-duotone.svg); } .i-translate { --i-b: url(translate.svg); --i-f: url(translate-fill.svg); --i-d: url(translate-duotone.svg); } .i-trash { --i-b: url(trash.svg); --i-f: url(trash-fill.svg); --i-d: url(trash-duotone.svg); } .i-tray { --i-b: url(tray.svg); --i-f: url(tray-fill.svg); --i-d: url(tray-duotone.svg); } .i-upload-simple { --i-b: url(upload-simple.svg); --i-f: url(upload-simple-fill.svg); --i-d: url(upload-simple-duotone.svg); } .i-user { --i-b: url(user.svg); --i-f: url(user-fill.svg); --i-d: url(user-duotone.svg); } .i-user-circle { --i-b: url(user-circle.svg); --i-f: url(user-circle-fill.svg); --i-d: url(user-circle-duotone.svg); } .i-user-gear { --i-b: url(user-gear.svg); --i-f: url(user-gear-fill.svg); --i-d: url(user-gear-duotone.svg); } .i-user-plus { --i-b: url(user-plus.svg); --i-f: url(user-plus-fill.svg); --i-d: url(user-plus-duotone.svg); } .i-users { --i-b: url(users.svg); --i-f: url(users-fill.svg); --i-d: url(users-duotone.svg); } .i-users-three { --i-b: url(users-three.svg); --i-f: url(users-three-fill.svg); --i-d: url(users-three-duotone.svg); } .i-warning { --i-b: url(warning.svg); --i-f: url(warning-fill.svg); --i-d: url(warning-duotone.svg); } .i-warning-circle { --i-b: url(warning-circle.svg); --i-f: url(warning-circle-fill.svg); --i-d: url(warning-circle-duotone.svg); } .i-x { --i-b: url(x.svg); --i-f: url(x-fill.svg); --i-d: url(x-duotone.svg); } .i-x-circle { --i-b: url(x-circle.svg); --i-f: url(x-circle-fill.svg); --i-d: url(x-circle-duotone.svg); } /* Feste Duotone-Klassen (große Motive, Kennzahlen, Seitenköpfe) */ .i-address-book-duotone { --i-b: url(address-book-duotone.svg); --i-f: url(address-book-duotone.svg); --i-d: url(address-book-duotone.svg); } .i-arrow-counter-clockwise-duotone { --i-b: url(arrow-counter-clockwise-duotone.svg); --i-f: url(arrow-counter-clockwise-duotone.svg); --i-d: url(arrow-counter-clockwise-duotone.svg); } .i-arrow-down-duotone { --i-b: url(arrow-down-duotone.svg); --i-f: url(arrow-down-duotone.svg); --i-d: url(arrow-down-duotone.svg); } .i-arrow-left-duotone { --i-b: url(arrow-left-duotone.svg); --i-f: url(arrow-left-duotone.svg); --i-d: url(arrow-left-duotone.svg); } .i-arrow-right-duotone { --i-b: url(arrow-right-duotone.svg); --i-f: url(arrow-right-duotone.svg); --i-d: url(arrow-right-duotone.svg); } .i-arrows-clockwise-duotone { --i-b: url(arrows-clockwise-duotone.svg); --i-f: url(arrows-clockwise-duotone.svg); --i-d: url(arrows-clockwise-duotone.svg); } .i-arrows-left-right-duotone { --i-b: url(arrows-left-right-duotone.svg); --i-f: url(arrows-left-right-duotone.svg); --i-d: url(arrows-left-right-duotone.svg); } .i-arrow-square-out-duotone { --i-b: url(arrow-square-out-duotone.svg); --i-f: url(arrow-square-out-duotone.svg); --i-d: url(arrow-square-out-duotone.svg); } .i-arrow-up-duotone { --i-b: url(arrow-up-duotone.svg); --i-f: url(arrow-up-duotone.svg); --i-d: url(arrow-up-duotone.svg); } .i-at-duotone { --i-b: url(at-duotone.svg); --i-f: url(at-duotone.svg); --i-d: url(at-duotone.svg); } .i-briefcase-duotone { --i-b: url(briefcase-duotone.svg); --i-f: url(briefcase-duotone.svg); --i-d: url(briefcase-duotone.svg); } .i-bug-duotone { --i-b: url(bug-duotone.svg); --i-f: url(bug-duotone.svg); --i-d: url(bug-duotone.svg); } .i-buildings-duotone { --i-b: url(buildings-duotone.svg); --i-f: url(buildings-duotone.svg); --i-d: url(buildings-duotone.svg); } .i-calendar-blank-duotone { --i-b: url(calendar-blank-duotone.svg); --i-f: url(calendar-blank-duotone.svg); --i-d: url(calendar-blank-duotone.svg); } .i-calendar-check-duotone { --i-b: url(calendar-check-duotone.svg); --i-f: url(calendar-check-duotone.svg); --i-d: url(calendar-check-duotone.svg); } .i-caret-right-duotone { --i-b: url(caret-right-duotone.svg); --i-f: url(caret-right-duotone.svg); --i-d: url(caret-right-duotone.svg); } .i-chat-text-duotone { --i-b: url(chat-text-duotone.svg); --i-f: url(chat-text-duotone.svg); --i-d: url(chat-text-duotone.svg); } .i-check-duotone { --i-b: url(check-duotone.svg); --i-f: url(check-duotone.svg); --i-d: url(check-duotone.svg); } .i-check-circle-duotone { --i-b: url(check-circle-duotone.svg); --i-f: url(check-circle-duotone.svg); --i-d: url(check-circle-duotone.svg); } .i-circle-duotone { --i-b: url(circle-duotone.svg); --i-f: url(circle-duotone.svg); --i-d: url(circle-duotone.svg); } .i-circle-notch-duotone { --i-b: url(circle-notch-duotone.svg); --i-f: url(circle-notch-duotone.svg); --i-d: url(circle-notch-duotone.svg); } .i-cloud-arrow-up-duotone { --i-b: url(cloud-arrow-up-duotone.svg); --i-f: url(cloud-arrow-up-duotone.svg); --i-d: url(cloud-arrow-up-duotone.svg); } .i-dots-six-vertical-duotone { --i-b: url(dots-six-vertical-duotone.svg); --i-f: url(dots-six-vertical-duotone.svg); --i-d: url(dots-six-vertical-duotone.svg); } .i-envelope-simple-duotone { --i-b: url(envelope-simple-duotone.svg); --i-f: url(envelope-simple-duotone.svg); --i-d: url(envelope-simple-duotone.svg); } .i-envelope-simple-open-duotone { --i-b: url(envelope-simple-open-duotone.svg); --i-f: url(envelope-simple-open-duotone.svg); --i-d: url(envelope-simple-open-duotone.svg); } .i-eye-duotone { --i-b: url(eye-duotone.svg); --i-f: url(eye-duotone.svg); --i-d: url(eye-duotone.svg); } .i-eye-slash-duotone { --i-b: url(eye-slash-duotone.svg); --i-f: url(eye-slash-duotone.svg); --i-d: url(eye-slash-duotone.svg); } .i-file-duotone { --i-b: url(file-duotone.svg); --i-f: url(file-duotone.svg); --i-d: url(file-duotone.svg); } .i-file-arrow-up-duotone { --i-b: url(file-arrow-up-duotone.svg); --i-f: url(file-arrow-up-duotone.svg); --i-d: url(file-arrow-up-duotone.svg); } .i-file-doc-duotone { --i-b: url(file-doc-duotone.svg); --i-f: url(file-doc-duotone.svg); --i-d: url(file-doc-duotone.svg); } .i-file-pdf-duotone { --i-b: url(file-pdf-duotone.svg); --i-f: url(file-pdf-duotone.svg); --i-d: url(file-pdf-duotone.svg); } .i-file-text-duotone { --i-b: url(file-text-duotone.svg); --i-f: url(file-text-duotone.svg); --i-d: url(file-text-duotone.svg); } .i-floppy-disk-duotone { --i-b: url(floppy-disk-duotone.svg); --i-f: url(floppy-disk-duotone.svg); --i-d: url(floppy-disk-duotone.svg); } .i-graduation-cap-duotone { --i-b: url(graduation-cap-duotone.svg); --i-f: url(graduation-cap-duotone.svg); --i-d: url(graduation-cap-duotone.svg); } .i-handshake-duotone { --i-b: url(handshake-duotone.svg); --i-f: url(handshake-duotone.svg); --i-d: url(handshake-duotone.svg); } .i-hourglass-medium-duotone { --i-b: url(hourglass-medium-duotone.svg); --i-f: url(hourglass-medium-duotone.svg); --i-d: url(hourglass-medium-duotone.svg); } .i-house-duotone { --i-b: url(house-duotone.svg); --i-f: url(house-duotone.svg); --i-d: url(house-duotone.svg); } .i-identification-card-duotone { --i-b: url(identification-card-duotone.svg); --i-f: url(identification-card-duotone.svg); --i-d: url(identification-card-duotone.svg); } .i-image-duotone { --i-b: url(image-duotone.svg); --i-f: url(image-duotone.svg); --i-d: url(image-duotone.svg); } .i-info-duotone { --i-b: url(info-duotone.svg); --i-f: url(info-duotone.svg); --i-d: url(info-duotone.svg); } .i-key-duotone { --i-b: url(key-duotone.svg); --i-f: url(key-duotone.svg); --i-d: url(key-duotone.svg); } .i-lightbulb-duotone { --i-b: url(lightbulb-duotone.svg); --i-f: url(lightbulb-duotone.svg); --i-d: url(lightbulb-duotone.svg); } .i-list-duotone { --i-b: url(list-duotone.svg); --i-f: url(list-duotone.svg); --i-d: url(list-duotone.svg); } .i-list-checks-duotone { --i-b: url(list-checks-duotone.svg); --i-f: url(list-checks-duotone.svg); --i-d: url(list-checks-duotone.svg); } .i-lock-key-duotone { --i-b: url(lock-key-duotone.svg); --i-f: url(lock-key-duotone.svg); --i-d: url(lock-key-duotone.svg); } .i-lock-simple-duotone { --i-b: url(lock-simple-duotone.svg); --i-f: url(lock-simple-duotone.svg); --i-d: url(lock-simple-duotone.svg); } .i-magnifying-glass-duotone { --i-b: url(magnifying-glass-duotone.svg); --i-f: url(magnifying-glass-duotone.svg); --i-d: url(magnifying-glass-duotone.svg); } .i-map-pin-duotone { --i-b: url(map-pin-duotone.svg); --i-f: url(map-pin-duotone.svg); --i-d: url(map-pin-duotone.svg); } .i-moon-duotone { --i-b: url(moon-duotone.svg); --i-f: url(moon-duotone.svg); --i-d: url(moon-duotone.svg); } .i-note-pencil-duotone { --i-b: url(note-pencil-duotone.svg); --i-f: url(note-pencil-duotone.svg); --i-d: url(note-pencil-duotone.svg); } .i-paperclip-duotone { --i-b: url(paperclip-duotone.svg); --i-f: url(paperclip-duotone.svg); --i-d: url(paperclip-duotone.svg); } .i-paper-plane-tilt-duotone { --i-b: url(paper-plane-tilt-duotone.svg); --i-f: url(paper-plane-tilt-duotone.svg); --i-d: url(paper-plane-tilt-duotone.svg); } .i-pause-duotone { --i-b: url(pause-duotone.svg); --i-f: url(pause-duotone.svg); --i-d: url(pause-duotone.svg); } .i-pencil-simple-duotone { --i-b: url(pencil-simple-duotone.svg); --i-f: url(pencil-simple-duotone.svg); --i-d: url(pencil-simple-duotone.svg); } .i-phone-duotone { --i-b: url(phone-duotone.svg); --i-f: url(phone-duotone.svg); --i-d: url(phone-duotone.svg); } .i-play-duotone { --i-b: url(play-duotone.svg); --i-f: url(play-duotone.svg); --i-d: url(play-duotone.svg); } .i-plus-duotone { --i-b: url(plus-duotone.svg); --i-f: url(plus-duotone.svg); --i-d: url(plus-duotone.svg); } .i-power-duotone { --i-b: url(power-duotone.svg); --i-f: url(power-duotone.svg); --i-d: url(power-duotone.svg); } .i-printer-duotone { --i-b: url(printer-duotone.svg); --i-f: url(printer-duotone.svg); --i-d: url(printer-duotone.svg); } .i-prohibit-duotone { --i-b: url(prohibit-duotone.svg); --i-f: url(prohibit-duotone.svg); --i-d: url(prohibit-duotone.svg); } .i-pulse-duotone { --i-b: url(pulse-duotone.svg); --i-f: url(pulse-duotone.svg); --i-d: url(pulse-duotone.svg); } .i-question-duotone { --i-b: url(question-duotone.svg); --i-f: url(question-duotone.svg); --i-d: url(question-duotone.svg); } .i-shield-check-duotone { --i-b: url(shield-check-duotone.svg); --i-f: url(shield-check-duotone.svg); --i-d: url(shield-check-duotone.svg); } .i-sign-in-duotone { --i-b: url(sign-in-duotone.svg); --i-f: url(sign-in-duotone.svg); --i-d: url(sign-in-duotone.svg); } .i-sign-out-duotone { --i-b: url(sign-out-duotone.svg); --i-f: url(sign-out-duotone.svg); --i-d: url(sign-out-duotone.svg); } .i-sort-descending-duotone { --i-b: url(sort-descending-duotone.svg); --i-f: url(sort-descending-duotone.svg); --i-d: url(sort-descending-duotone.svg); } .i-sparkle-duotone { --i-b: url(sparkle-duotone.svg); --i-f: url(sparkle-duotone.svg); --i-d: url(sparkle-duotone.svg); } .i-squares-four-duotone { --i-b: url(squares-four-duotone.svg); --i-f: url(squares-four-duotone.svg); --i-d: url(squares-four-duotone.svg); } .i-sun-duotone { --i-b: url(sun-duotone.svg); --i-f: url(sun-duotone.svg); --i-d: url(sun-duotone.svg); } .i-tag-duotone { --i-b: url(tag-duotone.svg); --i-f: url(tag-duotone.svg); --i-d: url(tag-duotone.svg); } .i-translate-duotone { --i-b: url(translate-duotone.svg); --i-f: url(translate-duotone.svg); --i-d: url(translate-duotone.svg); } .i-trash-duotone { --i-b: url(trash-duotone.svg); --i-f: url(trash-duotone.svg); --i-d: url(trash-duotone.svg); } .i-tray-duotone { --i-b: url(tray-duotone.svg); --i-f: url(tray-duotone.svg); --i-d: url(tray-duotone.svg); } .i-upload-simple-duotone { --i-b: url(upload-simple-duotone.svg); --i-f: url(upload-simple-duotone.svg); --i-d: url(upload-simple-duotone.svg); } .i-user-duotone { --i-b: url(user-duotone.svg); --i-f: url(user-duotone.svg); --i-d: url(user-duotone.svg); } .i-user-circle-duotone { --i-b: url(user-circle-duotone.svg); --i-f: url(user-circle-duotone.svg); --i-d: url(user-circle-duotone.svg); } .i-user-gear-duotone { --i-b: url(user-gear-duotone.svg); --i-f: url(user-gear-duotone.svg); --i-d: url(user-gear-duotone.svg); } .i-user-plus-duotone { --i-b: url(user-plus-duotone.svg); --i-f: url(user-plus-duotone.svg); --i-d: url(user-plus-duotone.svg); } .i-users-duotone { --i-b: url(users-duotone.svg); --i-f: url(users-duotone.svg); --i-d: url(users-duotone.svg); } .i-users-three-duotone { --i-b: url(users-three-duotone.svg); --i-f: url(users-three-duotone.svg); --i-d: url(users-three-duotone.svg); } .i-warning-duotone { --i-b: url(warning-duotone.svg); --i-f: url(warning-duotone.svg); --i-d: url(warning-duotone.svg); } .i-warning-circle-duotone { --i-b: url(warning-circle-duotone.svg); --i-f: url(warning-circle-duotone.svg); --i-d: url(warning-circle-duotone.svg); } .i-x-duotone { --i-b: url(x-duotone.svg); --i-f: url(x-duotone.svg); --i-d: url(x-duotone.svg); } .i-x-circle-duotone { --i-b: url(x-circle-duotone.svg); --i-f: url(x-circle-duotone.svg); --i-d: url(x-circle-duotone.svg); }