Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Finding Default Icons for Relume Components

Avatar of Joey v.Joey v.
路

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

24 comments

  • Avatar of Matt J.
    Matt J.
    路

    Joey v. we have several libraries here.

  • Avatar of Joey v.
    Joey v.
    路

    Matt J. how can I find the ones used in the relume components?

  • Avatar of Matt J.
    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.

  • Avatar of Joey v.
    Joey v.
    路

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

  • Avatar of Matt J.
    Matt J.
    路

    Joey v. https://icons.relume.io/collection/bx?s=chev

  • Avatar of Joey v.
    Joey v.
    路

    Those are not the same

  • Avatar of Joey v.
    Joey v.
    路

    I've tried those already

  • Avatar of Matt J.
    Matt J.
    路

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

  • Avatar of Matt J.
    Matt J.
    路

    Joey v.

  • Avatar of Joey v.
    Joey v.
    路

    this one

  • Avatar of Joey v.
    Joey v.
    路

    also used here https://www.relume.io/preview?cid=feature-sections-left-1-2-col/section_layout1

  • Avatar of Matt J.
    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

  • Avatar of Joey v.
    Joey v.
    路

    I'll try, I thought I tried them all

  • Avatar of Joey v.
    Joey v.
    路

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

  • Avatar of Joey v.
    Joey v.
    路

    Matt J.

  • Avatar of Joey v.
    Joey v.
    路

    Matt J. do you know why they don't match?

  • Avatar of Matt J.
    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.

  • Avatar of Joey v.
    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

  • Avatar of Matt J.
    Matt J.
    路

    Joey v. what do you mean by your own components?

  • Avatar of Joey v.
    Joey v.
    路

    The ones I built for my layout

  • Avatar of Joey v.
    Joey v.
    路

    custom headers etc.

  • Avatar of Joey v.
    Joey v.
    路

    So what are my next steps?

  • Avatar of Joey v.
    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 馃槙

  • Avatar of Joey v.
    Joey v.
    路

    Matt J. is there maybe someone else that might know?