/** * 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;