<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="pretty-atom-feed.xsl" type="text/xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
  <title>Blog Awesome</title>
  <subtitle>News and information from Font Awesome – the internet’s favorite icon set; mixed with musings and nerdery from the team behind it.</subtitle>
  <link href="https://blog.fontawesome.com/feed/feed.xml" rel="self" />
  <link href="https://blog.fontawesome.com/" />
  <updated>2026-06-25T19:28:58Z</updated>
  <id>https://blog.fontawesome.com/</id>
  <author>
    <name>Font Awesome</name>
  </author>
  <entry>
    <title>Introducing: Build Awesome</title>
    <link href="https://blog.fontawesome.com/introducing-build-awesome-static-site-platform-kickstarter/" />
    <updated>2026-05-07T17:40:36Z</updated>
    <id>https://blog.fontawesome.com/introducing-build-awesome-static-site-platform-kickstarter/</id>
    <content type="html">&lt;blockquote&gt;
&lt;p&gt;I really love surprise parties. I’m just so frickin’ excited! &lt;/p&gt;
&lt;/blockquote&gt;
&lt;hr&gt;
&lt;p&gt;We’ve been holding something in for a long time. And well, to be honest, our tummies hurt just a little. &lt;strong&gt;TLDR&lt;/strong&gt;; Now you can help fund the &lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=6nknva&quot;&gt;Build Awesome Kickstarter!&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;To be honest, holding in this news was kinda like trying not to spoil a surprise party while the guest of honor keeps asking why there are balloons poking out of the closet. (We see you, Surprise Party Sue.)&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome?ref=cimyg7&quot;&gt;The&lt;/a&gt; &lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=6nknva&quot;&gt;Kickstarter&lt;/a&gt; is live, and you’re invited into the test kitchen. Back the project, nab all the goodies, and help us ship a better long-term recipe for building on the web.&lt;/p&gt;
&lt;h2 id=&quot;the-build-awesome-kickstarter-is-live&quot;&gt;The Build Awesome Kickstarter is Live!&lt;/h2&gt;
&lt;p&gt;&lt;video height=&quot;720&quot; style=&quot;aspect-ratio: 1280 / 720;&quot; width=&quot;1280&quot; autoplay=&quot;&quot; controls=&quot;&quot; loop=&quot;&quot; muted=&quot;&quot; src=&quot;https://blog.fontawesome.com/introducing-build-awesome-static-site-platform-kickstarter/clip-3-1-xNvJLTWLrBGS.mp4&quot; playsinline=&quot;&quot;&gt;&lt;/video&gt;&lt;/p&gt;
&lt;p&gt;Build Awesome is our answer to a problem every web person knows deep down in their bones: &lt;em&gt;while shipping websites is sometimes easy, the maintenance part is not.&lt;/em&gt;  &lt;/p&gt;
&lt;p&gt;Somewhere between launch day confetti and six months later, your build ends up requiring seventeen plugins and performing an ethically gray ritual, just to keep things running. Your site gets fragile. Bloated. Stale. The deploy pipeline starts looking like a kitchen that a group of kindergartners have been “cooking” in for the last week. Your utensil drawer has been replaced with a vague sense of dread, and your dry ingredients have been spilled all over the floor. &lt;/p&gt;
&lt;p&gt;So we sprung into action to do what we do best: we marched into the test kitchen and started rebuilding the recipe!&lt;/p&gt;
&lt;h2 id=&quot;the-problem-modern-web-stacks-feel-like-cooking-during-an-earthquake&quot;&gt;The Problem: Modern Web Stacks Feel Like Cooking During an Earthquake&lt;/h2&gt;
&lt;p&gt;&lt;video height=&quot;720&quot; style=&quot;aspect-ratio: 1280 / 720;&quot; width=&quot;1280&quot; autoplay=&quot;&quot; controls=&quot;&quot; loop=&quot;&quot; muted=&quot;&quot; src=&quot;https://blog.fontawesome.com/introducing-build-awesome-static-site-platform-kickstarter/clip-1-1-aK1Zgewo6eu8.mp4&quot; playsinline=&quot;&quot;&gt;&lt;/video&gt;&lt;/p&gt;
&lt;p&gt;You’ve got everything you need: design system, components, content, a plan (and maybe a playlist to jam while you’re building).&lt;/p&gt;
&lt;p&gt;But somehow shipping still runs up against the brick wall of multiple frameworks, a database + CMS layer, and a deployment pipeline held together with thoughts, prayers, and one dependency that updates every Tuesday just to remind you who’s boss.&lt;/p&gt;
&lt;p&gt;Simple edits turn into unwelcome meetings with Milton (we like him just fine). Maintenance turns into archaeology. And somewhere in your CI config, a ‘possum is chewing through a cable while maintaining unblinking eye contact.&lt;/p&gt;
&lt;h2 id=&quot;the-solution-build-awesome&quot;&gt;The Solution: Build Awesome&lt;/h2&gt;
&lt;p&gt;&lt;video height=&quot;720&quot; style=&quot;aspect-ratio: 1280 / 720;&quot; width=&quot;1280&quot; autoplay=&quot;&quot; controls=&quot;&quot; loop=&quot;&quot; muted=&quot;&quot; src=&quot;https://blog.fontawesome.com/introducing-build-awesome-static-site-platform-kickstarter/clip-2-1-PEazci3J7hAc.mp4&quot; playsinline=&quot;&quot;&gt;&lt;/video&gt;&lt;/p&gt;
&lt;p&gt;Build Awesome is static by default. That means fast sites that don’t crumble under their own stack, with:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Durable HTML output:&lt;/strong&gt; boring (compliment) pages that keep working for years&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;No database required:&lt;/strong&gt; fewer moving parts, fewer “why is prod on fire” moments&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Anywhere hosting:&lt;/strong&gt; deploy where you want, not where a platform insists&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Clearer structure for maintenance + collaboration:&lt;/strong&gt; easier edits after launch, even with team churn&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Optional Pro workflow tools:&lt;/strong&gt; safer updates, previews, and teamwork without lock-in&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Aaand, no Awesomeverse project is complete without a fun video. Well, you guessed it, a bunch of the video cast and crew are back at it (including a ‘possum mascot!) so quit readin’ and start watchin’!&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=6nknva&quot; class=&quot;c-button c-button--primary&quot;&gt;&lt;svg class=&quot;c-button__icon fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-rocket-launch&quot; xlink:href=&quot;#fas-fa-rocket-launch&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Check out the Kickstarter!&lt;/a&gt;&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Staying True to Open Source: An Honest Reflection</title>
    <link href="https://blog.fontawesome.com/staying-true-to-open-source-an-honest-reflection/" />
    <updated>2026-06-25T19:28:58Z</updated>
    <id>https://blog.fontawesome.com/staying-true-to-open-source-an-honest-reflection/</id>
    <content type="html">&lt;p&gt;A few months ago, we started to notice something uncomfortable in the Web Awesome- Awesomeverse. Not outright anger from the community, but maybe something more like skepticism. &lt;/p&gt;
&lt;p&gt;This uncomfortable feeling showed up in Discord threads and support emails. We were getting the message that folks were testing the waters, but that maybe they weren’t sure they trusted us just yet. And when we took an honest look at what was happening, the answer started coming into view: during the Web Awesome Kickstarter, we were in a rush to ship, and we’d started acting more like a product company instead of an open source project. We were sending mixed signals. &lt;/p&gt;
&lt;p&gt;That’s not who we are.&lt;/p&gt;
&lt;h2 id=&quot;how-it-happened&quot;&gt;&lt;strong&gt;How It Happened&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;During a Kickstarter, shipping on time matters. Backers were waiting, but there’s a cost to working fast, and in this situation the cost was that we’d lost clarity about what Web Awesome actually is, and about who it’s for.&lt;/p&gt;
&lt;p&gt;We had prioritized account creation, which made the paywall feel more prominent than the free tier, but that wasn’t the result of sneaky intentions. Our real-time decisions were the result of a team figuring out how to be a sustainable business while also staying true to an open source project. Those two things are genuinely tricky to balance, and we found the line by crossing it.&lt;/p&gt;
&lt;h2 id=&quot;what-s-actually-true&quot;&gt;&lt;strong&gt;What’s Actually True&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;As an open source web components library, Web Awesome is likely the most serious platform-agnostic option in the web components space right now. We’re not trying to puff ourselves up by making that claim, it’s just the reality of the landscape.&lt;/p&gt;
&lt;p&gt;Our goal has always been to lower the bar for building accessible, usable, well-made things on the web. A lot of the built-in challenges like accessibility, component behavior, cross-framework compatibility, are difficulties that individual developers and small teams shouldn’t have to solve from the ground up every single time. Web Awesome exists to solve those issues once, for everybody.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/0zTMAxCpRs-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/0zTMAxCpRs-1440.png&quot; alt=&quot;4 Font Awesome icons on a navy background: puzzle, Web Awesome crown, funnel, upward chart with dollar sign&quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;So, why does this mean? Well, the free tier isn’t a funnel. The free tier is the whole point.&lt;/p&gt;
&lt;p&gt;Web Awesome Pro exists because building and maintaining a serious open source project requires a team to maintain it, and teams need to eat. To put it in perspective, the conversion rate on a project like this is probably somewhere in the neighborhood of between 1–4%. That means the majority of people who use Web Awesome will never pay for it. And that’s totally cool, because that’s a model we believe in and always have. The goal is to give useful tools to as many people as possible while also providing options to those who want to take things up a notch. &lt;/p&gt;
&lt;h2 id=&quot;the-course-correction&quot;&gt;&lt;strong&gt;The Course Correction&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;We’ve already changed the homepage to lower the bar to entry. And we have a public CDN that’s available to everyone. Now, signing up for Web Awesome is optional, but not required, and we’ve got more coming. We’re not building more features as a Public Relations gimmick, but as a reflection of what was always true, but got obscured for a minute.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/FZcJnlr1Yc-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/FZcJnlr1Yc-1440.png&quot; alt=&quot;4 Font Awesome icons on a navy background: redo arrow, face with dotted outline, wrench, person raising a hand&quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;We didn’t need to convince ourselves to care about open source. We needed to be reminded again not to let the pressure to ship fast pull us away from it. And when Cory raised the concern internally, the response from leadership was immediate: &lt;em&gt;yeah, go fix it&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Being able to raise those kinds of concerns, and pump the brakes, is not a given at most companies. And that feels worth highlighting, too.&lt;/p&gt;
&lt;h2 id=&quot;what-comes-next&quot;&gt;&lt;strong&gt;What Comes Next&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Trust isn’t rebuilt through announcements, but by showing up consistently over time, shipping good work, to ensure the free tier is genuinely useful, and then being honest when something goes sideways.&lt;/p&gt;
&lt;p&gt;That’s our plan. Not because it’s good marketing, but because it has been, and always will be, the only version of this worth doing.&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Why We’re Staying Curious and Reasonable About AI</title>
    <link href="https://blog.fontawesome.com/using-ai-tools-as-a-small-team/" />
    <updated>2026-06-11T13:25:00Z</updated>
    <id>https://blog.fontawesome.com/using-ai-tools-as-a-small-team/</id>
    <content type="html">&lt;blockquote&gt;
&lt;p&gt;Strange things are afoot at the Circle K.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;hr&gt;
&lt;p&gt;There’s a version of this post where we could tell you AI changed everything overnight and that we’re never looking back. The thing is, that’s not what happened.&lt;/p&gt;
&lt;p&gt;What actually happened is slower, and we think, more interesting. At the moment, we think AI use is more about intent, and what it means to build something for other people, not just crank out high volumes of slop. &lt;/p&gt;
&lt;h2 id=&quot;we-didn-t-come-in-as-true-believers&quot;&gt;&lt;strong&gt;We Didn’t Come In As True Believers&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;When AI tools started becoming more common for devs and designers, it’s not like we were in a huge rush to embrace them. But we were curious, aaaand also a bit skeptical. Travis put it plainly: &lt;em&gt;“It’s not necessarily the world I would have envisioned or I would have picked.”&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;That’s an honest thing to say out loud, and a sentiment worth considering. This is a little Captian Obvious to say, but there’s a real disruption happening. The things a lot of us have gotten really good at (like the craft of writing a function, solving a gnarly UI problem, debugging until 1am because the thing just wouldn’t work) are changing. Some of them are getting eaten up by AI. &lt;/p&gt;
&lt;p&gt;But rather than become doomsday prophets about how we’re all getting rolled over by the AI Overlords, we’ve decided to stay “curious and reasonable”. It turns out, curious and reasonable is one of the three core behaviors we try to practice at Font Awesome, and that means we don’t jump to a dogmatic conclusion before we’ve actually spent time with something. But it also means we reserve the right to change our opinions when the evidence changes. So, we approach AI tools with some healthy skepticism, but if the tools get better, and it opens more opportunities, we’ll acknowledge that as we continue learning.&lt;/p&gt;
&lt;p&gt;So we ran an experiment. We called it Build Week.&lt;/p&gt;
&lt;h2 id=&quot;build-week-what-we-actually-found-out&quot;&gt;&lt;strong&gt;Build Week: What We Actually Found Out&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;At our most recent all company Snuggle, everyone on the team came in and spent a week building — and not necessarily on Font Awesome projects. Nobody was under any particular pressure, the goals was just to build using AI to see what happened. &lt;/p&gt;
&lt;p&gt;The results surprised us. Not because the AI did everything for us, but because of &lt;em&gt;where&lt;/em&gt; it helped most. Most folks gravitated toward their areas of deepest expertise and used the tools to reach further around the edges. Security folks got more thorough security. Designers got more precise design. Developers finally got to clearing out the decade-long backlog items that never made it into a sprint.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/sCng7ettMA-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/sCng7ettMA-1440.png&quot; alt=&quot;4 Font Awesome icons on a navy background: Bézier curve, shield with keyhole, code brackets, paint palette&quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Dave Gandy, who spent the week building Color Awesome (a tool he’d wanted to make for years) put it this way: &lt;em&gt;AI helps you be more of who you are, not less.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;That was the unexpected part. With AI, there’s often an assumption that it would flatten everyone into generic output. What we found was almost the opposite. When you know what you want and you understand the domain, the tools can amplify your judgment. The stuff that fell out of the week felt specific, personal, and fully ours. Dave’s color palette visualizer ended up looking like stained glass — because he’d just been to the Sagrada Família and that’s where his head was. The tool wasn’t a replacement for true taste. It gave the taste somewhere to go, but faster.&lt;/p&gt;
&lt;h2 id=&quot;the-question-that-actually-matters&quot;&gt;&lt;strong&gt;The Question That Actually Matters&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Here’s a question we kept coming back to: &lt;em&gt;What are we doing this for, and why?&lt;/em&gt; That may sound simple, but it isn’t.  &lt;/p&gt;
&lt;p&gt;For example, if the goal is to learn to code, leaning on AI to write all your code is a bad idea. You’ll ship stuff you don’t understand and can’t maintain. Kind of like how a student might use AI to write every paper isn’t learning to write, rather, they’re just checking an assignment off a list.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/TSNrNagw3k-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/TSNrNagw3k-1440.png&quot; alt=&quot;4 Font Awesome icons on a navy background: question mark, checklist, ship, target with arrow&quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;But if the goal is to build great software for real people, that’s different. The end user doesn’t care how long it took you to write the function, they care about whether it works, whether it’s fast, and whether it gets out of their way. And if these tools let a small team ship five or ten times more of the right things for the people they’re serving, that’s not cheating, it’s focus.&lt;/p&gt;
&lt;p&gt;That framing shifted something for us, because the best engineers aren’t the ones who write code in the way that’s most fun for them. They write code in the way that’s most useful for someone else. AI, used right, is just another way to stay focused on that goal.&lt;/p&gt;
&lt;h2 id=&quot;more-power-harder-choices&quot;&gt;&lt;strong&gt;More Power, Harder Choices&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Here’s the part nobody warns you about: when you can build almost anything, the hardest skill becomes knowing what &lt;em&gt;not&lt;/em&gt; to build.&lt;/p&gt;
&lt;p&gt;Travis framed it as a quality problem. When you can produce so much more output, the bottleneck of workflows shifts to review, to make sure what ships are actually good, reliable, and useful. The speed is real, but so is the responsibility to stay user-centric, and useful.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/kALi90cGB_-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/kALi90cGB_-1440.png&quot; alt=&quot;4 Font Awesome icons on a navy background: tools, checkmark in a speech bubble, open box, ban slash&quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Dave made the same point from a product angle: more features aren’t better. Anyone who’s ever moved to a new house knows what he means. Every box you carry down the stairs is a feature you have to maintain forever. It’s the right stuff that you’re looking for, not more stuff.&lt;/p&gt;
&lt;p&gt;So we’re thinking harder about discernment. Who do we talk to? What do our customers actually need? What does simplicity look like when you suddenly have the ability to add … anything? The ability to say &lt;em&gt;no&lt;/em&gt; confidently, quickly, and on purpose has never been more important.&lt;/p&gt;
&lt;h2 id=&quot;the-concerns-we-take-seriously&quot;&gt;&lt;strong&gt;The Concerns We Take Seriously&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;We’re also not going to skip past the hard parts of the conversation. AI raises real questions. Energy and compute costs are real. The ethics of training data — what was scraped, from whom, and under what permissions — are real. The effect on jobs, on what it means to be a developer or designer, on the skills people spend years building, that’s real, too.&lt;/p&gt;
&lt;p&gt;Travis put it honestly: you can’t put the genie back in the bottle on some of this. Maybe we get better moving forward, but we also need better governance. And we definitely need to keep having the hard conversations rather than pretending they’re settled.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/H7cI_awmkN-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/H7cI_awmkN-1440.png&quot; alt=&quot;4 Font Awesome icons on a navy background: lightning bolt, nervous sweating face, balanced scale, handshake&quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Dave’s take is that this is the same story technology has always told. You can do remarkable things with powerful tools, and you can do terrible things with them too. The question has always been intent and character, not capability alone. All capability and no character is, as Dave put it, just a supervillain. Zod doesn’t have a product strategy, he just has power and no guardrails.&lt;/p&gt;
&lt;p&gt;Character has to come first. That’s true for people, and it has to be true for how we adopt these tools at Font Awesome.&lt;/p&gt;
&lt;h2 id=&quot;why-we-re-still-here-still-curious&quot;&gt;&lt;strong&gt;Why We’re Still Here, Still Curious&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Here’s what we keep coming back to: the people who get hit hardest by major technological transitions are almost always the ones who refuse to engage with them at all.&lt;/p&gt;
&lt;p&gt;That’s not a reason to abandon your judgment. It’s a reason to use it. Stay curious, and ask the hard questions. Don’t just accept the hype, but don’t perform skepticism as a substitute for actually figuring out the right thing to do. &lt;/p&gt;
&lt;p&gt;We ran Build Week because we wanted to start poking around and start formulating opinions, and find a way forward. What we found was that these tools, used with clear intent and real taste, actually help people become more of who they are. That was the surprise, and that’s why we’re staying curious.&lt;/p&gt;
&lt;p&gt;Obviously, this conversation will look different a year from now. And it will probably be different a month from now. But the framework we’re working from, to stay curious and reasonable, humble and helpful, adventurous and dependable — that’s all the same. &lt;/p&gt;
&lt;p&gt;Now, go forth and go make something awesome!&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;&lt;em&gt;This post is based on conversations from &lt;a href=&quot;https://www.podcastawesome.com/2092855/episodes/19065993-build-week-what-we-made-with-ai-part-1-with-dave-travis&quot;&gt;Episodes 1&lt;/a&gt; and &lt;a href=&quot;https://www.podcastawesome.com/2092855/episodes/19099835-say-no-more-what-ai-actually-changes-part-2&quot;&gt;2&lt;/a&gt; of Podcast Awesome with Dave Gandy and Travis Chase. Listen wherever you get podcasts or at&lt;/em&gt; &lt;a href=&quot;https://podcastawesome.com/&quot;&gt;&lt;em&gt;podcastawesome.com&lt;/em&gt;&lt;/a&gt;&lt;em&gt;.&lt;/em&gt;&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>WA 3.8: Date Picker, Accordion, and SSR</title>
    <link href="https://blog.fontawesome.com/wa-3-8-date-picker-accordion-and-ssr/" />
    <updated>2026-06-08T22:25:52Z</updated>
    <id>https://blog.fontawesome.com/wa-3-8-date-picker-accordion-and-ssr/</id>
    <content type="html">&lt;h2 id=&quot;it-s-about-time&quot;&gt;📅 It’s about time&lt;/h2&gt;
&lt;p&gt;We know you’ve been waiting for a date, and we’re not about to let you get stood up. Four new components are here to sweep you off your feet:&lt;/p&gt;
&lt;h4 id=&quot;wa-date-picker&quot;&gt;&amp;lt;wa-date-picker&amp;gt;&lt;/h4&gt;
&lt;p&gt;Grab &lt;a href=&quot;https://webawesome.com/docs/components/date-picker/&quot;&gt;&lt;em&gt;&amp;lt;wa-date-picker&amp;gt;&lt;/em&gt;&lt;/a&gt; to display an inline calendar for selecting a date or date range. Show one or multiple months at a time, disable specific dates or days of the week, customize how days of the week are labeled…the possibilities are (nearly) endless.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/aQhTeFdp9V-678.avif 678w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/aQhTeFdp9V-678.png&quot; alt=&quot;&quot; width=&quot;678&quot; height=&quot;808&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;h4 id=&quot;wa-date-input&quot;&gt;&amp;lt;wa-date-input&amp;gt;&lt;/h4&gt;
&lt;p&gt;Snag &lt;a href=&quot;https://webawesome.com/docs/components/date-input&quot;&gt;&lt;em&gt;&amp;lt;wa-date-input&amp;gt;&lt;/em&gt;&lt;/a&gt; for a form-associated date input, letting users edit discrete segments for day, month, and year with the keyboard or select from a date picker popup. The date picker popup supports that same customization options as &lt;em&gt;&amp;lt;wa-date-picker&amp;gt;&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/v-1RgmcuaC-686.avif 686w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/v-1RgmcuaC-686.png&quot; alt=&quot;&quot; width=&quot;686&quot; height=&quot;948&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&amp;lt;wa-date-input&amp;gt;&lt;/em&gt; localizes the input format based on the &lt;em&gt;lang=””&lt;/em&gt; attribute set on the component or any parent element so that day, month, and year appear in a familiar order.&lt;/p&gt;
&lt;h4 id=&quot;wa-known-date&quot;&gt;&amp;lt;wa-known-date&amp;gt;&lt;/h4&gt;
&lt;p&gt;Sometimes, having too many dates to choose from is a burden. Reach for &lt;a href=&quot;https://webawesome.com/docs/components/known-date/&quot;&gt;&lt;em&gt;&amp;lt;wa-known-date&amp;gt;&lt;/em&gt;&lt;/a&gt; for dates that your users know by heart, like birthdays or expirations. &lt;em&gt;&amp;lt;wa-known-date&amp;gt;&lt;/em&gt; shows three separate fields for day, month, and year in a neatly packaged fieldset that submits a single ISO date value. No need to page through months– or years-worth of dates to find the right one.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/gJd7nMmT_I-720.avif 720w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/gJd7nMmT_I-720.png&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;212&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Like &lt;em&gt;&amp;lt;wa-date-input&amp;gt;&lt;/em&gt;, &lt;em&gt;&amp;lt;wa-known-date&amp;gt;&lt;/em&gt; renders each field in the order most familiar to the current locale.&lt;/p&gt;
&lt;h4 id=&quot;wa-time-input&quot;&gt;&amp;lt;wa-time-input&amp;gt;&lt;/h4&gt;
&lt;p&gt;For something of a smaller scale, grab &lt;a href=&quot;https://webawesome.com/docs/components/time-input/&quot;&gt;&lt;em&gt;&amp;lt;wa-time-input&amp;gt;&lt;/em&gt;&lt;/a&gt; for a form-associated time input. Users can edit discrete segments for hour, minute, and optional second with an additional AM/PM option depending on the locale. Users can type to enter their values or select from a popup.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/a5cXTuvUHW-508.avif 508w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/a5cXTuvUHW-508.png&quot; alt=&quot;&quot; width=&quot;508&quot; height=&quot;710&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;h2 id=&quot;bellowing-for-wa-accordion&quot;&gt;🪗 Bellowing for &amp;lt;wa-accordion&amp;gt;&lt;/h2&gt;
&lt;p&gt;Who doesn’t love a little polka? …wait, not &lt;em&gt;that&lt;/em&gt; accordion.&lt;/p&gt;
&lt;p&gt;Play with &lt;a href=&quot;https://webawesome.com/docs/components/accordion/&quot;&gt;&lt;em&gt;&amp;lt;wa-accordion&amp;gt;&lt;/em&gt;&lt;/a&gt; (and &lt;a href=&quot;https://webawesome.com/docs/components/accordion-item&quot;&gt;&lt;em&gt;&amp;lt;wa-accordion-item&amp;gt;&lt;/em&gt;&lt;/a&gt;) to display synchronized, expandable sections of content. Choose whether only one or multiple accordion items can be expanded at once, and enjoy super smooth animations to transition from one state to another.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/eIQRHysIPA-720.avif 720w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/eIQRHysIPA-720.png&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;342&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;☝️ &lt;strong&gt;Remember:&lt;/strong&gt; All new components are released in &lt;em&gt;experimental&lt;/em&gt; status until they’re properly battle-tested on real websites. If you run into something that’s not working for you, &lt;a href=&quot;https://webawesome.com/docs/resources/support&quot;&gt;let us know&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Enough new components for one day…&lt;/p&gt;
&lt;h2 id=&quot;giving-back-end-with-ssr&quot;&gt;⚙️ Giving back(end) with SSR&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;https://webawesome.com/docs/ssr&quot;&gt;Web Awesome now supports server-side-rendering.&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Server-side rendering, or SSR, first renders your webpage on the server before sending the fully formed HTML to a user’s browser. This helps optimize your content for search engines and improves initial loads times — there’s no waiting for JavaScript to load before your content appears.&lt;/p&gt;
&lt;p&gt;For Web Awesome components, Declarative Shadow DOM allows us to load the HTML markup of a component, then hydrate the component once JavaScript kicks in to add the full-featured interactivity. Doing so renders an approximation of the component right away and helps reduce layout shifting.&lt;/p&gt;
&lt;p&gt;You can try using SSR with Web Awesome in your own project, or toggle the “Try SSR” switch on our docs to see it in action.&lt;/p&gt;
&lt;p&gt;As a brand-new, experimental feature, there are existing bugs and limitations to be mindful of. If you encounter an issue that hasn’t already been reported, please &lt;a href=&quot;https://github.com/shoelace-style/webawesome/issues&quot;&gt;report the issue on GitHub&lt;/a&gt; so we can continue refining the SSR experience.&lt;/p&gt;
&lt;h2 id=&quot;we-know-it-s-already-a-lot&quot;&gt;🚚 We know it’s already a lot…&lt;/h2&gt;
&lt;p&gt;…but we have plenty of other goodies and improvements in WA 3.8, including:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;An &lt;em&gt;image=””&lt;/em&gt; attribute for &lt;a href=&quot;https://webawesome.com/docs/components/qr-code/#images&quot;&gt;&lt;em&gt;&amp;lt;wa-qr-code&amp;gt;&lt;/em&gt;&lt;/a&gt; to add logos to the center of a QR code&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://webawesome.com/docs/utilities/text/#transform&quot;&gt;Text transform utilities&lt;/a&gt;: &lt;em&gt;wa-text-uppercase&lt;/em&gt;, &lt;em&gt;wa-text-lowercase&lt;/em&gt;, and &lt;em&gt;wa-text-capitalize&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://webawesome.com/docs/utilities/text/#alignment&quot;&gt;Text alignment utilities&lt;/a&gt;: &lt;em&gt;wa-text-start&lt;/em&gt;, &lt;em&gt;wa-text-center&lt;/em&gt;, &lt;em&gt;wa-text-end&lt;/em&gt;, and &lt;em&gt;wa-text-justify&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;A &lt;a href=&quot;https://webawesome.com/docs/utilities/prose/&quot;&gt;&lt;em&gt;wa-prose&lt;/em&gt; utility&lt;/a&gt; for applying typographic rhythm to long-form content&lt;/li&gt;
&lt;li&gt;Updates to &lt;a href=&quot;https://webawesome.com/docs/utilities/native/&quot;&gt;Native Styles&lt;/a&gt;, including a style reset for &lt;em&gt;&amp;lt;menu&amp;gt;&lt;/em&gt;, new styles for &lt;em&gt;&amp;lt;figcaption&amp;gt;&lt;/em&gt;, and improvements to a number of text elements&lt;/li&gt;
&lt;li&gt;An overhaul of our &lt;a href=&quot;https://webawesome.com/docs/theming-overview&quot;&gt;theming documentation&lt;/a&gt; with new guidance on &lt;a href=&quot;https://webawesome.com/docs/customizing#light-and-dark-mode&quot;&gt;detecting color scheme preferences&lt;/a&gt; and using built-in classes to make existing themes your own&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a href=&quot;https://webawesome.com/docs/resources/changelog#wa_380&quot;&gt;Pop over to our changelog&lt;/a&gt; for the laundry list of everything fresh in WA 3.8.&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Holy GDPR Compliance, Batman!</title>
    <link href="https://blog.fontawesome.com/explicit-acceptance-for-gdpr/" />
    <updated>2026-05-14T16:06:23Z</updated>
    <id>https://blog.fontawesome.com/explicit-acceptance-for-gdpr/</id>
    <content type="html">&lt;p&gt;You’ve probably heard about GDPR or at least seen its effects (all those popups asking you to accept cookie settings, for example). We’ve got some GDPR compliance of our own and in this post we’ll be talking about the nature of privacy, export, and explicit consent. &lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&quot;tl-dr&quot;&gt;TL;DR&lt;/h2&gt;
&lt;p&gt;You tried to login to Font Awesome and got a popup about accepting our terms of service and privacy policy. Those terms and policies have not changed in over a year, we simply need explicit consent from our users, specifically those living in Europe so we comply with GDPR.&lt;/p&gt;
&lt;p&gt;Since we are a small company, we can’t easily maintain data centers in the EU. What little data we collect about you needs to be exported to the US. We aren’t supposed to do that unless you agree to the export.&lt;/p&gt;
&lt;h2 id=&quot;a-more-in-depth-discussion-of-privacy&quot;&gt;A more in-depth discussion of privacy&lt;/h2&gt;
&lt;p&gt;What is privacy? This is a complex topic. WAAAAY back when I first got into security, privacy was mostly about ensuring information about a person was kept secret. Think about medical and financial records. For a long time, the goal was to make sure no one else could get that information so bad actors couldn’t steal your identity or get access to things reserved for you (like your bank account or health insurance).&lt;/p&gt;
&lt;p&gt;Today, things are a little different. Because much of the Internet is free to use, someone had to foot the bill for jigawatts of power used to run the servers that shape our daily lives. The solution was advertising. Advertising is more effective and lucrative when the advertiser knows a lot about their target audience. To that end, companies that rely heavily on advertising have started collecting TONS of data about individual users.&lt;/p&gt;
&lt;p&gt;Unfortunately, in their rush towards profitability, a lot of companies didn’t really consider how all this newly available information might harm users. So, after years of abuse, the EU finally decided to stand up for the rights of the people (what else should a government do, right?). They made privacy about the right of the person to control how specific information about them is collected, used, and maintained.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/S5mE7vkJzt-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/S5mE7vkJzt-1440.png&quot; alt=&quot;4 duotone icons: bank, hospital, lock, earth on a navy blue background. &quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;h2 id=&quot;font-awesome-and-privacy&quot;&gt;Font Awesome and privacy&lt;/h2&gt;
&lt;p&gt;From the beginning, our goal has been to follow the Golden Rule; treat others as you yourself would want to be treated. That is why, from Font Awesome’s beginning, we’ve done things a little differently. Unlike 10^100 or rivers in Brazil (you know who you are) our free product is genuinely free and open source. Just use it! We want you to! It’s awesome!&lt;/p&gt;
&lt;p&gt;In order to keep making awesome stuff, we have a Pro version of our product. That is our main source of revenue. We don’t track how you use our product and create profiles about you that we sell to advertising agencies, we just make a product we think is worth the price you pay for it.&lt;/p&gt;
&lt;p&gt;That data gets used primarily to make sure things are running smoothly and so that we can communicate with you about any problems, updates, or sweet deals.  Full disclosure, we do have some small ads on our free site, but those ads aren’t targeted, i.e., they don’t know anything about you specifically (which is why we make VERY little money from them directly).&lt;/p&gt;
&lt;p&gt;To get a Font Awesome account, all you need to give us is an email address so we can keep in touch if necessary. You can choose to tell us a little bit more about yourself, but all we do with that is personalize your emails (and try to figure out how long people have heard about us and their favorite icons). Our commitment to you is always to keep your data safe and never use it beyond the bounds of Font Awesome.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/y5kLE36Gai-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/y5kLE36Gai-1440.png&quot; alt=&quot;4 duotone icons: money bill, person, tag, envelope on a navy blue background. &quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;h2 id=&quot;font-awesome-and-gdpr&quot;&gt;Font Awesome and GDPR&lt;/h2&gt;
&lt;p&gt;Font Awesome is a small company. At the moment, we don’t have a solution that allows us to keep EU data entirely within the geographical bounds of the EU member states. To that end, we have to export user data. The good news is, because we collect almost nothing anyway, the cybersecurity risk to our users is very low in general. However, to be considerate citizens of the Internet/world and comply with the law we need you to explicitly agree to let us export that data.&lt;/p&gt;
&lt;p&gt;To achieve the above, we comply with EU-U.S. DPF. If you’d like to learn more about that, you can read the following &lt;a href=&quot;https://fontawesome.com/privacy#dpf-details&quot;&gt;here&lt;/a&gt;, and &lt;a href=&quot;https://fontawesome.com/dpa&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;We plan to keep your data safe to the best of our ability. However, there is a chance that some US law enforcement agency can compel us to provide information about EU citizens. If the risk of having your email address and the other information you provided us (up to and including first name, last name, year you learned about Font Awesome, and favorite icon) potentially read by US authorities is too great for you, we understand. We hope to not require information export in the future; until that day arrives, we’ll do the best that we can otherwise. That is why we need you to explicitly consent to having your data exported to the US.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Log in to &lt;a href=&quot;http://fontawesome.com&quot;&gt;Font Awesome&lt;/a&gt; and click the checkbox that says you explicitly agree to our terms of service and privacy policy&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Wa 3.7: Wa-Video, Custom Wa-Copy-Button Triggers, and More</title>
    <link href="https://blog.fontawesome.com/wa-3-7-wa-video-custom-wa-copy-button-triggers-and-more/" />
    <updated>2026-05-12T22:53:13Z</updated>
    <id>https://blog.fontawesome.com/wa-3-7-wa-video-custom-wa-copy-button-triggers-and-more/</id>
    <content type="html">&lt;p&gt;&lt;em&gt;Want to make sure you keep getting updates with every release?&lt;/em&gt; &lt;a href=&quot;https://webawesome.com/docs/resources/changelog&quot;&gt;&lt;em&gt;Head over to our changelog and sign up for email updates.&lt;/em&gt;&lt;/a&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h1 id=&quot;wa-video-killed-the-radio-star&quot;&gt;📽️ &amp;lt;wa-video&amp;gt; Killed the Radio Star&lt;/h1&gt;
