• atyaz [he/him]@hexbear.net
    link
    fedilink
    arrow-up
    2
    ·
    1 month ago

    It’s jsx which is framework agnostic and used in several frameworks but most closely associated with react. It’s easy to convert to html but I guess the author is a react dev and also these icons use framer-motion which is a react animation library to animate the cursor hover. Looks like you can strip those out if you wanted to use these icons in html without animations.

    • kevincox@lemmy.mlM
      link
      fedilink
      arrow-up
      2
      ·
      1 month ago

      is framework agnostic

      But it isn’t, because they depend on framer-motion and React. JSX is, but the icons aren’t.

      You can trivially provide on-hover animations using CSS in SVG then your icons are framework agnostic. Not to mention smaller to download and more efficient to execute.