'init'

app/components/SettingsIcon/SettingsIcon.tsx

@@ -0,0 +1,17 @@
+import { Flex, MantineColor } from "@mantine/core";
+
+interface SettingsIconProps {
+    bg: MantineColor;
+    icon: React.ElementType;
+}
+
+export function SettingsIcon(props : SettingsIconProps) {
+
+    return (
+        <Flex style={{
+            borderRadius: 6
+        }} bg={props.bg} h={21} w={21} align={'center'} justify={'center'}>
+            <props.icon size={15} color={'white'} />
+        </Flex>
+    );
+}