Questions tagged [heroicons]
19 questions
3
votes
2 answers
How to use @heroicons/vue in Nuxt3?
i want to import @heroicons/vue in Nuxt 3 but my icon not appear in frontend.
my setup:
import { HomeIcon, FilmIcon, PlusIcon } from "@heroicons/vue/solid"
my html:
user19540948
2
votes
1 answer
I am getting an error Module not found: Error: Can't resolve '@heroicons/react/solid'
I have run
npm install @heroicons/react
and my package.json looks like this:
"dependencies": {
"@headlessui/react": "^1.6.6",
"@heroicons/react": "^2.0.0",
...
but for some reason I cannot get it to work!
I am still getting this error
Please help…

daemon_2262
- 23
- 1
- 5
1
vote
0 answers
error caught during app initialization Error: ambiguous indirect export: XMarkIcon
Nuxi 3.2.3
Nuxt 3.2.3 with Nitro 2.2.3
tailwindcss 3.2.7
import { Bars3Icon, MagnifyingGlassIcon, ShoppingBagIcon, XMarkIcon } from '@heroicons/vue/24/outline'
I try to reinstall @heroicons/vue

gllin
- 11
- 1
1
vote
0 answers
What's the best way to integrate Tailwindcss Heroicions into Laravel 9?
What's the best way to integrate Tailwindcss Heroicions into Laravel 9?
This is my workflow. I created a "symbols" folder in my Laravel file structure:
resources > views > components > symbols
Then I download and save each SVG file:…

bart
- 14,958
- 21
- 75
- 105
1
vote
1 answer
Heroicons: how switch between outline and solid?
I use the heroicons (https://heroicons.com/) in my navigation.
How do i switch between BookmarkIcon, if i want to use the solid and outline version in the same component?
For the standard layout, i want to use the outline version of…
user19540948
1
vote
1 answer
Why React HeroIcons architecture contains React.CreateElement and not returning plain svg
I am using HeroIcons for Next.Js app but get conscious about how they organised their package architecture. They are returning icons like this:
const React = require("react");
function ArchiveIcon(props, svgRef) {
return…

Suleman Ahmad
- 452
- 1
- 5
- 14
1
vote
6 answers
You're trying to import `@heroicons/react/outline/SearchIcon` from Heroicons v1 but have installed Heroicons v2. Install `@heroicons/react@v1`
i've been trying to use heroicons and keep facing errors i tried installing the '@heroicons/react@v1', i tried importing from "@heroicons/react/outline" and "@heroicons/react/24/outline" too, it sometimes work on phone and if i refresh it doesn't…

Ritam Arya
- 11
- 1
- 1
- 3
1
vote
1 answer
Module not found: Error: Can't resolve '@heroicons/vue/24/outline'
I get the error message as soon as I add this reference in my vue component: