Mobile app version of vmapp.org
Login or Join
Sue6373160

: How can I create this 'link' or 'chain' icon? I'm trying to find the name of this highlighted image element to look for similar vector icons. I tried to search by "link", but can't find anything

@Sue6373160

Posted in: #Icon #Vector

I'm trying to find the name of this highlighted image element to look for similar vector icons. I tried to search by "link", but can't find anything like it.



How can I recreate this shape using a program like Inkscape or similar?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Sue6373160

2 Comments

Sorted by latest first Latest Oldest Best

 

@Vandalay110

It looks like the whole shape is made out of circular arcs. Basically, to draw it, you first draw two concentric circles:



Then you duplicate them, and move them so that they're a suitable distance apart:



Then you draw a slightly larger circle and move it so that it's tangent to the smaller circles, then duplicate it and repeat:



Finally, you fill in the area between the circles and get rid of the larger circles:



If necessary, tweak the nodes of the resulting path to get rid of any kinks where the circles touched imperfectly.

Note that I just did this quickly and entirely by eye. You can get better results if you pay more attention to getting the geometry just right. In particular, it might be better to first draw the shape in a purely horizontal (or vertical) orientation and only rotate it once it's complete. That way, you can make use of Inkscape's alignment tools and ctrl-dragging to get the larger helper circles positioned precisely.

Also note that, in the complete logo, the two "links" are positioned so that the helper circles for one are concentric with the inner circles of the other, leaving a constant-width gap between them. (In fact, it looks like the centers of the inner circles form a lattice of equilateral triangles.) If you want a similar effect, you may want to first position the inner circles (e.g. using the Create tiled clones tool) before expanding them to make the helper circles.

10% popularity Vote Up Vote Down


 

@Angela777

The closest thing I found that is similar to this is on the Noun Project which I am a huge fan of. They have a huge collection of free icon resources available and personally I like the consistency of their style.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme