lucide
unplugin-icons
Our great sponsors
lucide | unplugin-icons | |
---|---|---|
34 | 27 | |
8,620 | 3,496 | |
7.0% | 3.1% | |
9.7 | 8.0 | |
about 13 hours ago | 14 days ago | |
JavaScript | TypeScript | |
ISC License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
lucide
- Lucide: Beautiful and Consistent Icons
- Lucide
-
The one thing that makes me miss Notion is how pretty and functional it can be. I'd love to try to make a more visual home page like this in Obsidian but I don't think Tables or Dataviews or whatever can really replicate this level of form and function.
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.
-
Which types of quote blocks I can use? (e.g: >[!tip]...)
Where --callout-color is the RGB value and --callout-icon is anything you pick from https://lucide.dev/
-
Introducing Shadcn UI: A reusable UI component collection
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.
-
Add Lucide Icons to Astro
There's no first-class Lucide integration for Astro. But making a custom one isn't too hard.
-
Svelte Libraries / feature completeness
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
-
Creating an Astro Site: Beginners’ Tutorial
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;
- [Obsidian Md] Les icônes de callout ne fonctionnent pas?
-
Custom Callout CSS not working
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.
unplugin-icons
-
To learn svelte, I clone Github's issues page including useful features that you might consider reusing.
🤹 Unplugin Icons
-
Svelte Libraries / feature completeness
Now i am using https://github.com/antfu/unplugin-icons
-
How do I use SVG icons in React?
unplugin-icons will be the easiest and most robust option if you are using a bundler
-
Icon library for svelte?
I highly recommend unplugin-icons. It has first class SvelteKit support and uses Iconify under the hood. Here is the introductory blog post.
-
Best way to use svg icons in SvelteKit?
This might not answer your question directly but unplugin-icons might be the best way to use Icons in any project in general.
-
nice free open-source futuristic icon library cyber-icons 🦾🤍✨
Pro tip: try to get them added to https://github.com/iconify/iconify / https://github.com/antfu/unplugin-icons
-
What Icon Library do you guys use?
I use the Unplugin-Icon package that gives access to Iconify. That way I can select icons from multiple libraries.
-
How come using FontAwesome with Vue is such a pain?
Just use this: https://github.com/antfu/unplugin-icons
- What icon set are you using with svelte? How do you like it?
-
Which vue-cli plugin for inlining SVG images?
I will suggest unplugin-icons package
What are some alternatives?
icons - Effortless Icon Packs & Components for Svelte, React, Vue and more..
nuxt3 - Nuxt 3 Module for vue-i18n-next
react-icons - svg react icons of popular icon packs
unplugin-vue-components - 📲 On-demand components auto importing for Vue
tabler - Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Tailwind CSS - A utility-first CSS framework for rapid UI development.
iconify - Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (over 150 icon sets and 200k icons). SVG framework, React, Vue and Svelte components!
svelte-fsm - Tiny, expressive finite state machines for svelte
heroicons - A set of free MIT-licensed high-quality SVG icons for UI development.
mdi-vue - Material design icons for vue.js
homepage - The homepage of Phosphor Icons, a flexible icon family for everyone
vite-plugin-webfont-dl - ⚡ Webfont Download Vite Plugin - Make your Vite site load faster