/**
* App icons as SVG data URLs for the Mana ecosystem
* These can be used directly as image src or CSS background-image
*/
// Helper to convert SVG string to data URL
const svgToDataUrl = (svg: string): string => {
const encoded = encodeURIComponent(svg).replace(/'/g, '%27').replace(/"/g, '%22');
return `data:image/svg+xml,${encoded}`;
};
// Memoro icon SVG
const memoroSvg = ``;
// Mana icon (single droplet)
const manaSvg = ``;
// ManaChat icon (simplified chat bubble with gradient)
const chatSvg = ``;
// Presi icon (presentation/slides icon with gradient)
const presiSvg = ``;
// Cards icon (cards/flashcards with gradient)
const cardsSvg = ``;
// Picture icon (image/gallery with gradient)
const pictureSvg = ``;
// Zitare icon (quote/inspiration with gradient)
const zitareSvg = ``;
// WiseKeep icon (wisdom/lightbulb with gradient)
const wisekeepSvg = ``;
// Moodlit icon (colorful gradient circle)
const moodlitSvg = ``;
// Nutriphi icon (nutrition/heart with gradient)
const nutriphiSvg = ``;
// Contacts icon (address book/person with gradient)
const contactsSvg = ``;
// Calendar icon (calendar with gradient)
const calendarSvg = ``;
// Storage icon (cloud storage with gradient)
const storageSvg = ``;
// Clock icon (analog clock with gradient)
const clockSvg = ``;
// Todo icon (checkbox/task list with gradient)
const todoSvg = ``;
// Mail icon (envelope with gradient)
const mailSvg = ``;
// Inventory icon (box/package with gradient)
const inventorySvg = ``;
// Questions icon (question mark with magnifying glass)
const questionsSvg = ``;
// Matrix icon (network/federated chat with purple gradient)
const matrixSvg = ``;
// CityCorners icon (map pin with blue gradient)
const citycornersSvg = ``;
// Taktik icon (clock with play button, amber gradient)
const timesSvg = ``;
// Calc icon (calculator with pink gradient)
const calcSvg = ``;
// Context icon (document/knowledge with sky blue gradient)
const contextSvg = ``;
/**
* App icons as data URLs
* Use these directly in
or CSS background-image
*/
export const APP_ICONS = {
memoro: svgToDataUrl(memoroSvg),
mana: svgToDataUrl(manaSvg),
chat: svgToDataUrl(chatSvg),
presi: svgToDataUrl(presiSvg),
cards: svgToDataUrl(cardsSvg),
picture: svgToDataUrl(pictureSvg),
zitare: svgToDataUrl(zitareSvg),
wisekeep: svgToDataUrl(wisekeepSvg),
moodlit: svgToDataUrl(moodlitSvg),
nutriphi: svgToDataUrl(nutriphiSvg),
contacts: svgToDataUrl(contactsSvg),
calendar: svgToDataUrl(calendarSvg),
storage: svgToDataUrl(storageSvg),
clock: svgToDataUrl(clockSvg),
todo: svgToDataUrl(todoSvg),
mail: svgToDataUrl(mailSvg),
inventory: svgToDataUrl(inventorySvg),
questions: svgToDataUrl(questionsSvg),
matrix: svgToDataUrl(matrixSvg),
context: svgToDataUrl(contextSvg),
citycorners: svgToDataUrl(citycornersSvg),
times: svgToDataUrl(timesSvg),
calc: svgToDataUrl(calcSvg),
uload: svgToDataUrl(
``
),
news: svgToDataUrl(
``
),
guides: svgToDataUrl(
``
),
music: svgToDataUrl(
``
),
photos: svgToDataUrl(
``
),
planta: svgToDataUrl(
``
),
skilltree: svgToDataUrl(
``
),
habits: svgToDataUrl(
``
),
notes: svgToDataUrl(
``
),
dreams: svgToDataUrl(
``
),
cycles: svgToDataUrl(
``
),
finance: svgToDataUrl(
``
),
places: svgToDataUrl(
``
),
arcade: svgToDataUrl(
``
),
events: svgToDataUrl(
``
),
} as const;
export type AppIconId = keyof typeof APP_ICONS;