Coder Social home page Coder Social logo

Excess whitespace about ionicons HOT 5 CLOSED

ionic-team avatar ionic-team commented on September 21, 2024
Excess whitespace

from ionicons.

Comments (5)

zslabs avatar zslabs commented on September 21, 2024

Would also be interested in what other icon tools are doing. Icomoon is pretty well known for making the icons on a consistent grid, but not sure if that means sizing the icons themselves to be equal or providing extra padding as you're doing. Thanks!

from ionicons.

adamdbradley avatar adamdbradley commented on September 21, 2024

We recently started building the fonts with fontforge. There's an option for auto width, which may address this case. We'll take a look and see if its a good fit.

from ionicons.

eivindfjeldstad avatar eivindfjeldstad commented on September 21, 2024

I see this has been fixed now. Awesome!

from ionicons.

nickwinger avatar nickwinger commented on September 21, 2024

actually with ionic 5, this is issue is again here.
There is spacing on the icons so you cannot style things pixel exact. This is actually a really big issue (when it comes to accurate styling)

from ionicons.

HazzMan2409 avatar HazzMan2409 commented on September 21, 2024

Yes, I am seeing what nickwinger is seeing with Ionic 5 svgs. A quick workaround is to open the svg in Inkscape, select everything and resize based on the selection (ctrl + shift + r). The svg should (hopefully) now be set to the height and width of the contents of the svg.

from ionicons.

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.