---
title: "💭 Heroicons"
description: "!https://heroicons.com/"
date: 2023-11-14
published: true
tags:
  - webdev
  - icons
  - thought
template: link
---


<div class="embed-card embed-card-external">
  <a href="https://heroicons.com/" class="embed-card-link" target="_blank" rel="noopener noreferrer">
    <div class="embed-card-image">
      <img src="https://heroicons.com/_next/static/media/social-card.fefc68e0.jpg" alt="Heroicons — Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS." loading="lazy">
    </div>
    <div class="embed-card-content">
      <div class="embed-card-title">Heroicons</div>
      <div class="embed-card-description">Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.</div>
      <div class="embed-card-meta">Heroicons &middot; heroicons.com</div>
    </div>
  </a>
</div>


heroicons is a really nice set of many of the basic icons that you will need for building nice ui's.  They have a really nice copy as svg or jsx button, so that you can just yank it and paste it on your page without any extra packages or installation.

!!! note

    This post is a <a href="/thoughts/" class="wikilink" data-title="Thoughts" data-description="These are generally my thoughts on a web page or some sort of url, except a rare few don&#39;t have a link. These are dual published off of my..." data-date="2024-04-01">thought</a>. It's a short note that I make
    about someone else's content online <a href="/tags/thoughts/" class="hashtag-tag" data-tag="thoughts" data-count=2 data-reading-time=3 data-reading-time-text="3 minutes">#thoughts</a>