Heroicon defined in core_components not working

It’s a bit hard to identify the problem from what you’ve given. If you are pulling in Heroicons via a mix dependency (e.g. {:heroicons, "~> 0.5"}, in your mix.exs) then you would access them via the function components defined in the Heroicons library, e.g.

<button ...> 
  <Heroicons.arrow_right_on_rectangle class="w-6 h-6" />
</button>

Edit: if you are using the default contents of core_components.ex, read the generated docs for the icon function - it explains how the icons are extracted.

Im not pulling it. icon is defined in core_components… some, and Im not sure why, of the icons are working…

Mid air collision - have you read the docs in core_components related to icons?

I didnt find much. Link?

Im running core components basically out of the box, w/o modification.

<.icon name=“hero-document-arrow-down” class=“w-4 h-4” />
Put this inside your button.

This depends on the version of 1.7. Heroicons started as a mix dependency up until 1.7.2 I believe, then it changed to being frontend assets. The dependency version is compiled in and includes every icon, bloating your app a little. You get more flexibility with changing colors and other svg internals though.

I forgot to mention that if you don’t specify the dimensions you will not see the icon.

I see you’ve solved your problem, though it looks like you might be using the Heroicons package? If you want to use the <.icon /> way, you could try running this inside assets/vendor/heroicons/:

export HERO_VSN="2.1.1" ; \
  curl -L "https://github.com/tailwindlabs/heroicons/archive/refs/tags/v${HERO_VSN}.tar.gz" | \
  tar -xvz --strip-components=1 heroicons-${HERO_VSN}/optimized

It’s in the core_components.ex file in your project. Search for def icon and you’ll find it.

Im not using the heroicon lib… I must have accidentally clicked the solution button