1

Trying to recreate Twitter's reply icon:

enter image description here

But how do I get that handle bar right using clean geometry?

Right now I'm using two circles:

enter image description here

But in the end it doesn't quite feel right:

enter image description here

Anybody have any ideas?

2 Answers 2

4

So that icon is from the "rosettaicons" font family. When zoomed in (i used firebug in lieu of actually grabbing the font pack), you see all the rounded edges:

Screenshot of zoomed-in icon

The closest I got to simple geometry ended up like this:

Basic geometry

Hope that helps!

1
  • Indeed - parts of a circle plus a line with the same thickness seems to be exactly it. Commented Oct 9, 2014 at 21:21
0

Based on this Twitter icon:

https://si0.twimg.com/images/dev/cms/intents/icons/reply_hover.png

(From https://si0.twimg.com/images/dev/cms/intents/icons/reply_hover.png)

enter image description here

Two ellipses, a rectangle, a triangle, and a sheared rectangle (parallelogram).

  1. The larger ellipse minus the smaller ellipse
  2. Minus the rectangle.
  3. Combine with the triangle
  4. Minus the parallelogram.

Alternate style as per https://www.google.com.au/search?q=twitter+reply+icon:

Reply icon geometry

Two ellipses, a rectangle and a triangle.

  1. The larger ellipse minus the smaller ellipse
  2. Minus the rectangle.
  3. Combine with the triangle.
2
  • Nice, but how do I make it exactly like that Twitter icon? Commented Oct 6, 2014 at 11:41
  • Again this is not the icon I requested / the one Twitter uses. Commented Oct 7, 2014 at 14:09

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.