tabler-icons VS lucide

Use Tabler Icons for over 5200 pixel perfect icons designed for the web. This latest set expands the library further with 244 new icons. There's also more support backward compatibility, and more design options for webs, mobile, and desktop applications. All icons now also come in both outlined and filled versions to suit even more preferences and requirements. Check out all the icons on the website.

Here is the full list of icons: Tabler Icons

https://tabler-icons.io/ is the perfect fit for this.

Additional shoutout to https://github.com/tabler/tabler-icons

I have a Vite/React app that uses @tabler/icons for icons in the app, as well as letting the user choose icons for their own notes, so I need to be able to load them dynamically (instead of using the pre-made Tabler React components).

Nerd Fonts cheatsheet Tabler icons

If https://tabler-icons.io/ suites your style they have an official svelte library.

The official tabler icon website is https://tabler-icons.io/, the .com one seems to be by an open source leach.

tabler-icons.io — Over 1500 free copy and paste SVG editable icons.

Here's my result, thanks again! Turns out yes you can put emoji in the file name. Haven't figured out a way to use SVG icons which would have been nice but I'll keep at it, and this is stellar anyway.

Where --callout-color is the RGB value and --callout-icon is anything you pick from https://lucide.dev/

The theme editor’s interface allows you to configure themes for properties such as color, border radius, and mode (light or dark). You can also choose between two styles: default and new-york. The styles have unique components, animations, icons, and more. The default style has larger input fields and uses lucide-react icons and tailwindcss-animate for animations. The new-york style has smaller buttons, cards with shadows, and uses Radix Icons.

There's no first-class Lucide integration for Astro. But making a custom one isn't too hard.

for icons i'm using iconify (https://iconify.design/docs/icon-components/svelte/), but I'm looking forward svelte-icons (https://svelte-icons.vercel.app/) and lucide.dev looks as well

import type { FC } from "react"; import { useState } from "react"; const Menu: FC = function Menu() { const [open, setOpen] = useState(false); const handleClick = () => { setOpen(!open); }; // icons by Lucide: https://lucide.dev/ return (

{open ? ( path> svg> ) : ( path> svg> )} button>

• Homea> li>
• Abouta> li> ul> nav> div> ); }; export default Menu;

I copied this from the Obsidian help page. I saved this into the snippet folder, refreshed it, and toggle the snippet on in the settings menu. "Lucide-folder-clock" is referencing these icons.