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__community_manager::after {
	background-color: #ff0072;
	mask-image: url("https://amaranth-legacy.yttrium.systems/-website-icon-%28Ambrosia%29_-_Amaranth.png");
}

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

.infobox__title__icon__sysop::after {
	background-color: #860059;
	mask-image: url("https://amaranth-legacy.yttrium.systems/-website-icon-Globe-solid.svg");
}

.infobox__title__icon__steward::after {
	background-color: #3498db;
	mask-image: url("https://amaranth-legacy.yttrium.systems/-website-icon-User-shield-solid.svg");
}