<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/8d72c910a818422aad2399792c59928f&quot; frameborder=&quot;0&quot; width=&quot;1114&quot; height=&quot;835&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>835</height><width>1114</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>835</thumbnail_height><thumbnail_width>1114</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/8d72c910a818422aad2399792c59928f-27e663c3695f209e.gif</thumbnail_url><duration>200.4105</duration><title>Creating Custom Icons and UI Animations 🎨</title><description>In this video, I walk you through the process of creating custom icons for our project, highlighting the importance of separating vectors and using the Untitled UI icon library. I explain how I set up the layers, including a background blur effect and opacity adjustments to achieve a liquid glass look. I also demonstrate how to animate these icons using mouse interactions in prototype mode, specifically focusing on hover effects and smooth transitions with a duration of 800ms. Please take a look at the file I’ll send you for a clearer understanding, and let me know if you have any questions or need further assistance.</description></oembed>