/* * icons.css — Healfie autonome FA-icon set (Tabler-stijl line-icons). * * Bouwt op data-URI's: geen externe SVG-files, geen FA Pro Kit, geen * dependency op healfie.css. Tag-agnostisch (.fa-X werkt op //
). * * Plaats NA healfie.css in zodat deze mappings winnen op specificity. * * UITBREIDEN: kopieer een blok onderaan en vervang het SVG path. Tabler-style * paths uit https://tabler-icons.io (24x24 viewBox, stroke 2, ronde caps). * Plus URL-encode <, > en # in de SVG-string. */ /* ================================================================= Base — werkt op alle bekende FA-class-combinaties. Hoge specificiteit (i.fa-X) wint van eerdere CSS-regels. ================================================================= */ i.fa, i.fas, i.fal, i.far, i.fab, i.fat, i.fad, i.fa-solid, i.fa-regular, i.fa-light, i.fa-thin, i.fa-brands, i.fa-duotone, .fa-solid, .fa-regular, .fa-light, .fa-brands, span.fa-solid, span.fa-regular, span.fa-light, span.fa-brands, div.fa-solid, div.fa-regular, div.fa-light, div.fa-brands { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; line-height: 1; font-style: normal; background-color: currentColor; -webkit-mask: var(--icon, none) center / contain no-repeat; mask: var(--icon, none) center / contain no-repeat; } /* FA size-utility classes (waren in FA Pro Kit, nu hier omdat we Kit verwijderd hebben) */ .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-lg { font-size: 1.25em; vertical-align: -0.225em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } i.fa::before, i.fas::before, i.fal::before, i.far::before, i.fab::before, i.fa-solid::before, i.fa-regular::before, i.fa-light::before, i.fa-brands::before, .fa-solid::before, .fa-regular::before, .fa-light::before, .fa-brands::before { content: none; } /* ================================================================= Mappings — class → data-URI SVG (Tabler line-style 24x24) Tag-agnostisch via .fa-X selector (ook werkt op /
). ================================================================= */ /* ---- Profile / settings ---- */ .fa-star, i.fa-star { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-4.993 -4.867l6.9 -1.002l3.086 -6.253l3.086 6.253l6.9 1.002l-4.993 4.867l1.179 6.873z'/%3E%3C/svg%3E"); } .fa-lock, i.fa-lock { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E"); } .fa-key, i.fa-key, .fa-key-skeleton,i.fa-key-skeleton{ --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M10.85 12.15L19 4'/%3E%3Cpath d='M18 5l2 2'/%3E%3Cpath d='M15 8l2 2'/%3E%3C/svg%3E"); } .fa-credit-card, i.fa-credit-card { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M3 10h18M7 15h2'/%3E%3C/svg%3E"); } .fa-id-card, i.fa-id-card { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='M15 8h2M15 12h2M7 16h10'/%3E%3C/svg%3E"); } .fa-user, i.fa-user, .fa-user-circle, i.fa-user-circle, .fa-circle-user, i.fa-circle-user { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-3.314 3.582-6 8-6s8 2.686 8 6'/%3E%3C/svg%3E"); } .fa-user-tie, i.fa-user-tie { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M12 11l-2 2 2 7 2-7-2-2M5 21c0-3.314 3.134-6 7-6s7 2.686 7 6'/%3E%3C/svg%3E"); } .fa-shield-halved, i.fa-shield-halved, .fa-shield-check, i.fa-shield-check, .fa-shield-alt, i.fa-shield-alt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v7a8 8 0 0 1-8 8 8 8 0 0 1-8-8V6l8-3z'/%3E%3C/svg%3E"); } .fa-bell, i.fa-bell { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6'/%3E%3Cpath d='M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E"); } .fa-gear, i.fa-gear { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); } .fa-arrow-right-from-bracket, i.fa-arrow-right-from-bracket, .fa-sign-out-alt, i.fa-sign-out-alt, .fa-right-from-bracket, i.fa-right-from-bracket { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2'/%3E%3Cpath d='M9 12h12l-3-3M21 12l-3 3'/%3E%3C/svg%3E"); } /* ---- Voice biomarker categorieën ---- */ .fa-bolt, i.fa-bolt, .fa-bolt-lightning, i.fa-bolt-lightning { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-2 8 9-12h-7l2-8z'/%3E%3C/svg%3E"); } .fa-moon, i.fa-moon { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.8a9 9 0 1 1 -9.8 -9.8a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E"); } .fa-cloud-bolt, i.fa-cloud-bolt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a5 5 0 1 1 .375 -9.987a5 5 0 0 1 9.616 1.539a3.5 3.5 0 0 1 -.491 6.948h-9.5'/%3E%3Cpath d='M13 14l-2 4h3l-2 4'/%3E%3C/svg%3E"); } .fa-brain, i.fa-brain, .fa-head-side-brain, i.fa-head-side-brain { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4a3 3 0 0 1 3 3v10a3 3 0 0 1 -6 0v-1a3 3 0 0 1 -3 -3v-1a3 3 0 0 1 -1 -2a3 3 0 0 1 3 -3a3 3 0 0 1 4 -3'/%3E%3Cpath d='M15 4a3 3 0 0 0 -3 3v10a3 3 0 0 0 6 0v-1a3 3 0 0 0 3 -3v-1a3 3 0 0 0 1 -2a3 3 0 0 0 -3 -3a3 3 0 0 0 -4 -3'/%3E%3C/svg%3E"); } .fa-utensils, i.fa-utensils { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v18M5 3v6a2 2 0 0 0 4 0V3M17 3l-2 6a2 2 0 0 0 2 2v10'/%3E%3C/svg%3E"); } .fa-glass-water, i.fa-glass-water { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h12l-1 17a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1l-1 -17z'/%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E"); } .fa-droplet, i.fa-droplet { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l5.5 8.5a6.5 6.5 0 1 1 -11 0z'/%3E%3C/svg%3E"); } .fa-dna, i.fa-dna { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4c10 0 6 16 16 16M4 20c10 0 6-16 16-16'/%3E%3Cpath d='M7 7h2M11 7h2M15 7h2M7 17h2M11 17h2M15 17h2'/%3E%3C/svg%3E"); } .fa-fish, i.fa-fish { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 8a4 4 0 0 1 4 4a4 4 0 0 1 -4 4c-6 0-9-4-13-4c4 0 7-4 13-4z'/%3E%3Ccircle cx='16.5' cy='12' r='.5'/%3E%3Cpath d='M3 12l3-2M3 12l3 2'/%3E%3C/svg%3E"); } .fa-person-walking, i.fa-person-walking { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13' cy='4' r='1'/%3E%3Cpath d='M7 21l3 -4l-2 -4l3 -3l4 4l3 1M7 13l3 -3'/%3E%3C/svg%3E"); } .fa-bone, i.fa-bone { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4a2 2 0 1 1 2 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2a2 2 0 1 1 -2 3a2 2 0 0 1 -2-2a2 2 0 1 1 0-4a2 2 0 0 0 0-4a2 2 0 1 1 0-4a2 2 0 0 1 2 -2z'/%3E%3C/svg%3E"); } .fa-gem, i.fa-gem { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h12l3 5l-9 11l-9 -11z'/%3E%3Cpath d='M3 9h18M12 4l3 5l-3 11l-3 -11z'/%3E%3C/svg%3E"); } .fa-vials, i.fa-vials { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3v16a2 2 0 0 0 4 0V3M3 3h8M5 13h4M14 3v16a2 2 0 0 0 4 0V3M12 3h8M14 13h4'/%3E%3C/svg%3E"); } .fa-medal, i.fa-medal { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='15' r='6'/%3E%3Cpath d='M9 12l-3 -9M15 12l3 -9M9 3h6'/%3E%3C/svg%3E"); } /* ---- Navigation / chevrons ---- */ .fa-chevron-left, i.fa-chevron-left { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 6 9 12 15 18'/%3E%3C/svg%3E"); } .fa-chevron-right, i.fa-chevron-right { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E"); } .fa-chevron-down, i.fa-chevron-down { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } .fa-chevron-up, i.fa-chevron-up { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 15 12 9 18 15'/%3E%3C/svg%3E"); } .fa-arrow-left, i.fa-arrow-left { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'/%3E%3Cpolyline points='12 19 5 12 12 5'/%3E%3C/svg%3E"); } .fa-circle-info, i.fa-circle-info, .fa-info-circle, i.fa-info-circle { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E"); } .fa-circle-question, i.fa-circle-question { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E"); } .fa-magnifying-glass, i.fa-magnifying-glass { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); } .fa-microphone, i.fa-microphone { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0M12 17v4M8 21h8'/%3E%3C/svg%3E"); } /* ---- Actions ---- */ .fa-plus, i.fa-plus, .fa-plus-circle, i.fa-plus-circle, .fa-circle-plus, i.fa-circle-plus { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E"); } .fa-trash-can, i.fa-trash-can, .fa-trash-alt, i.fa-trash-alt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-2 14a2 2 0 0 1 -2 2H9a2 2 0 0 1 -2 -2L5 6M10 11v6M14 11v6M9 6V4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); } .fa-eye, i.fa-eye { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4 -8 11 -8s11 8 11 8s-4 8 -11 8s-11 -8 -11 -8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); } .fa-copy, i.fa-copy { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1 -2 -2V4a2 2 0 0 1 2 -2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E"); } .fa-link, i.fa-link { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54 .54l3 -3a5 5 0 0 0 -7.07 -7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0 -7.54 -.54l-3 3a5 5 0 0 0 7.07 7.07l1.71 -1.71'/%3E%3C/svg%3E"); } .fa-paper-plane, i.fa-paper-plane { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13M22 2l-7 20-4-9-9-4z'/%3E%3C/svg%3E"); } .fa-envelope, i.fa-envelope { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpolyline points='3 7 12 13 21 7'/%3E%3C/svg%3E"); } .fa-clipboard, i.fa-clipboard { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='M9 5H7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2V7a2 2 0 0 0 -2 -2h-2'/%3E%3C/svg%3E"); } .fa-clipboard-list, i.fa-clipboard-list, .fa-clipboard-check, i.fa-clipboard-check { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='M9 5H7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2V7a2 2 0 0 0 -2 -2h-2'/%3E%3Cpolyline points='9 14 11 16 15 12'/%3E%3C/svg%3E"); } .fa-floppy-disk, i.fa-floppy-disk { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1 -2 -2V5a2 2 0 0 1 2 -2h11l5 5v11a2 2 0 0 1 -2 2z'/%3E%3Cpolyline points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline points='7 3 7 8 15 8'/%3E%3C/svg%3E"); } .fa-camera, i.fa-camera { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 19a2 2 0 0 1 -2 2H3a2 2 0 0 1 -2 -2V8a2 2 0 0 1 2 -2h4l2 -3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E"); } .fa-cloud-arrow-up, i.fa-cloud-arrow-up { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a5 5 0 1 1 .375 -9.987a5 5 0 0 1 9.616 1.539a3.5 3.5 0 0 1 -.491 6.948h-9.5'/%3E%3Cpath d='M12 13v9M9 16l3 -3l3 3'/%3E%3C/svg%3E"); } .fa-list, i.fa-list, .fa-list-check, i.fa-list-check { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E"); } .fa-comments, i.fa-comments, .fa-comment-dots,i.fa-comment-dots, .fa-message-lines, i.fa-message-lines { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1 -.9 3.8a8.5 8.5 0 0 1 -7.6 4.7a8.38 8.38 0 0 1 -3.8 -.9L3 21l1.9 -5.7a8.38 8.38 0 0 1 -.9 -3.8a8.5 8.5 0 0 1 4.7 -7.6a8.38 8.38 0 0 1 3.8 -.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E"); } .fa-xmark, i.fa-xmark, .fa-times, i.fa-times, .fa-circle-xmark, i.fa-circle-xmark { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E"); } .fa-check, i.fa-check { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); } .fa-house, i.fa-house { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9 -7l9 7v11a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E"); } .fa-arrow-up-from-bracket, i.fa-arrow-up-from-bracket { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2'/%3E%3Cpath d='M12 3v13M8 7l4 -4l4 4'/%3E%3C/svg%3E"); } .fa-up-long, i.fa-up-long, .fa-arrow-up, i.fa-arrow-up, .fa-arrow-up-long, i.fa-arrow-up-long { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M7 10l5 -5l5 5'/%3E%3C/svg%3E"); } .fa-down-long, i.fa-down-long, .fa-arrow-down, i.fa-arrow-down, .fa-arrow-down-long, i.fa-arrow-down-long { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M7 14l5 5l5 -5'/%3E%3C/svg%3E"); } .fa-file-lines, i.fa-file-lines, .fa-file-alt, i.fa-file-alt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'/%3E%3Cline x1='9' y1='9' x2='10' y2='9'/%3E%3Cline x1='9' y1='13' x2='15' y2='13'/%3E%3Cline x1='9' y1='17' x2='15' y2='17'/%3E%3C/svg%3E"); } .fa-arrow-rotate-right, i.fa-arrow-rotate-right, .fa-sync, i.fa-sync, .fa-sync-alt, i.fa-sync-alt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1 -9 -9c2.49 0 4.74 1 6.36 2.64L21 8'/%3E%3Cpolyline points='21 3 21 8 16 8'/%3E%3C/svg%3E"); } .fa-pen, i.fa-pen, .fa-pencil, i.fa-pencil, .fa-pencil-alt, i.fa-pencil-alt, .fa-pen-to-square, i.fa-pen-to-square { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1l1 -4z'/%3E%3C/svg%3E"); } .fa-robot, i.fa-robot { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='8' width='16' height='12' rx='2'/%3E%3Cpath d='M2 14v2M22 14v2M12 4v4M9 16h.01M15 16h.01M9 12h6'/%3E%3C/svg%3E"); } .fa-laptop-mobile, i.fa-laptop-mobile, .fa-laptop-medical, i.fa-laptop-medical { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='12' height='10' rx='1'/%3E%3Cpath d='M1 18h12'/%3E%3Crect x='15' y='10' width='6' height='12' rx='2'/%3E%3C/svg%3E"); } .fa-toolbox, i.fa-toolbox { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v3M3 13h18'/%3E%3C/svg%3E"); } .fa-at, i.fa-at { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 12v1a3 3 0 0 0 6 0v-1a10 10 0 1 0 -3.9 7.9'/%3E%3C/svg%3E"); } .fa-mobile-screen, i.fa-mobile-screen { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E"); } .fa-people-group, i.fa-people-group, .fa-user-friends, i.fa-user-friends, .fa-user-group, i.fa-user-group { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3Ccircle cx='17' cy='8' r='3'/%3E%3Cpath d='M21 21v-2a4 4 0 0 0-3-3.85'/%3E%3C/svg%3E"); } .fa-clock, i.fa-clock { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); } .fa-clock-rotate-left, i.fa-clock-rotate-left { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9 -9a9.75 9.75 0 0 0 -6.74 2.74L3 8'/%3E%3Cpolyline points='3 3 3 8 8 8'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); } .fa-graduation-cap, i.fa-graduation-cap { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10v6M2 10l10 -5l10 5l-10 5z'/%3E%3Cpath d='M6 12v5a6 3 0 0 0 12 0v-5'/%3E%3C/svg%3E"); } .fa-qrcode, i.fa-qrcode { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='6' height='6' rx='1'/%3E%3Crect x='15' y='3' width='6' height='6' rx='1'/%3E%3Crect x='3' y='15' width='6' height='6' rx='1'/%3E%3Cpath d='M13 13h2v2h-2zM15 15h2v2h-2zM13 17h2v2h-2zM17 13h2v2h-2zM17 17h2v2h-2zM19 19h2v2h-2zM13 19h2v2h-2z'/%3E%3C/svg%3E"); } .fa-heart-pulse, i.fa-heart-pulse, .fa-wave-pulse, i.fa-wave-pulse { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0 -7.78 0L12 5.67l-1.06 -1.06a5.5 5.5 0 0 0 -7.78 7.78l8.84 8.84l8.84 -8.84a5.5 5.5 0 0 0 0 -7.78z'/%3E%3Cpolyline points='3.5 12 8 12 10 9 14 15 16 12 20.5 12'/%3E%3C/svg%3E"); } .fa-chart-line, i.fa-chart-line { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 17 9 11 13 15 21 7'/%3E%3Cpolyline points='14 7 21 7 21 14'/%3E%3C/svg%3E"); } .fa-bed, i.fa-bed, .fa-bed-pulse, i.fa-bed-pulse { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7v11M3 11h18v7M11 7h7a3 3 0 0 1 3 3'/%3E%3Ccircle cx='7' cy='10' r='2'/%3E%3C/svg%3E"); } /* ================================================================= Uitbreiding: admin + minder gebruikte iconen (volledige dekking) ================================================================= */ /* ---- Media/audio controls (audioanalysis admin) ---- */ .fa-circle-play, i.fa-circle-play { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8' fill='black'/%3E%3C/svg%3E"); } .fa-circle-pause, i.fa-circle-pause { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='10' y1='8' x2='10' y2='16'/%3E%3Cline x1='14' y1='8' x2='14' y2='16'/%3E%3C/svg%3E"); } .fa-circle-stop, i.fa-circle-stop { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Crect x='8' y='8' width='8' height='8' rx='1' fill='black'/%3E%3C/svg%3E"); } .fa-waveform, i.fa-waveform { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='3' y2='12'/%3E%3Cline x1='7' y1='9' x2='7' y2='15'/%3E%3Cline x1='11' y1='5' x2='11' y2='19'/%3E%3Cline x1='15' y1='8' x2='15' y2='16'/%3E%3Cline x1='19' y1='10' x2='19' y2='14'/%3E%3C/svg%3E"); } /* ---- File/data (admin lists) ---- */ .fa-file, i.fa-file { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0 -2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); } .fa-file-csv, i.fa-file-csv { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0 -2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cpath d='M8 15h2M14 15h2M8 19h2M14 19h2M8 17h8'/%3E%3C/svg%3E"); } .fa-download, i.fa-download { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1 -2 2H5a2 2 0 0 1 -2 -2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E"); } .fa-database, i.fa-database { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v6c0 1.7 4 3 9 3s9 -1.3 9 -3V5'/%3E%3Cpath d='M3 11v6c0 1.7 4 3 9 3s9 -1.3 9 -3v-6'/%3E%3C/svg%3E"); } .fa-image, i.fa-image { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='M21 15l-5 -5L5 21'/%3E%3C/svg%3E"); } .fa-folder-open, i.fa-folder-open { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5a2 2 0 0 1 2 -2h4l2 2h7a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M3 9h17l-2 9a2 2 0 0 1 -2 1H5a2 2 0 0 1 -2 -1z'/%3E%3C/svg%3E"); } .fa-folder-plus, i.fa-folder-plus { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21h14a2 2 0 0 0 2 -2V8a2 2 0 0 0 -2 -2h-8l-2 -2H5a2 2 0 0 0 -2 2v13a2 2 0 0 0 2 2z'/%3E%3Cline x1='12' y1='11' x2='12' y2='17'/%3E%3Cline x1='9' y1='14' x2='15' y2='14'/%3E%3C/svg%3E"); } .fa-paperclip, i.fa-paperclip { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12l-9 9a5 5 0 0 1 -7 -7l9 -9a3.5 3.5 0 0 1 5 5L10 19a2 2 0 0 1 -3 -3l8 -8'/%3E%3C/svg%3E"); } .fa-edit, i.fa-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1l1-4z'/%3E%3C/svg%3E"); } .fa-magnifying-glass-chart, i.fa-magnifying-glass-chart { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='21' y1='21' x2='15' y2='15'/%3E%3Cpath d='M7 11l2 -2l2 2l3 -3'/%3E%3C/svg%3E"); } .fa-clipboard-list-check, i.fa-clipboard-list-check { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='M9 5H7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2V7a2 2 0 0 0 -2 -2h-2'/%3E%3Cpolyline points='9 14 11 16 15 12'/%3E%3C/svg%3E"); } /* ---- Medical/healthcare (admin medical) ---- */ .fa-stethoscope, i.fa-stethoscope { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h-1a2 2 0 0 0 -2 2v3.5h0a5.5 5.5 0 0 0 11 0V6a2 2 0 0 0 -2 -2h-1'/%3E%3Cpath d='M8 15a6 6 0 1 0 12 0v-3'/%3E%3Ccircle cx='20' cy='10' r='2'/%3E%3Cpath d='M6 4v-1M12 4v-1'/%3E%3C/svg%3E"); } .fa-syringe, i.fa-syringe { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21l3 -3M14 7l3 3M16 5l3 3M10 18l-3 -3l8 -8l3 3z'/%3E%3C/svg%3E"); } .fa-microscope, i.fa-microscope, .fa-flask, i.fa-flask { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3v6.5L4 17a2 2 0 0 0 2 3h12a2 2 0 0 0 2 -3l-5 -7.5V3M7 3h10M9 14h6'/%3E%3C/svg%3E"); } .fa-pills, i.fa-pills, .fa-prescription-bottle-medical, i.fa-prescription-bottle-medical { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='16' rx='3'/%3E%3Crect x='14' y='14' width='6' height='6' rx='3' transform='rotate(45 17 17)'/%3E%3Cpath d='M4 12h6'/%3E%3C/svg%3E"); } .fa-thermometer, i.fa-thermometer { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14V4a2 2 0 1 1 4 0v10a4 4 0 1 1 -4 0z'/%3E%3Ccircle cx='12' cy='17' r='1' fill='black'/%3E%3C/svg%3E"); } .fa-heart, i.fa-heart, .fa-heartbeat, i.fa-heartbeat, .fa-shield-heart, i.fa-shield-heart { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0 -7.78 0L12 5.67l-1.06 -1.06a5.5 5.5 0 0 0 -7.78 7.78l8.84 8.84l8.84 -8.84a5.5 5.5 0 0 0 0 -7.78z'/%3E%3C/svg%3E"); } .fa-hospital, i.fa-hospital { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V7l8-4l8 4v14M10 9h4M12 7v4M10 15h4M12 13v4'/%3E%3C/svg%3E"); } .fa-notes-medical, i.fa-notes-medical, .fa-file-medical-alt, i.fa-file-medical-alt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 8h6M9 12h6M12 16v3M10.5 17.5h3'/%3E%3C/svg%3E"); } .fa-allergies, i.fa-allergies { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v15M9 9V6M15 9V6M5 13l3 3M19 13l-3 3'/%3E%3Ccircle cx='12' cy='6' r='3'/%3E%3C/svg%3E"); } .fa-user-doctor, i.fa-user-doctor { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M14 16h4a2 2 0 0 1 2 2v2M10 16H6a2 2 0 0 0 -2 2v2'/%3E%3Cpath d='M12 11v6M9 14h6'/%3E%3C/svg%3E"); } .fa-star-of-life, i.fa-star-of-life { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M4 8l16 8M4 16l16 -8'/%3E%3C/svg%3E"); } /* ---- Mobile / device / comms ---- */ .fa-phone, i.fa-phone { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1 -2.18 2a19.79 19.79 0 0 1 -8.63 -3.07a19.5 19.5 0 0 1 -6 -6a19.79 19.79 0 0 1 -3.07 -8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72a12.84 12.84 0 0 0 .7 2.81a2 2 0 0 1 -.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27 -1.27a2 2 0 0 1 2.11 -.45a12.84 12.84 0 0 0 2.81 .7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); } .fa-phone-slash, i.fa-phone-slash { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M22 16.92v3a2 2 0 0 1 -2.18 2c-3-.18-5.92-1.05-8.5-2.5M9 4.5C9.3 4.6 9.65 4.7 10 4.81a12.84 12.84 0 0 0 2.81 .7A2 2 0 0 1 22 7.08v3'/%3E%3C/svg%3E"); } .fa-mobile-alt, i.fa-mobile-alt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E"); } .fa-video, i.fa-video { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='14' height='12' rx='2'/%3E%3Cpath d='M17 10l4 -2v8l-4 -2'/%3E%3C/svg%3E"); } .fa-envelope-open, i.fa-envelope-open { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9 6l9 -6'/%3E%3Cpath d='M3 9v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2V9l-9 -6z'/%3E%3C/svg%3E"); } .fa-map-marker-alt, i.fa-map-marker-alt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7 -9 13 -9 13s-9 -6 -9 -13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); } /* ---- Misc UI ---- */ .fa-bold, i.fa-bold { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h8a4 4 0 0 1 0 8H6zM6 12h9a4 4 0 0 1 0 8H6z'/%3E%3C/svg%3E"); } .fa-italic, i.fa-italic { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='4' x2='10' y2='4'/%3E%3Cline x1='14' y1='20' x2='5' y2='20'/%3E%3Cline x1='15' y1='4' x2='9' y2='20'/%3E%3C/svg%3E"); } .fa-list-ol, i.fa-list-ol { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' y1='6' x2='21' y2='6'/%3E%3Cline x1='10' y1='12' x2='21' y2='12'/%3E%3Cline x1='10' y1='18' x2='21' y2='18'/%3E%3Cpath d='M4 6h1v4M4 10h2M6 18H4a2 2 0 0 1 2 -3l-2 1'/%3E%3C/svg%3E"); } .fa-list-ul, i.fa-list-ul { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='3.5' cy='6' r='1' fill='black'/%3E%3Ccircle cx='3.5' cy='12' r='1' fill='black'/%3E%3Ccircle cx='3.5' cy='18' r='1' fill='black'/%3E%3C/svg%3E"); } .fa-code, i.fa-code { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E"); } .fa-coins, i.fa-coins { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='5'/%3E%3Cpath d='M14.5 13.5a5 5 0 1 0 -1 -1'/%3E%3C/svg%3E"); } .fa-trophy, i.fa-trophy { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v6a5 5 0 0 1 -10 0z'/%3E%3Cpath d='M5 4H3v3a3 3 0 0 0 3 3M19 4h2v3a3 3 0 0 1 -3 3'/%3E%3C/svg%3E"); } .fa-rocket, i.fa-rocket { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3-5a9 9 0 0 0 6-8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3'/%3E%3Cpath d='M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3'/%3E%3Ccircle cx='15' cy='9' r='1' fill='black'/%3E%3C/svg%3E"); } .fa-dumbbell, i.fa-dumbbell { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12h2M20 12h2M5 8v8M9 6v12M15 6v12M19 8v8'/%3E%3C/svg%3E"); } .fa-person-running, i.fa-person-running { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13' cy='4' r='1'/%3E%3Cpath d='M4 22l5 -7l-2 -4l4 -5l3 4l3 1M11 11l3 5l3 0M14 18l-1 4'/%3E%3C/svg%3E"); } .fa-spinner, i.fa-spinner, .fa-spinner-third, i.fa-spinner-third, .fa-circle-notch, i.fa-circle-notch { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E"); } .fa-infinity, i.fa-infinity { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.828 9.172a4 4 0 1 0 0 5.656a10 10 0 0 0 2.172 -2.828a10 10 0 0 1 2.172 -2.828a4 4 0 1 1 0 5.656a10 10 0 0 1 -2.172 -2.828a10 10 0 0 0 -2.172 -2.828'/%3E%3C/svg%3E"); } .fa-ellipsis, i.fa-ellipsis { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='1' fill='black'/%3E%3Ccircle cx='12' cy='12' r='1' fill='black'/%3E%3Ccircle cx='18' cy='12' r='1' fill='black'/%3E%3C/svg%3E"); } .fa-ellipsis-v, i.fa-ellipsis-v, .fa-ellipsis-vertical, i.fa-ellipsis-vertical { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6' r='1' fill='black'/%3E%3Ccircle cx='12' cy='12' r='1' fill='black'/%3E%3Ccircle cx='12' cy='18' r='1' fill='black'/%3E%3C/svg%3E"); } .fa-grid-2, i.fa-grid-2 { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='8' height='8' rx='1'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1'/%3E%3Crect x='3' y='13' width='8' height='8' rx='1'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1'/%3E%3C/svg%3E"); } .fa-grip-lines-vertical, i.fa-grip-lines-vertical { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='9' y1='4' x2='9' y2='20'/%3E%3Cline x1='15' y1='4' x2='15' y2='20'/%3E%3C/svg%3E"); } .fa-ban, i.fa-ban { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='5' y1='5' x2='19' y2='19'/%3E%3C/svg%3E"); } .fa-circle, i.fa-circle { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E"); } .fa-check-square, i.fa-check-square { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E"); } .fa-toggle-on, i.fa-toggle-on { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='10' rx='5'/%3E%3Ccircle cx='16' cy='12' r='3' fill='black'/%3E%3C/svg%3E"); } .fa-thumbs-up, i.fa-thumbs-up { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11v8h-3a1 1 0 0 1 -1 -1V12a1 1 0 0 1 1 -1h3M7 11l4 -8a2 2 0 0 1 3 2v3h5a2 2 0 0 1 2 2l-1.5 6a2 2 0 0 1 -2 1.5h-7.5'/%3E%3C/svg%3E"); } .fa-arrow-circle-left, i.fa-arrow-circle-left, .fa-long-arrow-left, i.fa-long-arrow-left { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 8 8 12 12 16'/%3E%3Cline x1='16' y1='12' x2='8' y2='12'/%3E%3C/svg%3E"); } .fa-exchange-alt, i.fa-exchange-alt, .fa-arrow-right-arrow-left, i.fa-arrow-right-arrow-left { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 1 21 5 17 9'/%3E%3Cpath d='M3 11V9a2 2 0 0 1 2 -2h16'/%3E%3Cpolyline points='7 23 3 19 7 15'/%3E%3Cpath d='M21 13v2a2 2 0 0 1 -2 2H3'/%3E%3C/svg%3E"); } .fa-bullhorn, i.fa-bullhorn { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4l9 4V6z'/%3E%3Cpath d='M12 6l8 -2v16l-8 -2M16 11a3 3 0 0 1 0 3'/%3E%3C/svg%3E"); } .fa-bullseye, i.fa-bullseye, .fa-bullseye-arrow, i.fa-bullseye-arrow { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3C/svg%3E"); } .fa-briefcase, i.fa-briefcase { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); } .fa-book-open, i.fa-book-open, .fa-books, i.fa-books { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0 -3 -3H2zM22 3h-6a4 4 0 0 0 -4 4v14a3 3 0 0 1 3 -3h7z'/%3E%3C/svg%3E"); } .fa-calendar-plus, i.fa-calendar-plus { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3Cline x1='12' y1='14' x2='12' y2='18'/%3E%3Cline x1='10' y1='16' x2='14' y2='16'/%3E%3C/svg%3E"); } .fa-right-to-bracket, i.fa-right-to-bracket { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8V6a2 2 0 0 1 2 -2h7a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-2'/%3E%3Cpath d='M15 12H3l3 -3M3 12l3 3'/%3E%3C/svg%3E"); } .fa-users, i.fa-users, .fa-users-gear, i.fa-users-gear { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0 -4 -4H7a4 4 0 0 0 -4 4v2'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3Cpath d='M21 21v-2a4 4 0 0 0 -3 -3.85M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); } .fa-user-lock, i.fa-user-lock, .fa-user-shield, i.fa-user-shield { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4 -4h5'/%3E%3Crect x='15' y='14' width='6' height='6' rx='1'/%3E%3Cpath d='M16 14v-2a2 2 0 1 1 4 0v2'/%3E%3C/svg%3E"); } .fa-facebook-f, i.fa-facebook-f { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 2h-3a5 5 0 0 0 -5 5v3H7v4h3v8h4v-8h3l1 -4h-4V7a1 1 0 0 1 1 -1h3z'/%3E%3C/svg%3E"); } .fa-instagram, i.fa-instagram { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8A4 4 0 0 1 16 11.37z'/%3E%3Cline x1='17.5' y1='6.5' x2='17.51' y2='6.5'/%3E%3C/svg%3E"); } .fa-linkedin-in, i.fa-linkedin-in { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 1 0 -4 0v7h-4v-7a6 6 0 0 1 6 -6z'/%3E%3Crect x='2' y='9' width='4' height='12'/%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3C/svg%3E"); } /* ---- DatapointDefinition-iconen (seed-data) ---- */ .fa-stopwatch, i.fa-stopwatch { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M9 1h6M19 5l1 1'/%3E%3C/svg%3E"); } .fa-book, i.fa-book { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5z'/%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5H6.5A2.5 2.5 0 0 0 4 19.5z'/%3E%3C/svg%3E"); } .fa-face-smile, i.fa-face-smile { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2s4 -2 4 -2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E"); } .fa-fire-flame-curved, i.fa-fire-flame-curved { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c0 5 -4 7 -7 7s-7 -2 -7 -7c0 -3 2 -5 3 -6c1 1 2 2 2 3c0 -3 2 -6 5 -8c1 1 2 3 1 5c1 1 3 4 3 6z'/%3E%3C/svg%3E"); } .fa-gauge-high, i.fa-gauge-high { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14l4 -4M3 12a9 9 0 0 1 18 0'/%3E%3Ccircle cx='12' cy='14' r='1' fill='black'/%3E%3C/svg%3E"); } .fa-hockey-puck, i.fa-hockey-puck { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='12' rx='9' ry='3'/%3E%3Cpath d='M3 12v3c0 1.7 4 3 9 3s9 -1.3 9 -3v-3'/%3E%3C/svg%3E"); } .fa-note-sticky, i.fa-note-sticky { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3H5a2 2 0 0 0 -2 2v14a2 2 0 0 0 2 2h10l6 -6V5a2 2 0 0 0 -2 -2z'/%3E%3Cpath d='M21 13h-6a2 2 0 0 0 -2 2v6'/%3E%3C/svg%3E"); } .fa-ruler-vertical, i.fa-ruler-vertical { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='3' width='8' height='18' rx='1'/%3E%3Cpath d='M10 5h2M10 8h3M10 11h2M10 14h3M10 17h2'/%3E%3C/svg%3E"); } .fa-scale-balanced, i.fa-scale-balanced { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M3 21h18M6 7l6 -2l6 2M3 14l3 -7l3 7M15 14l3 -7l3 7'/%3E%3Cpath d='M3 14c0 1.7 1.3 3 3 3s3 -1.3 3 -3M15 14c0 1.7 1.3 3 3 3s3 -1.3 3 -3'/%3E%3C/svg%3E"); } .fa-shoe-prints, i.fa-shoe-prints { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4c-1 3 -1 6 1 9l4 -2c1 -2 0 -5 -2 -7zM13 13c-1 3 -1 6 1 9l4 -2c1 -2 0 -5 -2 -7z'/%3E%3C/svg%3E"); } .fa-spa, i.fa-spa { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12s-3 -4 -3 -8s3 -2 3 0c0 -2 3 -4 3 0s-3 8 -3 8z'/%3E%3Cpath d='M5 12a8 8 0 0 1 14 0M7 16h10'/%3E%3C/svg%3E"); } .fa-battery-low, i.fa-battery-low { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='18' height='10' rx='2'/%3E%3Cline x1='22' y1='11' x2='22' y2='13'/%3E%3Crect x='4' y='9' width='3' height='6' rx='1' fill='black'/%3E%3C/svg%3E"); } .fa-capsules, i.fa-capsules { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='9' width='10' height='6' rx='3' transform='rotate(-45 7 12)'/%3E%3Crect x='12' y='9' width='10' height='6' rx='3' transform='rotate(45 17 12)'/%3E%3C/svg%3E"); } .fa-cube, i.fa-cube { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0 -1 -1.73l-7 -4a2 2 0 0 0 -2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7 -4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E"); } .fa-face-tired, i.fa-face-tired { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 16c1 -1 2.5 -2 4 -2s3 1 4 2'/%3E%3Cpath d='M7 9l2 1l-2 1'/%3E%3Cpath d='M17 9l-2 1l2 1'/%3E%3C/svg%3E"); } .fa-sitemap, i.fa-sitemap { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='6' rx='2'/%3E%3Crect x='3' y='15' width='6' height='6' rx='2'/%3E%3Crect x='15' y='15' width='6' height='6' rx='2'/%3E%3Cpath d='M6 15v-1a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v1M12 9v3'/%3E%3C/svg%3E"); } /* Rapporten-hub + gebruikersbeheer (Tabler: report-search / users-group). */ .fa-report-search, i.fa-report-search { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v1a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1z'/%3E%3Cpath d='M18 12v-5a2 2 0 0 0 -2 -2h-1'/%3E%3Cpath d='M9 5h-1a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h3.5'/%3E%3Ccircle cx='16.5' cy='17.5' r='2.5'/%3E%3Cpath d='M18.5 19.5l2.5 2.5'/%3E%3C/svg%3E"); } .fa-users-group, i.fa-users-group { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='2'/%3E%3Cpath d='M8 21v-1a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v1'/%3E%3Ccircle cx='17' cy='5' r='2'/%3E%3Cpath d='M17 10h2a2 2 0 0 1 2 2v1'/%3E%3Ccircle cx='7' cy='5' r='2'/%3E%3Cpath d='M3 13v-1a2 2 0 0 1 2 -2h2'/%3E%3C/svg%3E"); } /* =================================================================== Aangevuld 18-9-2026: klassen die in de app en in DatapointDefinition gebruikt werden maar hier ontbraken. Zonder mapping blijft --icon leeg en tekent de basisregel een gevuld vierkantje van 1em. =================================================================== */ /* waarschuwing */ .fa-exclamation-triangle, i.fa-exclamation-triangle, .fa-triangle-exclamation, i.fa-triangle-exclamation { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4L2.5 20h19z'/%3E%3Cpath d='M12 10v4'/%3E%3Cpath d='M12 17.5v.01'/%3E%3C/svg%3E"); } /* longen (ademhaling) */ .fa-lungs, i.fa-lungs { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v8'/%3E%3Cpath d='M12 12H9.5C6.5 12 4 14.5 4 17.5V19a2 2 0 0 0 2 2h3a3 3 0 0 0 3 -3z'/%3E%3Cpath d='M12 12h2.5c3 0 5.5 2.5 5.5 5.5V19a2 2 0 0 1 -2 2h-3a3 3 0 0 1 -3 -3z'/%3E%3C/svg%3E"); } /* inzicht */ .fa-lightbulb, i.fa-lightbulb { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 15a5.5 5.5 0 1 1 5 0v2h-5z'/%3E%3Cpath d='M10 20h4'/%3E%3C/svg%3E"); } /* instellingen */ .fa-sliders, i.fa-sliders, .fa-sliders-h, i.fa-sliders-h { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18'/%3E%3Ccircle cx='8' cy='6' r='2'/%3E%3Ccircle cx='15' cy='12' r='2'/%3E%3Ccircle cx='10' cy='18' r='2'/%3E%3C/svg%3E"); } /* wind / adem */ .fa-wind, i.fa-wind { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h9a3 3 0 1 0 -3 -3'/%3E%3Cpath d='M3 12h13a3 3 0 1 1 -3 3'/%3E%3Cpath d='M3 16h7'/%3E%3C/svg%3E"); } /* afstand */ .fa-ruler-horizontal, i.fa-ruler-horizontal { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='8' rx='1'/%3E%3Cpath d='M7 8v3M11 8v4M15 8v3M19 8v4'/%3E%3C/svg%3E"); } /* tijdsduur */ .fa-hourglass-half, i.fa-hourglass-half, .fa-hourglass, i.fa-hourglass { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10M7 21h10'/%3E%3Cpath d='M7 3v3a5 5 0 0 0 5 5a5 5 0 0 0 5 -5V3'/%3E%3Cpath d='M7 21v-3a5 5 0 0 1 5 -5a5 5 0 0 1 5 5v3'/%3E%3C/svg%3E"); } /* aantal */ .fa-hashtag, i.fa-hashtag { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4L7 20M17 4l-2 16M4 9h16M3 15h16'/%3E%3C/svg%3E"); } .fa-minus, i.fa-minus { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } .fa-circle-dot, i.fa-circle-dot { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='3' fill='black' stroke='none'/%3E%3C/svg%3E"); } /* betalen */ .fa-circle-euro, i.fa-circle-euro { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 8.5a4.5 4.5 0 1 0 0 7'/%3E%3Cpath d='M7 11h6M7 13.5h6'/%3E%3C/svg%3E"); } /* externe link */ .fa-external-link-alt, i.fa-external-link-alt, .fa-up-right-from-square, i.fa-up-right-from-square { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5H6a2 2 0 0 0 -2 2v11a2 2 0 0 0 2 2h11a2 2 0 0 0 2 -2v-6'/%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4l-9 9'/%3E%3C/svg%3E"); } /* archief */ .fa-archive, i.fa-archive, .fa-box-archive, i.fa-box-archive { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='4' rx='1'/%3E%3Cpath d='M5 8v11a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E"); } /* terugdraaien / rotatie naar links */ .fa-undo, i.fa-undo, .fa-rotate-left, i.fa-rotate-left, .fa-arrow-rotate-left, i.fa-arrow-rotate-left { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14l-4 -4l4 -4'/%3E%3Cpath d='M5 10h8a6 6 0 1 1 0 12h-3'/%3E%3C/svg%3E"); } /* opnieuw / rotatie naar rechts */ .fa-redo, i.fa-redo, .fa-rotate-right, i.fa-rotate-right { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14l4 -4l-4 -4'/%3E%3Cpath d='M19 10h-8a6 6 0 1 0 0 12h3'/%3E%3C/svg%3E"); } /* formulier */ .fa-wpforms, i.fa-wpforms { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5'/%3E%3C/svg%3E"); } /* sinus: hoort bij een trilling, niet bij een hartslag */ .fa-wave-sine, i.fa-wave-sine { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12c2 -5 4 -5 6 0s4 5 6 0s4 -5 6 0'/%3E%3C/svg%3E"); }