You can use any font you want in your own project of course, but if you'd like to use Inter, the easiest way is to first add it via the CDN: Using a custom font is nice because it allows us to make the components look the same on all browsers and operating systems.
We've used Inter font family for all of the Tailwind UI examples because it's a beautiful font for UI design and is completely open-source and free. If you're new to Tailwind CSS, you'll want to read the Tailwind CSS documentation as well to get the most out of Tailwind UI.
FIGMA ICON INSTALL
To make sure that you are on the latest version of Tailwind, update via npm: npm install you are previously coming from Tailwind UI for Tailwind CSS v1, check out our guide for getting updated to Tailwind CSS v2/v3.Īll of the examples in Tailwind UI rely on the default Tailwind CSS configuration, but some rely on additional first-party plugins like and an example requires any plugins or configuration changes, it will be noted in a comment at the top of the example. The icons toe the borderline of playful, unique but familiar.All of the components in Tailwind UI are designed for Tailwind CSS v2/v3. The icons span different categories making them very suitable for use in a variety of projects. Iconscout provided this pack of icons all in SVG format for general use. So based on these two considerations, here are 10 icon packs picked from the Figma Community that you can use in your projects: Unicons by Iconscout As such, I am very careful when selecting packs to use. I don’t like having tons of icon packs strewn all over my Figma drafts. This is very helpful since I don’t always know from the start, all the icons I need for a project. The source of the icon: Some icon packs are extensive in the number of icons rendered.Is it rounded? Hand-drawn? Does it fit the style or mood I am going for in my design? When choosing icons to use in my designs, there are two things I consider each time There are so many resources there - icons, illustrations, UI kits, name it! - all for members of the community to use. But, one place which isn’t getting the hype it deserves is the Figma Community.
Many sites provide you with tons of icons. Now I know better (phew!), and now answer the same question when reviewing the work of designers just starting out “where do I get icons for my project from?”. Sometimes I took screenshots of my phone screen and cropped out the icons.😂 When I needed an icon, I would look for an image that was the right color and put it in its place. One aspect I used to wonder about was icons. Starting my design journey, I always used to look at other people’s designs and wonder “how did they do that?” on several notes. Icons to use in any design of your choosing.
0 kommentar(er)
