Community forum for knowledge and support

Updated 8 months ago

Default Icon Library for Relume Components

At a glance

Where can I find the default icons relume components use (such as the chevrons etc.)?

M
J
24 comments

we have several libraries here.

how can I find the ones used in the relume components?

I guess I would need some screenshots. But within the figma kit, we have a whole section of icons, and then on that Relume Icons library we have several libraries. I believe the library used within components is the Box Icons library.

the chevron used here, I'm looking for the one that points down https://www.relume.io/components/blog-post-header-2

Those are not the same

I've tried those already

Alright, there are 7 chevrons on that screen, can you screenshot the one you are speaking about exactly

okay - not sure what makes you think they are not in our icons library. I matched ic-baseline-chevron-right to the button chevron right away.
https://icons.relume.io/collection/all?s=chevron

So Google Material Icons

I'll try, I thought I tried them all

They're not the same (both are xxsmall), the google one is the bottom one

do you know why they don't match?

Button icon

<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="<a target="_blank" rel="noopener noreferrer" href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>">
<path d="M6 3L11 8L6 13" stroke="CurrentColor" stroke-width="1.5"/>
</svg>

icon library
<svg xmlns="<a target="_blank" rel="noopener noreferrer" href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>" xmlns:xlink="<a target="_blank" rel="noopener noreferrer" href="http://www.w3.org/1999/xlink">http://www.w3.org/1999/xlink</a>" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"></path></svg>

Because the SVG code is different - and I don't know why.

Could you maybe ask this internally? I'd like to have a consistent icon style and use the same icons with my own components, but now the only option is to change every relume component icon since they can't be matched

what do you mean by your own components?

The ones I built for my layout

So what are my next steps?

I know this a somewhat annoying issue but I'm a bit at a loss on what to do here. For now I've just used transforms to rotate the chevrons but that's not ideal πŸ˜•

is there maybe someone else that might know?

Add a reply
Sign up and join the conversation on Slack