.pocket-icon{display:inline-block;width:1.3em;height:1.3em;flex:none;vertical-align:middle;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.i-pencil{--icon:url(icons/pencil.svg)}
.i-save{--icon:url(icons/save.svg)}
.i-share-2{--icon:url(icons/share-2.svg)}
.i-nfc{--icon:url(icons/nfc.svg)}
.i-download{--icon:url(icons/download.svg)}
.i-layout-template{--icon:url(icons/layout-template.svg)}
.i-image{--icon:url(icons/image.svg)}
.i-type{--icon:url(icons/type.svg)}
.i-palette{--icon:url(icons/palette.svg)}
.i-layers{--icon:url(icons/layers.svg)}
.i-id-card{--icon:url(icons/id-card.svg)}
.i-arrow-right{--icon:url(icons/arrow-right.svg)}
.i-globe{--icon:url(icons/globe.svg)}
.i-log-in{--icon:url(icons/log-in.svg)}
.i-plus{--icon:url(icons/plus.svg)}
.i-copy{--icon:url(icons/copy.svg)}
.i-check{--icon:url(icons/check.svg)}
.i-undo-2{--icon:url(icons/undo-2.svg)}
.i-redo-2{--icon:url(icons/redo-2.svg)}
.i-settings-2{--icon:url(icons/settings-2.svg)}
.i-smartphone{--icon:url(icons/smartphone.svg)}
.i-link{--icon:url(icons/link.svg)}
.i-moon{--icon:url(icons/moon.svg)}
.i-sun{--icon:url(icons/sun.svg)}
.i-mail{--icon:url(icons/mail.svg)}