mirror of
				https://github.com/Unleash/unleash.git
				synced 2025-10-27 11:02:16 +01:00 
			
		
		
		
	https://linear.app/unleash/issue/2-1502/add-support-for-custom-dynamic-icons-mui-icon-component Adds support for custom dynamic icons by adding the [Material Symbols Outlined font](https://fonts.google.com/icons) and setting the MUI Icon component base class. See: https://mui.com/material-ui/icons/#icon-font-icons Message banner use case: This will not only enable us to set custom icons for external message banners, but will also let users configure their desired icon from the set of options in the font.
		
			
				
	
	
		
			29 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			29 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <html lang="en">
 | |
|     <head>
 | |
|         <meta charset="utf-8" />
 | |
|         <link rel="icon" href="::faviconPrefix::/favicon.ico" />
 | |
|         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 | |
|         <meta name="baseUriPath" content="::baseUriPath::" />
 | |
|         <meta name="cdnPrefix" content="::cdnPrefix::" />
 | |
|         <meta name="uiFlags" content="::uiFlags::" />
 | |
|         <meta name="viewport" content="width=device-width, initial-scale=1" />
 | |
|         <meta name="description" content="unleash" />
 | |
|         <title>Unleash</title>
 | |
|         <link rel="preconnect" href="https://fonts.googleapis.com" />
 | |
|         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 | |
|         <link
 | |
|             href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap"
 | |
|             rel="stylesheet"
 | |
|         />
 | |
|         <link
 | |
|             rel="stylesheet"
 | |
|             href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
 | |
|         />
 | |
|     </head>
 | |
|     <body>
 | |
|         <div id="app"></div>
 | |
|         <script type="module" src="/src/index.tsx"></script>
 | |
|     </body>
 | |
| </html>
 |