.icon { display: inline-block; width: 24px; height: 24px; background-size: 24px 24px; vertical-align: bottom; &.follow { background-image: image-url("icons/follow-folder.svg"); } &.unfollow { background-image: image-url("icons/unfollow-folder.svg"); } &.archive { background-image: image-url("icons/archive.svg"); } &.unarchive { background-image: image-url("icons/unarchive.svg"); } &.folder { background-image: image-url("icons/folder.svg"); } &.accept { background-image: image-url("icons/accept.svg"); } &.refuse { background-image: image-url("icons/refuse.svg"); } &.without-continuation { background-image: image-url("icons/without-continuation.svg"); } &.edit { background-image: image-url("icons/edit-folder-blue.svg"); } &.in-progress { background-image: image-url("icons/in-progress-blue.svg"); } &.bubble { background-image: image-url("icons/bubble.svg"); } &.attachment { background-image: image-url("icons/attachment.svg"); } &.lock { background-image: image-url("icons/lock.svg"); } &.printer { background-image: image-url("icons/printer.svg"); } &.account { background-image: image-url("icons/account-circle.svg"); } &.person { background-image: image-url("icons/blue-person.svg"); } &.super-admin { background-image: image-url("icons/super-admin.svg"); } &.mail { background-image: image-url("icons/mail.svg"); } &.search { background-image: image-url("icons/search-blue.svg"); } &.sign-out { background-image: image-url("icons/sign-out.svg"); } &.info { background-image: image-url("icons/info-blue.svg"); object-fit: contain; } }