Icon size? #6

Change the width and height with CSS should work.

btw I think we can add a prop to control this.

@andrewmillen - here is my helper class to make the SVG adjust to the font size of it's container:

.svg-icon {
    height: 1em;
    margin-top: -4px;
    pointer-events: none;
    vertical-align: middle;
    width: 1em;
}

So now the icon in here <h1>Hello World <ClockIcon class="svg-icon"/></h1> will be the same height as the text.

Hope this helps!

Also, it would be awesome if there was some way to add this by default so I don't have to add a class every time.

Agreed with @calebporzio, I think this should be the default :)

@issuehunt has funded $100.00 to this issue.

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

I've opened a PR in #37, let me know what you think.

:tada: This issue has been resolved in version 5.0.0 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket:

@egoist has rewarded $70.00 to @atymic. See it on IssueHunt

• :moneybag: Total deposit: $100.00
• :tada: Repository reward(20%): $20.00
• :wrench: Service fee(10%): $10.00