Tailwind Weekly #95: Heroicons v2.0 is here 🥳 🚀!
Tags: tailwindcss
Published: 2022-08-30 15:52:17

*This was originally posted on [Tailwind Weekly](https://tailwindweekly.com/issue-95/), if you want to subscribe to receive this directly into your inbox you can sign up [here](https://tailwindweekly.com/).*

---

Hello folks!

[Heroicons v2.0](https://twitter.com/steveschoger/status/1562117153591107586?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website) is out folks 🎉 . This launch has been long in the making and it's finally here! Check out the news section for more info.

We also decided to add a jobs section and feature job ads from the official Tailwind CSS job board, if you want to add yours then check out the section for more info.  

## 🌟 News

![svg icons](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/35fxgh7irb1iqzyucg9o.png) _Beautiful_ 😍 

Say hello to the new Heroicons!

We got a completely new design, a new `24px` solid set, and 260 icons redrawn from scratch, with the outline version using a thinner `1.5px` stroke.

The icons are also available as React and Vue libraries and official Figma components so we got the whole deal 😎.

## 🤩 Sponsors

[![devtools](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2o0e84lrgsa4cru7k8lb.png)](https://devtoolsfortailwind.com/?utm_source=Tailwind+Weekly+Website&utm_medium=email&utm_campaign=Tailwind+Weekly+Web+Issue)
The sponsor of this issue is the [DevTools for Tailwind CSS](https://devtoolsfortailwind.com/?utm_source=Tailwind+Weekly+Website&utm_medium=email&utm_campaign=Tailwind+Weekly+Web+Issue) browser extension. The DevTools for Tailwind bring back designing and debugging in your browser. Intellisense autocompletion, full JIT engine support in minified production sites, and more. **Get a 20% discount if you use the code `TAILWIND-WEEKLY` during the checkout.**


[![polypane](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ltte5axs8n3ol8sz40h6.png)](https://polypane.app/tailwindcss/?status=accepted&expires=1664465107&p_sid=39438&p_aid=124142&p_link=3113&p_tok=d666a5b8-5ab2-4897-a1ee-a8330642706b)
Polypane is a great tool for testing your project’s responsive design and accessibility. I use this daily for my frontend work and it's 👌. **Get a 20% discount if you use the code `TAILWINDWEEKLY20` during checkout.**  

## 📚 Learning

[![smashingmagazine](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7z3xwd2hyc3tbwgigz9m.jpg)](https://www.smashingmagazine.com/2022/08/everything-developers-must-know-about-figma/?utm_campaign=tailwind-weekly-095&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
### [Everything Developers Must Know About Figma](https://www.smashingmagazine.com/2022/08/everything-developers-must-know-about-figma/?utm_campaign=tailwind-weekly-095&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
This primer is not your average "here's how to use Figma" post, this is actually a great guide for its most common and advanced features and how they're useful for developers. A great read if you work translating Figma designs to code.

### [How to make your multilingual website suitable for RTL with only HTML and CSS](https://www.voorhoede.nl/en/blog/how-to-multilingual-website-rtl-html-css/?utm_campaign=tailwind-weekly-095&utm_source=Tailwind%20Weekly%3Futm_campaign%3DTailwind%20Weekly%20Web%20Issue&utm_source=Tailwind%20Weekly%20Website)
This one is short, sweet, and straight to the point. It has 3 tips for you if you're working on adding RTL support to your website. The 3rd tip "Give unicode ranges to fonts" was one I haven't heard of before and was quite interesting.

### [How to change the Tailwind CSS base font size](https://redpixelthemes.com/blog/change-tailwindcss-base-font-size/?utm_campaign=tailwind-weekly-095&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
Written by me! I recently worked on a project migrating an old codebase from Bootstrap to Tailwind CSS and the original developer did the whole `html { font-size: 10px; }` so had to find a way around that for Tailwind and this post explains how I did it. I hope you find it useful!

## 💅 Showcase

[![bump](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cwvkig27sgkm7we0n3kk.png)](https://bump.sh/?utm_campaign=tailwind-weekly-095&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
### [Bump](https://bump.sh/?utm_campaign=tailwind-weekly-095&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
Bump's design is simple and clean with beautiful blue hues, cute icons, and styled screenshots. The copy is king here and I particularly liked the testimonial section's design.

For the curious, here's Bump's description:

_Create a powerful human-centered workflow for your APIs. Bump documents, diffs, and validates your API changes continuously. It lets you focus on what's important: building your product._

## 🎁 Resource

[![a17t miles land](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h179rrkjxptajy48ixtp.png)](https://a17t.miles.land/?utm_campaign=tailwind-weekly-095&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
### [a17t](https://a17t.miles.land/?utm_campaign=tailwind-weekly-095&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
a17t is a Tailwind CSS plugin that provides pre-built components like `field`, `button`, and `card` in for your project. I would say the design is very minimalistic and I find it curious how they class prefixes like `~` and `@`. Overall a great resource if you like the design and you're looking to code fast with pre-built components.

## 💼 Featured jobs
[Laravel Developer](https://apply.workable.com/mindsize/j/EE7A836C34/?ref=tailwind-weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website) - Full-time - Remote / USA - Mindsize

[Lead Tailwind Developer](https://www.cmsmax.com/careers/lead-tailwind-developer?ref=tailwind-weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website) - Full-time - Remote / USA - CMS Max

[Senior Frontend Engineer ](https://www.ycombinator.com/companies/lugg/jobs/JnIt8KgiG-front-end-software-engineer?ref=tailwind-weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)- Full-time - Remote / Everywhere - Lugg

⭐ Want to add your job post here? See [more info](https://tailwindweekly.com/advertise/#promoted-job-posting).

## 👌 Promoted links
_Note: Some of these links are affiliate links, which means I get compensated in some way if you buy through them but I promise I only recommend products I really like!_

**Become a Pro at building components & layouts with CSS Flexbox and Grid with the [Complete Guide to CSS Flex and Grid](https://shrutibalasa.gumroad.com/l/css-flex-and-grid?utm_campaign=Tailwind%20Weekly%20Web%20Issue&utm_source=Tailwind%20Weekly%20Website)** ebook by [Shruti Balasa](https://twitter.com/shrutibalasa?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website). I actually read this book and LOVED IT. I have been using flexbox and CSS grid for years and I still learned quite a few things from the book.

Manage **all your projects** and tasks in the most **organized and efficient way** possible. Use the [Notion Project Management Template](https://notioneverything.gumroad.com/l/project-management-template?utm_campaign=Tailwind%20Weekly%20Web%20Issue&utm_source=Tailwind%20Weekly%20Website) to stay focused and implement a robust structure for your business or personal projects.

**There's a reason over 2.6 million people start their day with [Morning Brew](https://www.morningbrew.com/daily/subscribe?utm_source=tailwind-weekly&utm_medium=paid_newsletter&utm_campaign=swapstack_tailwind-weekly&utm_campaign=Tailwind%20Weekly%20Web%20Issue&utm_source=Tailwind%20Weekly%20Website)** — the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be dry and dense...make your mornings more enjoyable, for free.

**Get smarter every day**. Every day Refind picks 7 links from around the web for you, tailored to your interests. Loved by 50k+ curious minds. [Subscribe for free today](https://refind.com/?utm_source=tailwind-weekly&utm_medium=swapstack&utm_campaign=plugandplay&utm_campaign=Tailwind%20Weekly%20Web%20Issue&utm_source=Tailwind%20Weekly%20Website).

## ✌️ Partners
[CSS Simplified by Shruti Balasa](https://www.getrevue.co/profile/shrutibalasa?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website): One simple CSS tip every Wednesday from her decade of experience right into your inbox.

[TypeScript Weekly](https://typescript-weekly.com/?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website): the best TypeScript links every week, right in your inbox.

[ES.next News](http://esnextnews.com/?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website): learn about the latest in JavaScript and cross-platform tools

Want to share something with the TailwindCSS community? You can [submit a link](https://docs.google.com/forms/d/e/1FAIpQLSe4ebD1JdmEWXDSDItAAR_hLcQRaaYWbHCw2L0Y3JmZiln1OA/viewform) or message me on Twitter [@vivgui](https://twitter.com/vivgui?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website).

Want to support the newsletter? You can buy me a coffee with the link below 😁.

[![coffe](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/54a0yz2ug2ezgo215dz7.png)](https://www.buymeacoffee.com/vivgui?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)