Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use SVG icons from Ameixa LOS/CM icon pack #64

Open
conrad-heimbold opened this issue Jul 21, 2017 · 7 comments
Open

Use SVG icons from Ameixa LOS/CM icon pack #64

conrad-heimbold opened this issue Jul 21, 2017 · 7 comments

Comments

@conrad-heimbold
Copy link
Contributor

conrad-heimbold commented Jul 21, 2017

@dkanada @ikocevski Some time ago I noticed that the Ameixa CM/LOS icon pack by Xphnx already has lots of SVG icons. Unfortunately, there are quite bloated (every icon more than 60 KB, of which only 2KB are needed); so you can't extract the relevant icon path easily. I spent some time on that (lots of steps necessary...) and I'm almost finished.

Please have a look on the SVG files in the attached ZIP file!

I finished simplifying the svg icons from Ameixa - my script worked for 499 out of 656 files. Have a look on the attached svg icons, which only consist of one path, nothing else.
You can create icons for us by

  1. copy-pasting one of these onto a suitable rectangle/square/circle template from us
  2. Resizing the svg path as necessary
  3. Subtracting the svg path from the template.

You could also only take some inspiration from them, if you don't want to simply copy them.

@conrad-heimbold conrad-heimbold changed the title Use SVG icons from Ameixa Use SVG icons from Ameixa LOS/CM icon pack Jul 21, 2017
@ghost
Copy link

ghost commented Jul 22, 2017

I don't think we can automate this. Too many gimmicks here and there. So unclean. Tried making the FFUpdater. Besides, we should have our own style. A line or two makes a world of a difference.

@conrad-heimbold
Copy link
Contributor Author

Hi, I managed to finish - for 499 out of 656 svg icons, my script worked!!!. The attached 499 svg icons only consist of one path, nothing else: ameixa_optim_finished.zip

To get more icons for us..

  1. Copy-Paste one of the attached SVG files onto a suitable template from us
    (CTRL+A CTRL+C CTRL+V)
  2. Resize it to a suitable size.
  3. Subtract the path from the template (CTRL+MINUS)

=> One more icon finished!
This takes only around 1 minute per icon, so we should get these icons finished very fast.

@ghost
Copy link

ghost commented Jul 22, 2017

Well, good job. I guess some of these will be useful.

@dkanada
Copy link
Owner

dkanada commented Jul 24, 2017

Woah, mind sharing that script? It sounds interesting. I am on vacation for a while but when I have time I will take a look at these.

@conrad-heimbold
Copy link
Contributor Author

conrad-heimbold commented Jul 24, 2017

@dkanada I developed that script by trial-and-error, in many steps and in a very customized version just for these specific files and without saving the commands in a file (except of ~/.bash_history). So getting the commands again might be difficult... Let's see if I can find them again in my ~/.bash_history ...

@conrad-heimbold
Copy link
Contributor Author

conrad-heimbold commented Jul 24, 2017

In the script, I used roundabout the following:

  • svgo with lots of options (--enable=... )
  • sed "delete all elements having the attribute fill=none"
  • tr "delete all [:space:]"
  • sed "delete everything between <defs> and </defs>"
  • sed "delete first group (everything between <g> and </g>) that does not have the attribute:
transform="translate(0 -1025)"

(this is specific for the group of objects that we need)

  • after deleting the first group: delete the transform="translate(0 -1025)" attribute from the last group
  • when only one group with transform="translate(0 -1025)" is left: ungroup the objects inside the group, by deleting the start (<g>) and end (</g>) tag, but nothing in between

@conrad-heimbold
Copy link
Contributor Author

I think you should be able to re-construct a similarly useful script with these tips. My script was very bad (I don't know how to use awk / perl / python, which would have been a better choice than sed).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants