Skip Navigation

Open Source @lemmy.ml

Tiime @lemmy.ml

3mo ago

beautifully crafted animated icons

icons.pqoqubbw.dev pqoqubbw/icons

beautifully crafted animated icons

pqoqubbw/icons

26 comments

Shame they didn’t use a proper license when publishing.
- Update: A license was added
  
  Nice! And MIT too. Perfect; I’ve given it a star now.
- Indeed. They only have in their github page:
  Terms of Use
  Feel free to use these components in personal and commercial projects. However, while the tutorials and demos are available for your use as-is, they cannot be redistributed or resold. Let’s keep things fair and respect each other’s work.
  
  So basically don’t use this in anything commercial because the phrase “feel free” is different to legally libre and gratis. I personally wouldn’t touch this until it’s released under a reputable license.
- They have a proper license now: https://github.com/pqoqubbw/icons/commit/0ae3fe52047e9c8fa326beb09b446e062019d03e
  Kudos to the devs quick turn around.
- There is an active issue with reccos. Hopefully it changes.

This is not open source? There is no license just a statement saying free to use for personal and commercial projects, but don't redistribute or resell.
This freeware at best but if you contribute to this project it's not clear who owns the work.

Why are these TypeScript + JSX rather than just SVGs? It seems that the paths are defined as SVG but they are using some JavaScript framework to define the animations rather than just using SVG or CSS animations.
- Because they're using events and downloading a few megabytes of extra javascript framework is, of course, a way better option than six lines of SVG stylesheets.
  Edit: forgot a /s
- 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.
  
  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.

a lot of these are terrible, made by an animator who doesn't understand design and just wants to make lines move for the heck of it.
- Since you hold a strong opinion on the quality, can you give an example of an animated icon pack which keeps to good design standards?
  
  nope!
- i agree these arent wonderful but i also like the idea in general and wouldnt want amazing icons to steal attention from the actual app functions anyway
- They made me want to click each of them. So am I allowed to consider them nice, or is your "professional" opinion going to be the judgement of that?
  
  if you have to ask me for "permission" for having your own opinions, well, i won't stop you.

These should be called: Boops.

26 comments