&lt;p&gt;You &lt;em&gt;can&lt;/em&gt; rewind if you’ve gone too far. WA 3.7 adds two new, experimental components for all of your moving picture needs: &lt;em&gt;&amp;lt;wa-video&amp;gt;&lt;/em&gt; and &lt;em&gt;&amp;lt;wa-video-playlist&amp;gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://blog.fontawesome.com/img/built/Wzz_53zod2-500.gif&quot; alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;500&quot; height=&quot;280&quot;&gt;&lt;/p&gt;
&lt;p&gt;with-more-awesome-video.gif&lt;/p&gt;
&lt;p&gt;Use &lt;em&gt;&amp;lt;wa-video&amp;gt;&lt;/em&gt; to embed video content on your site with a  player that matches your own Web Awesome theme and adapts to light and dark mode. Choose your video controls, customize the play and pause icons, and add captions, subtitles, and poster images if you have ’em.&lt;/p&gt;
&lt;p&gt;Have more than one video to show? (Those radio stars will be heartbroken.) Grab &lt;em&gt;&amp;lt;wa-video-playlist&amp;gt;&lt;/em&gt; for playing multiple videos back-to-back, like a playlist of music videos or lessons in a course.&lt;/p&gt;
&lt;p&gt;📋 Trigger warning&lt;br&gt;
&lt;em&gt;&amp;lt;wa-copy-button&amp;gt;&lt;/em&gt; now supports custom triggers so you can use a &lt;em&gt;&amp;lt;wa-button&amp;gt;&lt;/em&gt;, a run-of-the-mill &lt;em&gt;&amp;lt;button&amp;gt;&lt;/em&gt;, or any clickable element your heart desires to copy a value.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://blog.fontawesome.com/img/built/d-eevFvlDK-200.gif&quot; alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;200&quot; height=&quot;109&quot;&gt;&lt;/p&gt;
&lt;p&gt;Plus, &lt;em&gt;&amp;lt;wa-copy-button&amp;gt;&lt;/em&gt; has graduated from &lt;em&gt;experimental&lt;/em&gt; to &lt;em&gt;stable&lt;/em&gt;. 🎓 (&lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/web-awesome/posts/4678822&quot;&gt;A bit behind its classmates&lt;/a&gt;, but hey, we don’t judge.) With &lt;em&gt;stable&lt;/em&gt; components, don’t expect any breaking changes until we release a major version upgrade of the entire library.&lt;/p&gt;
&lt;h1 id=&quot;click-bait&quot;&gt;👇 Click Bait&lt;/h1&gt;
&lt;p&gt;We’ve added a pair of new tokens to support more dynamic button interactions: &lt;em&gt;–wa-button-transform-hover&lt;/em&gt; and &lt;em&gt;–wa-button-transform-active&lt;/em&gt;. The Default theme now has a subtle shrink effect on press, which you can easily customize by assigning your own &lt;em&gt;transform&lt;/em&gt; function to these new tokens.&lt;/p&gt;
&lt;p&gt;Additionally, we’ve updated the &lt;em&gt;–wa-color-mix-hover&lt;/em&gt; and &lt;em&gt;–wa-color-mix-active&lt;/em&gt; values for all themes with relative color functions to avoid any dingy gray tints. (Ew.)&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://blog.fontawesome.com/img/built/Mob3UrhrOJ-320.gif&quot; alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;320&quot; height=&quot;143&quot;&gt;&lt;/p&gt;
&lt;h1 id=&quot;that-s-a-wrap&quot;&gt;🎬 That’s a Wrap&lt;/h1&gt;
&lt;p&gt;As always, there are plenty of other fixes and improvements in this release, including some new text wrap CSS utilities — &lt;em&gt;wa-text-wrap-nowrap&lt;/em&gt;, &lt;em&gt;wa-text-wrap-balance&lt;/em&gt;, and &lt;em&gt;wa-text-wrap-pretty&lt;/em&gt;. &lt;a href=&quot;https://webawesome.com/docs/resources/changelog#wa_370&quot;&gt;Check out the latest mix on our changelog.&lt;/a&gt;&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>New Sponsorship Tiers for the Build Awesome Kickstarter</title>
    <link href="https://blog.fontawesome.com/new-build-awesome-sponsorship-tiers/" />
    <updated>2026-05-08T18:51:00Z</updated>
    <id>https://blog.fontawesome.com/new-build-awesome-sponsorship-tiers/</id>
    <content type="html">&lt;blockquote&gt;
