https://laist.com/news/the-viper-room-will-be-torn-down-and-remodeled-as-part-of-a-12-story-high-rise

Viper Room to become a mixed-use property... ugh...

The color prop does not support all MUI theme colors / their shades DIRECTLY through its color prop. Eg. The color prop supports primary but not primary.main/dark. It does not support the palette warning color at all.

To remedy this you have 2 options 1 BETTER -- give the icon the desired color through the sx prop OR 2. wrap the icon in a box and give the box to desired color

<table> <thead><tr> <th>Type Name</th> <th>Icon Name</th> <th>Icon Page</th> </tr> </thead> <tbody> <tr> <td>Thing</td> <td>information</td> <td>http://thenounproject.com/noun/information/#icon-No22</td> </tr> <tr> <td>Creative Work</td> <td>book</td> <td>http://thenounproject.com/noun/book/#icon-No2248</td> </tr> <tr> <td>Article</td> <td>paper</td> <td>http://thenounproject.com/noun/paper/#icon-No1313</td> </tr> <tr> <td>Blog</td> <td>blog</td> <td>http://thenounproject.com/noun/blog/#icon-No328</td> </tr> <tr> <td>Book</td> <td>book</td> <td>http://thenounproject.com/noun/book/#icon-No2248</td> </tr> <tr> <td>Comment</td> <td>blog</td> <td>http://thenounproject.com/noun/blog/#icon-No460</td> </tr> <tr> <td>ItemList</td> <td>notebook</td> <td>http://thenounproject.com/noun/notebook/#icon-No1604</td> </tr> <tr> <td>Map</td> <td>map</td> <td>http://thenounproject.com/noun/map/#icon-No1670</td> </tr> <tr> <td>MediaObject</td> <td>media</td> <td>http://thenounproject.com/noun/media/#icon-No1565</td> </tr> <tr> <td>Movie</td> <td>movie</td> <td>http://thenounproject.com/noun/movie/#icon-No1683</td> </tr> <tr> <td>MusicPlaylist</td> <td>ipod</td> <td>http://thenounproject.com/noun/ipod/#icon-No2169</td> </tr> <tr> <td>MusicRecording</td> <td>compact disc</td> <td>http://thenounproject.com/noun/compact-disc/#icon-No1231</td> </tr> <tr> <td>Painting</td> <td>paint palette</td> <td>http://thenounproject.com/noun/paint-palette/#icon-No1435</td> </tr> <tr> <td>Photograph</td> <td>polaroid</td> <td>http://thenounproject.com/noun/polaroid/#icon-No1735</td> </tr> <tr> <td>Recipe</td> <td>oven</td> <td>http://thenounproject.com/noun/oven/#icon-No2244</td> </tr> <tr> <td>Review</td> <td>ribbon</td> <td>http://thenounproject.com/noun/ribbon/#icon-No1317</td> </tr> <tr> <td>Sculpture</td> <td></td> <td></td> </tr> <tr> <td>SoftwareApplication</td> <td></td> <td></td> </tr> <tr> <td>TVEpisode</td> <td>television</td> <td>http://thenounproject.com/noun/television/#icon-No2315</td> </tr> <tr> <td>TVSeason</td> <td>television</td> <td>http://thenounproject.com/noun/television/#icon-No2315</td> </tr> <tr> <td>TVSeries</td> <td>television</td> <td>http://thenounproject.com/noun/television/#icon-No2315</td> </tr> <tr> <td>WebPage</td> <td>document</td> <td>http://thenounproject.com/noun/document/#icon-No453</td> </tr> <tr> <td>WebPageElement</td> <td>document</td> <td>http://thenounproject.com/noun/document/#icon-No453</td> </tr> <tr> <td>Event</td> <td>calendar</td> <td>http://thenounproject.com/noun/calendar/#icon-No404</td> </tr> <tr> <td>Intangible</td> <td></td> <td></td> </tr> <tr> <td>Organization</td> <td>network</td> <td>http://thenounproject.com/noun/network#icon-No1056</td> </tr> <tr> <td>Corporation</td> <td>meeting</td> <td>http://thenounproject.com/noun/meeting/#icon-No1173</td> </tr> <tr> <td>EducationalOrganization</td> <td>school</td> <td>http://thenounproject.com/noun/school/#icon-No2455</td> </tr> <tr> <td>CollegeOrUniversity</td> <td>college</td> <td>http://thenounproject.com/noun/college/#icon-No2402</td> </tr> <tr> <td>ElementarySchool</td> <td></td> <td></td> </tr> <tr> <td>HighSchool</td> <td></td> <td></td> </tr> <tr> <td>MiddleSchool</td> <td></td> <td></td> </tr> <tr> <td>Preschool</td> <td>school</td> <td>http://thenounproject.com/noun/school/#icon-No2401</td> </tr> <tr> <td>School</td> <td>school</td> <td>http://thenounproject.com/noun/school/#icon-No2455</td> </tr> <tr> <td>GovernmentOrganization</td> <td>institution</td> <td>http://thenounproject.com/noun/institution/#icon-No1564</td> </tr> <tr> <td>LocalBusiness</td> <td>building</td> <td>http://thenounproject.com/noun/building/#icon-No1808</td> </tr> <tr> <td>AnimalShelter</td> <td></td> <td></td> </tr> <tr> <td>AutomotiveBusiness</td> <td>car service</td> <td>http://thenounproject.com/noun/car-service/#icon-No1705</td> </tr> <tr> <td>ChildCare</td> <td></td> <td></td> </tr> <tr> <td>DryCleaningOrLaundry</td> <td></td> <td></td> </tr> <tr> <td>EmergencyService</td> <td></td> <td></td> </tr> <tr> <td>EmploymentAgency</td> <td></td> <td></td> </tr> <tr> <td>EntertainmentBusiness</td> <td>theater</td> <td>http://thenounproject.com/noun/theater/#icon-No1554</td> </tr> <tr> <td>FinancialService</td> <td>bank</td> <td>http://thenounproject.com/noun/bank/#icon-No4</td> </tr> <tr> <td>FoodEstablishment</td> <td>restaurant</td> <td>http://thenounproject.com/noun/restaurant/#icon-No24</td> </tr> <tr> <td>GovernmentOffice</td> <td>town hall</td> <td>http://thenounproject.com/noun/town-hall/#icon-No2406</td> </tr> <tr> <td>HealthAndBeautyBusiness</td> <td>beauty salon</td> <td>http://thenounproject.com/noun/beauty-salon/#icon-No15</td> </tr> <tr> <td>HomeAndConstructionBusiness</td> <td></td> <td></td> </tr> <tr> <td>InternetCafe</td> <td></td> <td></td> </tr> <tr> <td>Library</td> <td>library</td> <td>http://thenounproject.com/noun/library/#icon-No191</td> </tr> <tr> <td>LodgingBusiness</td> <td>hotel</td> <td>http://thenounproject.com/noun/hotel/#icon-No46</td> </tr> <tr> <td>MedicalOrganization</td> <td>hospital</td> <td>http://thenounproject.com/noun/hospital/#icon-No1658</td> </tr> <tr> <td>ProfessionalService</td> <td></td> <td></td> </tr> <tr> <td>RadioStation</td> <td>radio tower</td> <td>http://thenounproject.com/noun/radio-tower/#icon-No1316</td> </tr> <tr> <td>RealEstateAgent</td> <td></td> <td></td> </tr> <tr> <td>RecyclingCenter</td> <td>recycle</td> <td>http://thenounproject.com/noun/recycle/#icon-No60</td> </tr> <tr> <td>SelfStorage</td> <td></td> <td></td> </tr> <tr> <td>ShoppingCenter</td> <td>shops</td> <td>http://thenounproject.com/noun/shops/#icon-No28</td> </tr> <tr> <td>SportsActivityLocation</td> <td>gymnasium</td> <td>http://thenounproject.com/noun/gymnasium/#icon-No736</td> </tr> <tr> <td>Store</td> <td>grocery store</td> <td>http://thenounproject.com/noun/grocery-store/#icon-No2386</td> </tr> <tr> <td>TelevisionStation</td> <td></td> <td></td> </tr> <tr> <td>TouristInformationCenter</td> <td>information</td> <td>http://thenounproject.com/noun/information/#icon-No908</td> </tr> <tr> <td>TravelAgency</td> <td></td> <td></td> </tr> <tr> <td>NGO</td> <td></td> <td></td> </tr> <tr> <td>PerformingGroup</td> <td>team</td> <td>http://thenounproject.com/noun/team/#icon-No1016</td> </tr> <tr> <td>SportsTeam</td> <td></td> <td></td> </tr> <tr> <td>Person</td> <td>man</td> <td>http://thenounproject.com/noun/man/#icon-No2</td> </tr> <tr> <td>Place</td> <td>Map-marker</td> <td>http://thenounproject.com/noun/map-marker/#icon-No462</td> </tr> <tr> <td>AdministrativeArea</td> <td>city</td> <td>http://thenounproject.com/noun/city/#icon-No1566</td> </tr> <tr> <td>City</td> <td>city</td> <td>http://thenounproject.com/noun/city/#icon-No1566</td> </tr> <tr> <td>Country</td> <td></td> <td></td> </tr> <tr> <td>State</td> <td>texas</td> <td>http://thenounproject.com/noun/texas/#icon-No2286</td> </tr> <tr> <td>CivicStructure</td> <td>town hall</td> <td>http://thenounproject.com/noun/town-hall/#icon-No2406</td> </tr> <tr> <td>Airport</td> <td>airport</td> <td>http://thenounproject.com/noun/airport/#icon-No2431</td> </tr> <tr> <td>Aquarium</td> <td></td> <td></td> </tr> <tr> <td>Beach</td> <td>beach chair</td> <td>http://thenounproject.com/noun/beach-chair/#icon-No1611</td> </tr> <tr> <td>BusStation</td> <td>bus stop</td> <td>http://thenounproject.com/noun/bus-stop/#icon-No2246</td> </tr> <tr> <td>BusStop</td> <td>bus stop</td> <td>http://thenounproject.com/noun/bus-stop/#icon-No2246</td> </tr> <tr> <td>Campground</td> <td>campground</td> <td>http://thenounproject.com/noun/campground/#icon-No209</td> </tr> <tr> <td>Cemetery</td> <td>cemetery</td> <td>http://thenounproject.com/noun/cemetery/#icon-No2441</td> </tr> <tr> <td>Crematorium</td> <td>cemetery</td> <td>http://thenounproject.com/noun/cemetery/#icon-No2441</td> </tr> <tr> <td>EventVenue</td> <td>theater</td> <td>http://thenounproject.com/noun/theater/#icon-No501</td> </tr> <tr> <td>FireStation</td> <td>fire station</td> <td>http://thenounproject.com/noun/fire-station/#icon-No2405</td> </tr> <tr> <td>GovernmentBuilding</td> <td>capital</td> <td>http://thenounproject.com/noun/capital/#icon-No1761</td> </tr> <tr> <td>Hospital</td> <td>hospital</td> <td>http://thenounproject.com/noun/hospital/#icon-No2384</td> </tr> <tr> <td>MovieTheater</td> <td>cinema</td> <td>http://thenounproject.com/noun/cinema/#icon-No313</td> </tr> <tr> <td>Museum</td> <td>museum</td> <td>http://thenounproject.com/noun/museum/#icon-No2428</td> </tr> <tr> <td>MusicVenue</td> <td>theater</td> <td>http://thenounproject.com/noun/theater/#icon-No501</td> </tr> <tr> <td>Park</td> <td>park</td> <td>http://thenounproject.com/noun/picnic-table/#icon-No208</td> </tr> <tr> <td>ParkingFacility</td> <td>parking</td> <td>http://thenounproject.com/noun/parking/#icon-No27</td> </tr> <tr> <td>PerformingArtsTheater</td> <td>theater</td> <td>http://thenounproject.com/noun/theater/#icon-No1548</td> </tr> <tr> <td>PlaceOfWorship</td> <td>church</td> <td>http://thenounproject.com/noun/church/#icon-No2541</td> </tr> <tr> <td>Playground</td> <td>playground</td> <td>http://thenounproject.com/noun/playground/#icon-No734</td> </tr> <tr> <td>PoliceStation</td> <td></td> <td></td> </tr> <tr> <td>RVPark</td> <td>rv</td> <td>http://thenounproject.com/noun/rv/#icon-No254</td> </tr> <tr> <td>StadiumOrArena</td> <td></td> <td></td> </tr> <tr> <td>SubwayStation</td> <td>subway</td> <td>http://thenounproject.com/noun/subway/#icon-No724</td> </tr> <tr> <td>TaxiStand</td> <td>taxi</td> <td>http://thenounproject.com/noun/taxi/#icon-No70</td> </tr> <tr> <td>TrainStation</td> <td>Train-station</td> <td>http://thenounproject.com/noun/train-station/#icon-No608</td> </tr> <tr> <td>Zoo</td> <td>elephant</td> <td>http://thenounproject.com/noun/elephant/#icon-No860</td> </tr> <tr> <td>Landform</td> <td>mountain</td> <td>http://thenounproject.com/noun/mountain/#icon-No1045</td> </tr> <tr> <td>BodyOfWater</td> <td>reservoir</td> <td>http://thenounproject.com/noun/reservoir/#icon-No1129</td> </tr> <tr> <td>Continent</td> <td></td> <td></td> </tr> <tr> <td>Mountain</td> <td>mountain</td> <td>http://thenounproject.com/noun/mountain/#icon-No1045</td> </tr> <tr> <td>Volcano</td> <td>volcano</td> <td>http://thenounproject.com/noun/volcano/#icon-No1708</td> </tr> <tr> <td>LandmarksOrHistoricalBuildings</td> <td>castle</td> <td>http://thenounproject.com/noun/castle/#icon-No2478</td> </tr> <tr> <td>Residence</td> <td>house</td> <td>http://thenounproject.com/noun/house/#icon-No1439</td> </tr> <tr> <td>TouristAttraction</td> <td>monument</td> <td>http://thenounproject.com/noun/monument/#icon-No2426</td> </tr> <tr> <td>Product</td> <td>present</td> <td>http://thenounproject.com/noun/present/#icon-No188</td> </tr> </tbody> </table>

I ought to create a bank of common icons to keep on hand. Here's something that's a good start.

Why do you use a sprinkling of icons in your newsletter. I really like it.

만족하는

Here's a small peek at our app logos for a new food delivery app we are working on. If you have an app or website to build, we have a design & development team for you.

Best Free Social Media Icons Sets for Your Website

Strong arguments for abandoning icon fonts in favor of SVG icons, with plenty of links to supporting material.<br> Tyler Sticka

Font Awesome is an SVG and CSS icon library designed for Bootstrap.

Useful history of icon authoring techniques on the web and in particular icon fonts vs SVGs