How to make a “Question Mark” icon in @figmadesign.

🧵 thread 👇 Image
In a 24 x 24 pixel artboard, use the ellipse tool (O) to draw a 18 x 18 pixel circle with a centered stroke.
💡 Making the icon smaller than the artboard is so it looks optically balanced next to other icons in the same set that have a differently proportioned shape. Image
Using the ellipse tool (O), draw a 5 x 5 pixel circle with a centered stroke and rotate it 45 degrees.
Flatten the selection (command + E) and increase the width to 6 pixels.
Using the pen tool (P), add a point to the bottom/center of the oval shape and delete the lines surrounding the left point.
Using the pen tool (P), draw a 2 pixel connecting line to the bottom point. Add a 2 pixel corner radius to the connecting point.
To create the dot, create a rectangle and manually adjust the size to 0.01 and give it a stroke.
Flatten the layers (command + E) and adjust the stroke to your desired radius/width (Rounded/1.5 pixel stroke shown below).

TA DA 👏
Free icons available here 👉

heroicons.com

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Steve Schoger

Steve Schoger Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @steveschoger

10 Feb
How to make a "Megaphone" icon in @figmadesign.

🧵 thread 👇 Image
In a 24 x 24 pixel artboard, use the rectangle tool (R) to draw a 13 x 18 pixel rectangle.
Using the ellipse tool (O) draw a 48 x 48 pixel circle and position the bottom/center of it on the left side of the rectangle 5 pixels from the top.

Duplicate the circle (command + D) and position the top/center of it 5 pixels from the bottom of the rectangle.
Read 15 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!