&lt;p&gt;A ’possum always pays their debts.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;hr&gt;
&lt;p&gt;Folks following along to the &lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=8nyk4z&quot;&gt;Build Awesome Pro Kickstarter&lt;/a&gt; might already know: we’re creating a new kind of website builder (and &lt;em&gt;&lt;a href=&quot;https://www.11ty.dev/blog/collaborative-editing/&quot;&gt;full-stack Editable SDK&lt;/a&gt;&lt;/em&gt;) for your web projects, &lt;em&gt;starting at just $29 for an entire year!&lt;/em&gt; In-browser editing and live previews included!&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=8nyk4z&quot; class=&quot;c-button c-button--primary&quot;&gt;&lt;svg class=&quot;c-button__icon fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-rocket-launch&quot; xlink:href=&quot;#fas-fa-rocket-launch&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Back the Kickstarter (starting at $29)&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;But there’s one small piece that may have snuck under the radar: we’ve also added sponsorship tiers (priced yearly) to unlock unique and exclusive new benefits.&lt;/p&gt;
&lt;style&gt;
table .fa11ty-icon {
  display: inline-flex;
  padding: .5em;
  border-radius: .5em;
  font-size: 1.25em;
  margin: .25em;
  vertical-align: middle;
  color: #fff;
}
table .medal-bronze {
  background: #715612 linear-gradient(135deg, #b69a00, #715612);
}
table .medal-silver {
  background: #C0C0C0 linear-gradient(135deg, #C0C0C0, #888888);
}
table .medal-gold {
  background: #FFD700 linear-gradient(135deg, #ffd700, #daa520);
}
@media (max-width: 31.125em) { /* 499px */
	/* Tablesaw stacked style */
	td, th {
		border-bottom-color: transparent;
	}
	td:before {
		display: flex;
		align-items: center;
	}
	tr {
		border-bottom: 1px solid var(--color-gray-3);
	}
}
@media (min-width: 31.25em) { /* 500px */
	:is(td, th):not(:first-child) {
		text-align: center;
	}
	table {
		font-size: 1.125em; /* 18px /16 */
	}
}
&lt;/style&gt;
&lt;script type=&quot;module&quot; src=&quot;https://blog.fontawesome.com/static/js/table-saw.js&quot;&gt;&lt;/script&gt;
&lt;table-saw breakpoint=&quot;(max-width: 31.1875em)&quot;&gt;
&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;Benefit&lt;/th&gt;
      &lt;th&gt;Bronze Tier&lt;/th&gt;
      &lt;th&gt;Silver Tier&lt;/th&gt;
      &lt;th&gt;Gold Tier&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;[Font Awesome, Web Awesome, Build Awesome] Pro Bundles Included&lt;/td&gt;
      &lt;td&gt;&lt;strong&gt;×5&lt;/strong&gt;&lt;/td&gt;
      &lt;td&gt;&lt;strong&gt;×10&lt;/strong&gt;&lt;/td&gt;
      &lt;td&gt;&lt;strong&gt;×20&lt;/strong&gt;&lt;/td&gt;
    &lt;/tr&gt;
		&lt;tr&gt;
      &lt;td&gt;Your brand icon added to the &lt;a href=&quot;https://fontawesome.com/icons/packs/brands&quot;&gt;Font Awesome icon library&lt;/a&gt;. This is the only way to commission a brand icon&lt;sup&gt;&lt;a href=&quot;https://blog.fontawesome.com/new-build-awesome-sponsorship-tiers/#sup-1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;!&lt;/td&gt;
      &lt;td&gt;-&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-silver fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Silver&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-gold fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Gold&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Your logo on the Build Awesome website (coming to build.awesome.me via &lt;a href=&quot;https://blog.fontawesome.com/&quot;&gt;11ty.dev&lt;/a&gt;), ordered by tier level&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-bronze fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Bronze&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-silver fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Silver&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-gold fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Gold&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Your logo on the Awesomeverse Sponsor page, available on Build Awesome, &lt;a href=&quot;https://fontawesome.com/&quot;&gt;Font Awesome&lt;/a&gt; and &lt;a href=&quot;https://webawesome.com/&quot;&gt;Web Awesome&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;-&lt;/td&gt;
      &lt;td&gt;-&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-gold fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Gold&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Dedicated premium private Discord access with the Build Awesome team&lt;/td&gt;
      &lt;td&gt;-&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-silver fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Silver&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-gold fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Gold&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Add your website to our exhibition/showcase&lt;/td&gt;
      &lt;td&gt;-&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-silver fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Silver&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-gold fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Gold&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Premium Actual Human™ Support (fast-pass questions and bug fixes; now with &lt;em&gt;even more&lt;/em&gt; Human)&lt;/td&gt;
      &lt;td&gt;-&lt;/td&gt;
      &lt;td&gt;-&lt;/td&gt;
      &lt;td&gt;&lt;svg class=&quot;medal-gold fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-medal&quot; xlink:href=&quot;#fas-fa-medal&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Gold&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;/table-saw&gt;
&lt;p&gt;&lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=8nyk4z&quot; class=&quot;c-button c-button--primary&quot;&gt;&lt;svg class=&quot;fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fab-fa-kickstarter-k&quot; xlink:href=&quot;#fab-fa-kickstarter-k&quot;&gt;&lt;/use&gt;&lt;/svg&gt;Help us Build something Awesome.&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Don’t see a tier that fits your needs? &lt;a href=&quot;mailto:hello@fontawesome.com?subject=Build%20Awesome%20Sponsorship&quot;&gt;Contact us!&lt;/a&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span id=&quot;sup-1&quot;&gt;Font Awesome has previously offered &lt;a href=&quot;https://blog.fontawesome.com/commission-a-font-awesome-icon/&quot;&gt;brand icon commissions&lt;/a&gt; but this service is no longer available except through this sponsorship tier.&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
</content>
  </entry>
  <entry>
    <title>WA 3.6: Graduation Day for Experimental Components</title>
    <link href="https://blog.fontawesome.com/wa-3-6-graduation-day-for-experimental-components/" />
    <updated>2026-04-30T22:50:08Z</updated>
    <id>https://blog.fontawesome.com/wa-3-6-graduation-day-for-experimental-components/</id>
    <content type="html">&lt;h1 id=&quot;con-grad-ulations&quot;&gt;🎓 Con_grad_ulations!&lt;/h1&gt;
&lt;p&gt;They’ve been battle-tested. They’ve been tuned-up. And, now, they’re now ready to take the stage in your projects. Here are our WA 3.6 component graduates who we’ve upgraded from &lt;em&gt;experimental&lt;/em&gt; to &lt;em&gt;stable&lt;/em&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;em&gt;&amp;lt;wa-chart&amp;gt;&lt;/em&gt; (including all &lt;em&gt;&amp;lt;wa-*-chart&amp;gt;&lt;/em&gt; components)&lt;/li&gt;
&lt;li&gt;&lt;em&gt;&amp;lt;wa-combobox&amp;gt;&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;&amp;lt;wa-file-input&amp;gt;&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;&amp;lt;wa-number-input&amp;gt;&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;&amp;lt;wa-sparkline&amp;gt;&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;&amp;lt;wa-toast&amp;gt;&lt;/em&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Components move out of &lt;em&gt;experimental&lt;/em&gt; status when they’ve had enough time out in the wild that we feel confident in their APIs. With &lt;em&gt;stable&lt;/em&gt; components, we won’t implement any breaking changes until we release a major version upgrade of the library as a whole.&lt;/p&gt;
&lt;h1 id=&quot;size-matters&quot;&gt;👕 &lt;em&gt;size=””&lt;/em&gt; Matters&lt;/h1&gt;
&lt;p&gt;We’ve added two new sizes to all components that support the &lt;em&gt;size&lt;/em&gt; attribute to round out the scale: &lt;em&gt;xs&lt;/em&gt; and &lt;em&gt;xl&lt;/em&gt;. If you’ve ever needed a barely-there &lt;em&gt;&amp;lt;wa-button&amp;gt;&lt;/em&gt; or an in-your-face &lt;em&gt;&amp;lt;wa-callout&amp;gt;&lt;/em&gt;, you’re in luck&lt;img src=&quot;https://storage.app.basecamp.com/4301850/blobs/79434e24-44c6-11f1-b032-0242ac120003/download/Screenshot%202026-04-30%20at%202.51.55%E2%80%AFPM.png&quot; alt=&quot;&quot;&gt;&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/2dAYphKkf2-720.avif 720w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/2dAYphKkf2-720.png&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;138&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;The full gamut of sizes, demonstrated on&lt;/p&gt;
&lt;p&gt;Along with this change, we’ve renamed the existing &lt;em&gt;small&lt;/em&gt;, &lt;em&gt;medium&lt;/em&gt;, and &lt;em&gt;large&lt;/em&gt; sizes to &lt;em&gt;s&lt;/em&gt;, &lt;em&gt;m&lt;/em&gt;, and &lt;em&gt;l&lt;/em&gt; to better align with how we name sizes in our design tokens and utility classes. (Bonus: Less to type!) While the long-form names have been deprecated, they’ll continue to work in every minor version release of WA 3.x.&lt;/p&gt;
&lt;h1 id=&quot;the-usual-extra-sparkle&quot;&gt;✨ The Usual Extra Sparkle&lt;/h1&gt;
&lt;p&gt;As usual, there’s a slew of other improvements and fixes in WA 3.6, including a sweeping refactor of our component tests with better test coverage. &lt;a href=&quot;https://webawesome.com/docs/resources/changelog#wa_360&quot;&gt;Read our changelog&lt;/a&gt; for all of the glitz and glam.&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Game on for the Build Awesome Kickstarter</title>
    <link href="https://blog.fontawesome.com/build-awesome-game-on/" />
    <updated>2026-04-23T22:47:00Z</updated>
    <id>https://blog.fontawesome.com/build-awesome-game-on/</id>
    <content type="html">&lt;p&gt;A few weeks ago, we &lt;a href=&quot;https://blog.fontawesome.com/pausing-kickstarter/&quot;&gt;pressed pause on the Build Awesome Kickstarter&lt;/a&gt; because our emails weren&#39;t &lt;a href=&quot;https://blog.fontawesome.com/we-have-a-99-email-reputation-gmail-disagrees/&quot;&gt;reaching inboxes&lt;/a&gt;. Kickstarter campaigns live on momentum, and ours wasn’t living up to its potential. In the mean time, we&#39;ve been hard at work cleaning up our email infrastructure and watching deliverability climb back where it should be.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=au30kc&quot; class=&quot;c-button c-button--primary&quot;&gt;&lt;svg class=&quot;c-button__icon fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fab-fa-kickstarter-k&quot; xlink:href=&quot;#fab-fa-kickstarter-k&quot;&gt;&lt;/use&gt;&lt;/svg&gt;The campaign goes live April 28&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;If you pledged to the paused campaign, &lt;strong&gt;first of all thank you&lt;/strong&gt;. Unfortunately your pledge will &lt;em&gt;not&lt;/em&gt; carry over (Kickstarter doesn&#39;t allow pledge transfers), but we’ll have a special reward for those early Kickstarter backers when the new page goes live. Keep an eye out for a special message through Kickstarter with a little treat when the campaign goes live &lt;svg class=&quot;fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#far-fa-face-smile-beam&quot; xlink:href=&quot;#far-fa-face-smile-beam&quot;&gt;&lt;/use&gt;&lt;/svg&gt;.&lt;/p&gt;
&lt;h2 id=&quot;how-you-can-help&quot;&gt;How you can help&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Hit &lt;em&gt;Notify Me&lt;/em&gt; on the &lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=au30kc&quot;&gt;pre-launch page&lt;/a&gt;.&lt;/strong&gt; The first 48 hours are pivotal in a Kickstarter and notifications help build that momentum.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Share the pre-launch with someone else.&lt;/strong&gt; Word of mouth is one channel Gmail can&#39;t filter!&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&quot;see-you-april-28th&quot;&gt;See you April 28th&lt;/h2&gt;
&lt;p&gt;We hit our funding goal in a day on the first attempt, with a lot of our audience never hearing about it. We&#39;re excited to see what happens this time.&lt;/p&gt;
&lt;p&gt;See you at the relaunch!&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=au30kc&quot; class=&quot;c-button c-button--primary&quot;&gt;Get notified on launch&lt;svg class=&quot;fa11ty-icon svg-inline--fa&quot;&gt;&lt;use href=&quot;#fas-fa-arrow-right&quot; xlink:href=&quot;#fas-fa-arrow-right&quot;&gt;&lt;/use&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Get the Most Out of Font Awesome Kits: A Deeper Dive Into Your Icon Toolbox</title>
    <link href="https://blog.fontawesome.com/font-awesome-kits/" />
    <updated>2026-04-09T16:53:47Z</updated>
    <id>https://blog.fontawesome.com/font-awesome-kits/</id>
    <content type="html">&lt;blockquote&gt;
&lt;p&gt;With great power comes great responsibility.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;hr&gt;
&lt;p&gt;Ever get that sinking feeling that your Font Awesome Kit might be working… but not &lt;em&gt;working for you&lt;/em&gt;? &lt;/p&gt;
&lt;p&gt;Yeah, you’re using a Kit for icons (duh), but chances are you’re not tapping into its full potential — and that could mean missed opportunities, wasted pageviews, and even surprise overages. No bueno. It might be time for a level up.&lt;/p&gt;
&lt;p&gt;Remember the rush of uncovering a hidden level in your favorite classic game, like finding a secret warp pipe in &lt;em&gt;Super Mario Bros.&lt;/em&gt;? Well, Font Awesome Kits have features you might not be tapping into yet that’ll help keep your projects on track.&lt;/p&gt;
&lt;p&gt;Whether you’re a n00b looking to speed-run your first project or a seasoned dev ready to unlock every achievement, mastering Kits will have you wielding icons with the nimbleness of a pro gamer pulling off a perfect combo.&lt;/p&gt;
&lt;p&gt;Sure, things &lt;em&gt;look&lt;/em&gt; fine on the surface — but under the hood, mismanaged Kits can quietly slow your site, leak resources, or lead to unnecessary costs.&lt;/p&gt;
&lt;p&gt;OK, so maybe unlocking Kit features isn’t the same rush as that perfect combo, but a fine-tuned Kit will definitely make managing your account a cinch. So, what tweaks can you make and why does it matter? &lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Pageviews&lt;/strong&gt; are often overlooked, but mismanaging them can lead to overages, which could slow down your site or even cost you extra. &lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Domains&lt;/strong&gt; are another feature that tends to get lost in the shuffle, but they’re key to making sure your pageviews go where they’re needed most. &lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Downloading your Kit&lt;/strong&gt; is all about flexibility — whether you’re working offline or just want to keep a local copy of your icons, this feature puts the power in your hands.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;But we’ll break each of these down a bit more … &lt;/p&gt;
&lt;h2 id=&quot;what-s-in-a-kit-more-than-you-might-think&quot;&gt;What’s in a Kit? More than you might think&lt;/h2&gt;
&lt;p&gt;A Kit is your go-to briefcase for all things icons. It’s where you keep all the tools — icons, settings, and configurations — you’ll need for your projects. But here’s the kicker: Most people aren’t using their Kits to their fullest. And that’s where we come in.&lt;/p&gt;
&lt;p&gt;Here are some key features you might not be taking advantage of.  &lt;/p&gt;
&lt;h3 id=&quot;pageviews-know-where-you-stand&quot;&gt;Pageviews: Know where you stand&lt;/h3&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/8x3qbigT2A-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/8x3qbigT2A-1440.png&quot; alt=&quot;4 Font Awesome icons on a navy background: file, eye, rotating arrows, upward arrow line chart&quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Whether you’re a free or Pro user — every Font Awesome plan has a pageview limit. We’re not too touchy about it if you go over your allotted amount, but knowing your pageview is a good idea so you stay within your range. A pageview is counted whenever your Kit is loaded onto a web page. We count pageviews per month, and they renew on the first of each month. Every Font Awesome subscription comes with a number of Kit pageviews counted across all Kits.&lt;/p&gt;
&lt;p&gt;Don’t ignore this too long though, you could end up with a Kit that’s doing double duty on sites you don’t even control — racking up usage faster than a Konami Code lives cheat.&lt;/p&gt;
&lt;p&gt;If you’re curious where your project stands, you can check your Kit pageviews usage in your Account. Over your amount? Not a huge deal, but it may be time for a plan upgrade. &lt;/p&gt;
&lt;h3 id=&quot;domains-putting-the-power-in-your-hands&quot;&gt;Domains: Putting the power in your hands&lt;/h3&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/9PEQOB6OBD-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/9PEQOB6OBD-1440.png&quot; alt=&quot;4 Font Awesome icons on a navy background: castle, shield, padlock, sword&quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Here’s a pro tip: You can control pageview usage by setting up domains. Without domains, your Kit is vulnerable — anyone with your Kit code could use it on their own site, draining your pageviews and potentially causing problems.&lt;/p&gt;
&lt;p&gt;Locking down domains is your first line of defense. It ensures that only the domains you trust can access your Kit, keeping out those who shouldn’t have access. If you don’t set it up, your Kit is wide open, and anyone — from &lt;em&gt;mordor.com&lt;/em&gt; to &lt;em&gt;balrog.biz&lt;/em&gt; — can use it, which would be wretched indeed. &lt;/p&gt;
&lt;p&gt;By guarding your Kit with domains, you’ll manage your pageviews better and keep your resources safe from unwanted access like a true steward of Gondor. &lt;/p&gt;
&lt;h3 id=&quot;downloading-your-kit-taking-full-control&quot;&gt;Downloading your Kit: Taking full control&lt;/h3&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/FkJyVedWHD-1440.avif 1440w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/FkJyVedWHD-1440.png&quot; alt=&quot;4 Font Awesome icons on a navy background: RV, desktop computer, SVG file, briefcase&quot; width=&quot;1440&quot; height=&quot;372&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Want to take your Kit on the road? Maybe you’re working on a self-hosted project or need those icons in your desktop app. Relying on cloud-only access can sometimes leave you stranded — like showing up to a LAN party without your rig.&lt;/p&gt;
&lt;p&gt;Good news: downloading your Kit is super easy. Just open your Kit, hit the ‘Download’ tab, and you’re all set. You’ll get SVG and OTF files, ready to use in your favorite font manager. It’s like packing your briefcase with all the essentials before heading out the door.&lt;/p&gt;
&lt;p&gt;&lt;video height=&quot;300&quot; style=&quot;aspect-ratio: 1200 / 300;&quot; width=&quot;1200&quot; autoplay=&quot;&quot; loop=&quot;&quot; muted=&quot;&quot; src=&quot;https://blog.fontawesome.com/font-awesome-kits/CleanShot-2026-03-26-at-14.13.-1szDDM7workw.mp4&quot; playsinline=&quot;&quot;&gt;&lt;/video&gt;&lt;/p&gt;
&lt;p&gt;So, to summarize: &lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Your Kit might be underperforming or overexposed.&lt;/li&gt;
&lt;li&gt;That can lead to unexpected costs, bandwidth drain, or even performance hits.&lt;/li&gt;
&lt;li&gt;Master a few simple features — pageviews, domains, and downloads — and your Kit will be optimized, secure, and ready to flex across any project.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Your Kit has the power. Now it’s up to you to use it wisely. Log in, and lock it down!&lt;/p&gt;
&lt;h2 id=&quot;want-to-learn-more-watch-the-screencast&quot;&gt;Want to learn more? Watch the screencast! &lt;/h2&gt;
&lt;iframe loading=&quot;lazy&quot; class=&quot;youtube-player&quot; width=&quot;720&quot; height=&quot;405&quot; src=&quot;https://www.youtube.com/embed/x7MZH7AVM7c?si=W5BZcBYoFebB-ydk&amp;amp;version=3&amp;amp;rel=1&amp;amp;showsearch=0&amp;amp;showinfo=1&amp;amp;iv_load_policy=1&amp;amp;fs=1&amp;amp;hl=en-US&amp;amp;autohide=2&amp;amp;wmode=transparent&quot; allowfullscreen=&quot;true&quot; style=&quot;border:0;&quot; sandbox=&quot;allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox&quot;&gt;&lt;/iframe&gt;
&lt;h3 id=&quot;related-resources&quot;&gt;&lt;strong&gt;Related resources&lt;/strong&gt;&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://docs.fontawesome.com/web/setup/use-kit/&quot;&gt;How to set up your first Kit&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://docs.fontawesome.com/web/setup/use-kit/#Kits-and-pageviews&quot;&gt;Managing pageviews: Tips and tricks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://docs.fontawesome.com/v5/web/setup/use-kit/#2-adjust-your-kit-settings&quot;&gt;Using domains to optimize your Kit usage&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</content>
  </entry>
  <entry>
    <title>Wa 3.5: Public CDN and &amp;lt;wa-page&amp;gt; for Everyone</title>
    <link href="https://blog.fontawesome.com/wa-3-5-public-cdn-and-wa-page-for-everyone/" />
    <updated>2026-04-03T22:48:29Z</updated>
    <id>https://blog.fontawesome.com/wa-3-5-public-cdn-and-wa-page-for-everyone/</id>
    <content type="html">&lt;p&gt;We know the best way to make the web a better place is to make web-building tools transparent, accessible, and available to everyone. That’s why Web Awesome is and always will be open source.&lt;/p&gt;
&lt;p&gt;We’re doubling down on that commitment today with two big changes.&lt;/p&gt;
&lt;h1 id=&quot;public-cdn-no-signup-required&quot;&gt;Public Cdn – No Signup Required&lt;/h1&gt;
&lt;p&gt;All of Web Awesome is now available on our public CDN. &lt;a href=&quot;https://webawesome.com/&quot;&gt;Just copy, paste, and get building&lt;/a&gt; — no signup or email address required.&lt;/p&gt;
&lt;p&gt;For Web Awesome account holders, you’ll also see a new CDN tab for each of your projects. Your CDN project code lists out all of the stylesheets you need to implement your project’s theme and features (like native styles and CSS utilities) in addition to the Web Awesome autoloader for components, plus additional guidance for what classes or attributes you might need on your page.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/8NA266gSy3-720.avif 720w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/8NA266gSy3-720.png&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;697&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;The new CDN tab has everything you need to make something awesome with the public CDN&lt;/p&gt;
&lt;p&gt;(We have work ahead of us to compile themes for each project so that collection of stylesheets is just a single line. Stay tuned for those improvements.)&lt;/p&gt;
&lt;p&gt;We’ve added similar instructions for npm and self-hosted methods, too. Now, it’s easier to implement your preferred version, features, FA kit, and custom theme, regardless of your installation method. Sweet, right?&lt;/p&gt;
&lt;p&gt;So, while you don’t need an account to use Web Awesome, you can still grab one for tailored installation instructions or Pro features like working with teams, patterns, the theme builder,  Figma design kit, and Pro components. And, speaking of Pro components…&lt;/p&gt;
&lt;h1 id=&quot;wa-page-for-everyone&quot;&gt;&lt;em&gt;&amp;lt;wa-page&amp;gt;&lt;/em&gt; for Everyone&lt;/h1&gt;
&lt;p&gt;&lt;a href=&quot;https://webawesome.com/docs/components/page/&quot;&gt;&lt;em&gt;&amp;lt;wa-page&amp;gt;&lt;/em&gt;&lt;/a&gt; no longer requires a Pro subscription. We’ve moved the popular component from Web Awesome Pro to Web Awesome core to bring painless layout scaffolding to everyone.&lt;/p&gt;
&lt;p&gt;Yep, even you 🫵, dear reader. Cheers!&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://blog.fontawesome.com/img/built/jI1YzFRaOj-718.avif 718w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://blog.fontawesome.com/img/built/jI1YzFRaOj-718.png&quot; alt=&quot;&quot; width=&quot;718&quot; height=&quot;393&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;&amp;lt;wa-page&amp;gt;: slots for every common page section and responsiveness baked in, all for free&lt;/p&gt;
&lt;p&gt;“But that’s not enough,” you say?&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://blog.fontawesome.com/img/built/jsPqn_i938-600.gif&quot; alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;600&quot; height=&quot;338&quot;&gt;&lt;/p&gt;
&lt;p&gt;You want more!&lt;/p&gt;
&lt;p&gt;We have a ton of extra goodies in WA 3.5, including about a million fixes and improvements (not really, but it is a lot), plus a brand-spanking-new &lt;a href=&quot;https://webawesome.com/docs/components/markdown&quot;&gt;&lt;em&gt;&amp;lt;wa-markdown&amp;gt;&lt;/em&gt; component&lt;/a&gt; to transform your easy-breezy markdown syntax into plain ol’ HTML.&lt;/p&gt;
&lt;p&gt;Head over to our &lt;a href=&quot;https://webawesome.com/docs/resources/changelog#wa_350&quot;&gt;changelog&lt;/a&gt; for all of the details.&lt;/p&gt;
&lt;p&gt;Happy building, folks!&lt;/p&gt;
</content>
  </entry>
</feed>