Basic Shapes for Building Designs

Add basic shapes to your designs: circles, squares and free forms on transparent backgrounds to build text beds and divide a post into sections.

Start designing
Square Element
Iscosceles Element
Heart Element #3422
علامة إكس مرجانية متدرجة Element
Right Triangle Element
علامة صح مرجانية متدرجة Element
شكل قطرة مرجاني متدرج Element
Ellipse Element
Star Element #3428
Square Element #3429
Ring Element
Speech Bubble Element #3431
Star Element
Pentagon Element
Pie Element
Star Element #3435
Hexagon Element
Circle Element #3437
شكل نجمة رباعية بأكتاف مرجاني Element
Hexagonal Element #3439
منحرف Element
نجمة رباعية مرجانية متدرجة Element
شكل مضلع مسنن مرجاني Element
Hexagonal Element #3446
نجمة ثمانية مرجانية متدرجة Element
زهرة مرجانية متدرجة ببتلات دائرية Element
شكل ختم مموج مرجاني Element
شكل عضوي مرجاني عريض Element
شكل بقعة مرجاني متدرج Element
شكل عضوي مرجاني مثلثي Element
Rectangle Element #3453
فقاعة كلام مرجانية متدرجة Element
Rounded Square Element
Speach Bubble Element
Arrow Element
شكل غيمة مموجة مرجانية Element
نجمة انفجار مرجانية حادة Element
ختم مرجاني بحافة بتلات Element
نجمة رباعية مقعرة مرجانية Element
ختم مرجاني مسنن Element
لافتة مرجانية بزوايا مقعرة Element
فقاعة كلام مستطيلة مرجانية Element
Hexagonal Element #7653
شريط مرجاني بحواف مسننة Element
شكل دوامة مسننة مرجاني Element
شكل مرجاني بمثلث فوق مروحة Element
بطاقة سعر مرجانية بثقب Element
ختم مموج مرجاني بيضاوي Element
بطاقة سعر مرجانية مستطيلة بثقب Element
شكل مرجاني مربع بحواف مموجة Element
شكل مرجاني بيضاوي بحواف متموجة Element
Design Element #8623
Design Element #8624
Design Element #8629
Design Element #8641
Design Element #8642
Design Element #8643
شكل سداسي مرجاني مستدير الزوايا Element
Design Element #8645
شكلان نيون متداخلان أزرق وأحمر Element
دائرة نيون خضراء بفقاعات Element
دائرة نيون برتقالية بفقاعات Element
شكلان نيون متداخلان أحمر وأزرق داكن Element
دائرة نيون زرقاء بفقاعات Element
حلقتان نيون حمراوان متداخلتان Element
حلقتان نيون برتقاليتان متداخلتان Element
حلقتان نيون بنفسجيتان متداخلتان Element
حلقتان نيون زرقاوان متداخلتان Element
شكلان نيون متداخلان برتقالي وأزرق Element
شكلان نيون متداخلان أزرق وبرتقالي Element
حلقتان نيون خضراوان متداخلتان Element
حلقتان نيون ورديتان متداخلتان Element
مثلث نيون أحمر Element
بيضاوي نيون أخضر طولي Element
دائرة نيون حمراء Element
فقاعة كلام نيون بنفسجية ببرق Element
فقاعة كلام نيون فيروزية بقلب Element
مستطيل نيون أزرق طولي Element
دائرة نيون وردية Element
مثلث نيون بنفسجي قائم Element
خاتم نيون بماسة Element
نجمة نيون ذهبية Element
إطار نيون وردي مموج Element
قوس نيون أحمر عريض Element
نصف دائرة نيون برتقالية Element
مستطيلان نيون بنفسجيان متراكبان Element
بيضاوي نيون بنفسجي بسهم Element
فقاعة كلام نيون بيضاء على شكل غيمة Element
شريط نيون وردي مستطيل Element
إطار نيون خوخي سداسي Element
Square Element #9111
Triangle Element #9110
فقاعة كلام نيون ذهبية نجمية Element
Parallelogram Element
شكل منحدر بني موف بحافة منحنية Element
شكل منحدر أحمر صدئي بحافة متدرجة Element
شكل موجة خضراء داكنة بقمة مقعرة Element
أيقونة قطرة ماء برتقالية مفرغة Element
شعار سداسي ذهبي بأشكال متداخلة Element
خلية سداسية بيضاء باهتة من أربعة أشكال Element
شكل سباعي متدرج أصفر وبرتقالي Element
شكل سداسي أبيض طولي بحد بيج رفيع Element
شكل سداسي بيج مفرغ مائل Element
شكل سداسي أخضر داخل إطار سداسي أبيض Element
شكل سداسي وردي ترابي طولي Element

Basic Shapes for Design

What is a plain shape actually for?
It is a bed for text, not decoration: a circle behind a number turns it into a badge, a rectangle behind a line turns it into a heading. Basic shapes build the page's structure before any ornament goes on top.

What can you design with them?

  • Beds and backgrounds for text

  • Badges, numbers and bullets

  • Dividing a post into sections

  • Simple frames around photos

  • Building blocks for templates

How do you pick the right shape for text?
Follow the text's length: a circle for a number or word, a rounded rectangle for a line, a free form for a paragraph. Forcing a full line into a circle shrinks the type and wastes space above and below it.

الأسئلة الشائعة

How does this differ from the 3D shapes category?
These are flat shapes used as a bed behind text, while 3D shapes are raised elements with shadows used in the foreground. The first serves the text; the second competes with it for attention.
Can I change a shape's colour?
Yes. Adjust each shape's colour, size and opacity inside Andalusi. Use a light tint from your palette so the text on top stays legible instead of fighting the fill.
How do I use a shape behind text?
Make it wider than the text with equal space on all four sides. A shape hugging the letters looks cramped, and it is the even margin that makes it read as deliberate.