Finding Default Icons for Relume Components | Relume Community

Finding Default Icons for Relume Components

Joey v.

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

24 comments

Matt J.
·
Joey v. we have several libraries here.
Joey v.
·
Matt J. how can I find the ones used in the relume components?
Matt J.
·
Joey v. 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.
Joey v.
·
the chevron used here, I'm looking for the one that points down https://www.relume.io/components/blog-post-header-2
Matt J.
·
Joey v. https://icons.relume.io/collection/bx?s=chev
Joey v.
·
Those are not the same
Joey v.
·
I've tried those already
Matt J.
·
Alright, there are 7 chevrons on that screen, can you screenshot the one you are speaking about exactly
Matt J.
·
Joey v.
Joey v.
·
this one
Joey v.
·
also used here https://www.relume.io/preview?cid=feature-sections-left-1-2-col/section_layout1
Matt J.
·
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
Joey v.
·
I'll try, I thought I tried them all
Joey v.
·
They're not the same (both are xxsmall), the google one is the bottom one
Joey v.
·
Matt J.
Joey v.
·
Matt J. do you know why they don't match?

Matt J.

Button icon

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

icon library

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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.

Joey v.
·
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
Matt J.
·
Joey v. what do you mean by your own components?
Joey v.
·
The ones I built for my layout
Joey v.
·
custom headers etc.
Joey v.
·
So what are my next steps?
Joey v.
·
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 😕
Joey v.
·
Matt J. is there maybe someone else that might know?