/* ─────────────────────────────────────────────────────────────────────────────
Field Link Missions — icon set
Hand-drawn line icons on a 24-unit grid, 1.8 stroke, round caps. Each icon is
an SVG mask painted with the current text colour, so the same glyph works in
brass on the website, in ivory on the kiosk and in whatever a theme sets.
Use:
Size: follows font-size (1em); add .ic-lg / .ic-xl or set width/height.
Colour: color: … on the element or any ancestor.
The same file is shipped by both images: nginx/client/icons.css for the app
pages and site/client/icons.css for the website and docs. Keep the two in step.
───────────────────────────────────────────────────────────────────────────── */
.ic {
display: inline-block;
width: 1em; height: 1em;
flex-shrink: 0;
vertical-align: -0.16em;
background-color: currentColor;
-webkit-mask: var(--i) center / contain no-repeat;
mask: var(--i) center / contain no-repeat;
}
.ic-lg { width: 1.35em; height: 1.35em; vertical-align: -0.3em; }
.ic-xl { width: 2em; height: 2em; vertical-align: -0.5em; }
/* People and places */
.ic-user { --i: url("data:image/svg+xml;utf8,"); }
.ic-users { --i: url("data:image/svg+xml;utf8,"); }
.ic-family { --i: url("data:image/svg+xml;utf8,"); }
.ic-church { --i: url("data:image/svg+xml;utf8,"); }
.ic-building { --i: url("data:image/svg+xml;utf8,"); }
.ic-home { --i: url("data:image/svg+xml;utf8,"); }
.ic-cross { --i: url("data:image/svg+xml;utf8,"); }
.ic-heart { --i: url("data:image/svg+xml;utf8,"); }
/* Places and the map */
.ic-pin { --i: url("data:image/svg+xml;utf8,"); }
.ic-globe { --i: url("data:image/svg+xml;utf8,"); }
.ic-map { --i: url("data:image/svg+xml;utf8,"); }
.ic-compass { --i: url("data:image/svg+xml;utf8,"); }
.ic-plane { --i: url("data:image/svg+xml;utf8,"); }
.ic-flag { --i: url("data:image/svg+xml;utf8,"); }
/* Letters, media, files */
.ic-mail { --i: url("data:image/svg+xml;utf8,"); }
.ic-send { --i: url("data:image/svg+xml;utf8,"); }
.ic-inbox { --i: url("data:image/svg+xml;utf8,"); }
.ic-letter { --i: url("data:image/svg+xml;utf8,"); }
.ic-pdf { --i: url("data:image/svg+xml;utf8,"); }
.ic-video { --i: url("data:image/svg+xml;utf8,"); }
.ic-play { --i: url("data:image/svg+xml;utf8,"); }
.ic-camera { --i: url("data:image/svg+xml;utf8,"); }
.ic-photos { --i: url("data:image/svg+xml;utf8,"); }
.ic-folder { --i: url("data:image/svg+xml;utf8,"); }
.ic-archive { --i: url("data:image/svg+xml;utf8,"); }
.ic-list { --i: url("data:image/svg+xml;utf8,"); }
.ic-clipboard{ --i: url("data:image/svg+xml;utf8,"); }
.ic-book { --i: url("data:image/svg+xml;utf8,"); }
.ic-receipt { --i: url("data:image/svg+xml;utf8,"); }
.ic-print { --i: url("data:image/svg+xml;utf8,"); }
.ic-paperclip{ --i: url("data:image/svg+xml;utf8,"); }
/* Devices and the kiosk */
.ic-screen { --i: url("data:image/svg+xml;utf8,"); }
.ic-phone { --i: url("data:image/svg+xml;utf8,"); }
.ic-call { --i: url("data:image/svg+xml;utf8,"); }
.ic-qr { --i: url("data:image/svg+xml;utf8,"); }
.ic-board { --i: url("data:image/svg+xml;utf8,"); }
.ic-wifi { --i: url("data:image/svg+xml;utf8,"); }
.ic-cloud { --i: url("data:image/svg+xml;utf8,"); }
.ic-database { --i: url("data:image/svg+xml;utf8,"); }
.ic-save { --i: url("data:image/svg+xml;utf8,"); }
.ic-download { --i: url("data:image/svg+xml;utf8,"); }
.ic-upload { --i: url("data:image/svg+xml;utf8,"); }
.ic-embed { --i: url("data:image/svg+xml;utf8,"); }
.ic-link { --i: url("data:image/svg+xml;utf8,"); }
/* Security and accounts */
.ic-lock { --i: url("data:image/svg+xml;utf8,"); }
.ic-unlock { --i: url("data:image/svg+xml;utf8,"); }
.ic-key { --i: url("data:image/svg+xml;utf8,"); }
.ic-shield { --i: url("data:image/svg+xml;utf8,"); }
.ic-eye { --i: url("data:image/svg+xml;utf8,"); }
.ic-eye-off { --i: url("data:image/svg+xml;utf8,"); }
.ic-door { --i: url("data:image/svg+xml;utf8,"); }
.ic-card { --i: url("data:image/svg+xml;utf8,"); }
.ic-coins { --i: url("data:image/svg+xml;utf8,"); }
.ic-ticket { --i: url("data:image/svg+xml;utf8,"); }
.ic-rings { --i: url("data:image/svg+xml;utf8,"); }
.ic-megaphone{ --i: url("data:image/svg+xml;utf8,"); }
.ic-bell { --i: url("data:image/svg+xml;utf8,"); }
.ic-bulb { --i: url("data:image/svg+xml;utf8,"); }
/* Actions and status */
.ic-check { --i: url("data:image/svg+xml;utf8,"); }
.ic-check-circle { --i: url("data:image/svg+xml;utf8,"); }
.ic-pencil { --i: url("data:image/svg+xml;utf8,"); }
.ic-trash { --i: url("data:image/svg+xml;utf8,"); }
.ic-search { --i: url("data:image/svg+xml;utf8,"); }
.ic-gear { --i: url("data:image/svg+xml;utf8,"); }
.ic-tools { --i: url("data:image/svg+xml;utf8,"); }
.ic-refresh { --i: url("data:image/svg+xml;utf8,"); }
.ic-repeat { --i: url("data:image/svg+xml;utf8,"); }
.ic-undo { --i: url("data:image/svg+xml;utf8,"); }
.ic-clock { --i: url("data:image/svg+xml;utf8,"); }
.ic-calendar { --i: url("data:image/svg+xml;utf8,"); }
.ic-chart { --i: url("data:image/svg+xml;utf8,"); }
.ic-trend { --i: url("data:image/svg+xml;utf8,"); }
.ic-warning { --i: url("data:image/svg+xml;utf8,"); }
.ic-info { --i: url("data:image/svg+xml;utf8,"); }
.ic-help { --i: url("data:image/svg+xml;utf8,"); }
.ic-ban { --i: url("data:image/svg+xml;utf8,"); }
.ic-star { --i: url("data:image/svg+xml;utf8,"); }
.ic-spark { --i: url("data:image/svg+xml;utf8,"); }
.ic-menu { --i: url("data:image/svg+xml;utf8,"); }
.ic-chevron-down{ --i: url("data:image/svg+xml;utf8,"); }
.ic-copy { --i: url("data:image/svg+xml;utf8,"); }
.ic-cart { --i: url("data:image/svg+xml;utf8,"); }
.ic-hourglass{ --i: url("data:image/svg+xml;utf8,"); }
.ic-truck { --i: url("data:image/svg+xml;utf8,"); }
.ic-broom { --i: url("data:image/svg+xml;utf8,"); }
.ic-flask { --i: url("data:image/svg+xml;utf8,"); }
.ic-bucket { --i: url("data:image/svg+xml;utf8,"); }
.ic-trophy { --i: url("data:image/svg+xml;utf8,"); }
.ic-pause { --i: url("data:image/svg+xml;utf8,"); }
.ic-stop { --i: url("data:image/svg+xml;utf8,"); }
.ic-circle { --i: url("data:image/svg+xml;utf8,"); }