.icon {
    -webkit-touch-callout: none;
    background-color: currentColor;
    block-size: var(--icon-size, 1em);
    display: inline-block;
    flex-shrink: 0;
    inline-size: var(--icon-size, 1em);
    mask-image: var(--svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: var(--icon-size, 1em);
    pointer-events: none;
    user-select: none;
}

img.icon {
    background: none;
}

.icon--add {
    --svg: url("/assets/add-2c0e4d77.svg");
}

.icon--arrow-left {
    --svg: url("/assets/arrow-left-d0429239.svg");
}

.icon--arrow-right {
    --svg: url("/assets/arrow-right-46e9f515.svg");
}

.icon--caret-down {
    --svg: url("/assets/caret-down-b84e79a5.svg");
}

.icon--chat {
    --svg: url("/assets/chat-f86b68b3.svg");
}

.icon--check {
    --svg: url("/assets/check-8abb4e1d.svg");
}

.icon--clipboard {
    --svg: url("/assets/clipboard-c94aada5.svg");
}

.icon--close {
    --svg: url("/assets/close-49598724.svg");
}

.icon--computer {
    --svg: url("/assets/computer-43f1a751.svg");
}

.icon--copy {
    --svg: url("/assets/copy-b45dac9a.svg");
}

.icon--copy-paste {
    --svg: url("/assets/copy-paste-4aaeec80.svg");
}

.icon--crown {
    --svg: url("/assets/crown-ed4d6612.svg");
}

.icon--group {
    --svg: url("/assets/group-c20641c4.svg");
}

.icon--history {
    --svg: url("/assets/history-fd748d88.svg");
}

.icon--home {
    --svg: url("/assets/home-bc0d438f.svg");
}

.icon--leaderboard {
    --svg: url("/assets/leaderboard-696d1f70.svg");
}

.icon--lightbulb {
    --svg: url("/assets/lightbulb-13c359a2.svg");
}

.icon--logout {
    --svg: url("/assets/logout-a224f1f2.svg");
}

.icon--marker {
    --svg: url("/assets/marker-7a22c12c.svg");
}

.icon--minus {
    --svg: url("/assets/minus-975818c3.svg");
}

.icon--moon {
    --svg: url("/assets/moon-2d4cb92d.svg");
}

.icon--pencil {
    --svg: url("/assets/pencil-a5317980.svg");
}

.icon--person {
    --svg: url("/assets/person-0f924543.svg");
}

.icon--person-add {
    --svg: url("/assets/person-add-fff1fd14.svg");
}

.icon--refresh {
    --svg: url("/assets/refresh-35786d1e.svg");
}

.icon--schedule {
    --svg: url("/assets/schedule-0b743371.svg");
}

.icon--settings {
    --svg: url("/assets/settings-0a2b5f83.svg");
}

.icon--sun {
    --svg: url("/assets/sun-699bba08.svg");
}