Giter Club home page Giter Club logo

Comments (6)

conrad-heimbold avatar conrad-heimbold commented on July 18, 2024

How to contribute:

  • If you want to directly contribute more than just two or three icons (or even contribute some code to other projects), I suggest you to learn how to use git (a programm)
  • if you only want to contribute two or three icons, then posting the svgs as uploaded file, or in a gist ( https://gist.github.com ) should be enough, no need to learn git.

How to style the svgs

  • ideal size of the svg would be 048x048 pixel.
  • if it's not that size: no problem, we can scale other sizes up or down to 48x48 px
  • the templates for svg files can be found in /templates. If your icon will have a square, rectangular or circle shape; please use one of these templates
  • try not to use "transform" attributes inside the svgs.
    Unfortunately, Inkscape often adds those without consent.
    In that case:

How to remove transforms in Inkscape

  • Open svg file in Inkscape
  • Go to Edit -> XML Editor (or press CTRL SHIFT X )
  • Find "transform" attributes in layers and delete them

How to move all objects altogether without creating another transform attributes

  • Go to Edit -> Select All in All Layers (or press CTRL A)
  • Go to Object -> Transform

In Transform panel

  • Uncheck Relative move and check Apply to each object separately
  • Set Horizontal and Vertical values according to your needs and
  • click Apply

My personal prefered way of styling svgs in Inkscape / tips and tricks

  • I am working in 48x48 px documents
  • I always make the icon grid visible in inkscape by pressing "#" or View → show icon grid
  • I always try to make the icon fit into the grid as good as possible. This will make the icon more sharp if exported to png.
  • I use guide lines heavily. You can transform a normal line (or multiple lines of a form) into a guide line by pressing SHIFT+G. points can be placed more easily, because they snap to those guiding lines / to intersections of guiding lines / to intersections of guiding lines and icon grid.

You don't have to respect my personal preferred way of styling svgs

If you are not working in Inkscape, I can't help very much unfortunately...

from frost.

 avatar commented on July 18, 2024

I will look into git when I have time and thanks for pointing me to those templates, didn't notice them. I hope I can be of some use and contribute to this wonderful project.

from frost.

 avatar commented on July 18, 2024

You told me to learn git but I don't have the permission to push to this repository anyway...
What now? :D

from frost.

conrad-heimbold avatar conrad-heimbold commented on July 18, 2024

Fork it! :D There is a button for that on the top right corner.

from frost.

conrad-heimbold avatar conrad-heimbold commented on July 18, 2024

https://guides.github.com/
Especially: https://guides.github.com/activities/forking/

from frost.

 avatar commented on July 18, 2024

Oh so yeah... I'm stupid xD Thanks again!

from frost.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.