Template:User icons/styles.css

.infobox__title__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--space-xs);
}

.infobox__title__icon > ::after {
	content: "";
	display: block;
	width: var(--size-icon);
	height: var(--size-icon);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
}

.infobox__title__icon__sysop::after {
	background-color: #ff0072;
	mask-image: url("https://amaranth-legacy.yttrium.systems/%28Ambrosia%29_-_Amaranth.png");
}

.infobox__title__icon__sysadmin::after {
	background-color: var(--color-amaranth-legacy-scope);
	mask-image: url("https://amaranth-legacy.yttrium.systems/-website-icon-Screwdriver-wrench-solid.svg");
}