-
-
Notifications
You must be signed in to change notification settings - Fork 629
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
[icon request] help, alert, info with no circle #1858
Comments
@chessurisme it looks like you are suggesting for them to be the same size as they would be within the circle. If that's the case they would look much smaller relatively. |
Thanks @zoharma for pointing me that. I guess they need more larger version. Also @karsa-mistmere your icons look pretty decent. I like the down ones. |
In my version I used the same baseline I like the ones with the bigger dott, but not sure how you made it - do you use fill? ![]() p.s. the bottom curve near tail of the question mark can be improved... |
This is the one I was thinking of: feathericons/feather#550 No matter which route we go, the icons should line up perfectly with our reference letter icons in height. |
I like this mention in feathericons/feather#550 (comment) Will try to find/replicate |
@zoharma Looks really nice! |
Naah, 4px is far too large, 2px is quite blurry at 100%, so I think we'd better stick with what we currently have: |
Any updates reg this one? |
Tried to independently come up with a design for this, and I just ended up with something functionally equivalent to @karsa-mistmere's first design, which I quite like: And this is my attempted tracing of @colebemis's icon. I like the fact that it uses circular arcs, but it feels somewhat thin. |
Icon name
help, alert, info
Use cases
We have help, alert and info in circles and other instances, but in a circle button it doesn't look good. In this case would be cleaner to have the icons without any artefacts.
Design ideas
Options with bigger or smaller circle.
SVGs:
![help-1](https://private-user-images.githubusercontent.com/10050573/302998232-bef59c8a-ef96-43c7-9ea6-4f9e4aa116db.svg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MzU0ODQsIm5iZiI6MTczOTYzNTE4NCwicGF0aCI6Ii8xMDA1MDU3My8zMDI5OTgyMzItYmVmNTljOGEtZWY5Ni00M2M3LTllYTYtNGY5ZTRhYTExNmRiLnN2Zz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDE1NTk0NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJkYTgzM2Q5MTE4ZDk4ZjY2NjRiZjhkYmRjYzI4YTIyY2UyMzk0ZmMyYzlmNzIyY2IwZGY5OWI4YWUwNDdjMmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.OZeyLUOOR1Wy2JyCgNnYMeSiPRAVtdCs460bWS_FiGE)
![help](https://private-user-images.githubusercontent.com/10050573/302998235-10b43f82-a1c9-4f92-bc19-2872ba4aaf34.svg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MzU0ODQsIm5iZiI6MTczOTYzNTE4NCwicGF0aCI6Ii8xMDA1MDU3My8zMDI5OTgyMzUtMTBiNDNmODItYTFjOS00ZjkyLWJjMTktMjg3MmJhNGFhZjM0LnN2Zz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDE1NTk0NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc4ZWZhYTdjZGVhMGQzNzc0OTlmN2MyMzc5NDZkNGMzMjA5ZjQ2NWZjMWI0MDc5NzQ2YzZiMmRiYzg2MzBiNzUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.2RmYL1__qBNNaqGqWbSJXF-URepci8lulm-X6ocpo4s)
Checklist
The text was updated successfully, but these errors were encountered: