3D icon prompts for your edits: 80 icons in one style — Diyaa Albouzan

ليش كلها بتطلع عيلة وحدة؟

ستايل ثابت

نفس النص بكل برومت: المادة، الألوان، الإضاءة، الزاوية.

وصف بيتغيّر

بتبدّل آخر جملة بس: شو الأيقونة.

خلفية بيضا

مقصودة: بتنقص بسهولة وبتصير PNG شفاف للمونتاج.

النص اللي استعملته

بالإنجليزي لأنه موديلات الصور بتفهمه أدق.

نص الستايل، انسخه زي ما هو

3D clay-style icon in the exact style of a premium icon set: smooth rounded glossy plastic, main colour bright teal (#2DD4BF) with one or two small warm amber (#F59E0B) accents, soft studio lighting, gentle shadow under it, centred, slight 3/4 angle, isolated on a plain pure white background. No text, no letters, no logos. The icon shows [وصف الأيقونة]

آخر الجملة [وصف الأيقونة]: هون بتحط وصف الأيقونة من القوائم تحت.
الألوان: #2DD4BF (تركوازي) و#F59E0B (عنبري) هم ألوان هويتي. غيّرهم لألوان هويتك وبتطلع المكتبة إلك.
«No text, no letters, no logos» لا تشيلها: موديلات الصور بتخربط الحروف.

مثال كامل جاهز

نص الستايل + وصف أول أيقونة بالقائمة (terminal)، جاهز تلصقه وتجرّب:

3D clay-style icon in the exact style of a premium icon set: smooth rounded glossy plastic, main colour bright teal (#2DD4BF) with one or two small warm amber (#F59E0B) accents, soft studio lighting, gentle shadow under it, centred, slight 3/4 angle, isolated on a plain pure white background. No text, no letters, no logos. The icon shows a rounded terminal window with a small prompt-arrow symbol and three short abstract lines.

كيف تستعمله

افتح Google Flow (أنا استعملت موديل الصور Nano Banana Pro)، أو أي أداة صور بتحبها.
الصق نص الستايل، وبدّل [وصف الأيقونة] بسطر من القوائم تحت (الجملة اللي بعد النقطتين).
اطلب صورتين لكل برومت، واختار الأحلى.
قص الخلفية البيضا (remove.bg، أو خلّي Claude يعملها لكل المجلد مرة وحدة: الخطوة 8).

كل سطر بالقوائم مكتوب هيك: اسم: وصف. الاسم عشان تسمّي الملف فيه، والوصف هو اللي بيروح بآخر البرومت.

80 أيقونة جاهزة

4 مجموعات × 20 أيقونة. انسخ المجموعة كاملة بكبسة.

أيقونات البرمجة

terminal، قاعدة بيانات، git، bug، سيرفر…

terminal: a rounded terminal window with a small prompt-arrow symbol and three short abstract lines.
braces: a pair of chunky curly braces.
code-tag: chunky angle brackets with a slash between them, a code symbol.
git-branch: a branching line with three round nodes, like a version-control branch.
bug: a cute rounded beetle bug.
database: a stack of three database cylinders.
cloud-up: a puffy cloud with a small upward arrow.
server: a small server rack with glowing amber status lights.
plug: a power plug connecting into a wall socket.
key: an old-fashioned key.
padlock: a closed padlock.
warning: a warning triangle with an exclamation mark.
chip: a computer microchip with pins.
keyboard: a small computer keyboard with blank keys.
mouse: a computer mouse.
laptop-code: an open laptop whose screen shows abstract coloured code lines with no characters.
robot-arm: a robotic arm.
lightning: a lightning bolt.
tools: a crossed wrench and screwdriver.
file-code: a document page with a folded corner and abstract code lines with no characters.

أيقونات صناعة المحتوى

كاميرا، مايك، رينغ لايت، تيلفون على ستاند…

camera: a photo camera.
camcorder: a video camcorder.
podcast-mic: a podcast microphone on a small stand.
ring-light: a ring light on a stand.
clapper: a blank film clapperboard.
film-reel: a film reel with a strip of film.
play: a rounded play button.
phone-tripod: a smartphone on a small tripod, its screen blank.
headphones: over-ear headphones.
megaphone: a megaphone.
heart: a puffy heart.
comment: a speech bubble with three dots.
paper-plane: a paper plane.
hashtag: a hashtag symbol.
calendar: a calendar page with a binding and blank grid squares.
chart-up: a bar chart rising with an upward arrow.
trophy: a trophy cup.
crown: a crown.
fire: a flame.
star: a puffy star.

أيقونات الأتمتة

دورة، سير، workflow، checklist، مجلدات…

cycle: two circular arrows chasing each other, an automation cycle.
conveyor: a small conveyor belt carrying boxes.
chain: two chain links joined.
toggle: a toggle switch turned on.
flowchart: three rounded nodes joined by arrows, a flowchart.
robot-press: a robot hand pressing a big round button.
battery: a full battery.
sliders: three vertical slider controls.
doc-check: a document page with a big check mark.
checklist: a clipboard with a checklist of three ticked boxes.
folder-tree: three small folders joined in a tree.
download: a downward arrow into an open tray.
trash: a trash bin.
pencil: a pencil.
brush: a paint brush.
palette: a painter colour palette.
layers: a stack of three layers.
magnet: a horseshoe magnet.
funnel: a funnel.
gauge: a speedometer gauge with the needle at the top.

أيقونات البزنس

شهادة، فلوس، متجر، تقويم، إشعار…

grad-cap: a graduation cap.
book: an open book.
certificate: a rolled certificate with a ribbon.
whiteboard: a whiteboard on an easel with simple boxes and arrows.
people: three simple people figures standing together.
handshake: a handshake.
chats: two overlapping speech bubbles.
gift: a gift box with a bow.
price-tag: a price tag with a string.
coins: a stack of coins.
card: a blank credit card.
cart: a shopping cart.
store: a small shop front with a striped awning.
hourglass: an hourglass.
stopwatch: a stopwatch.
envelope: a closed envelope.
bell: a notification bell.
pin: a map pin.
globe: a globe.
cal-check: a calendar page with a big check mark.

من صور لمكتبة مونتاج

هون الجزء اللي اشتغله Claude عني طول الليل.

خلّي Claude يقص ويرتّب

بعد ما تنزّل الصور لمجلد على جهازك، افتح Claude Code بهالمجلد والصق:

بهالمجلد صور أيقونات على خلفية بيضا. شيل الخلفية من كل صورة وخليها PNG شفاف (استعمل أداة زي rembg)، وسمّي كل ملف باسم الأيقونة بالإنجليزي، ورتّبها بمجلدات: برمجة، محتوى، أتمتة، بزنس. لا تمسح ولا صورة أصلية. وبالآخر اعملي صفحة HTML وحدة فيها كل الأيقونات جنب بعض عشان أراجعها.

اشتغل على نسخة من المجلد، وخلّي الأصل على جنب.
صفحة المراجعة بتخليك تشوف الـ 80 بنظرة وحدة، وتلقط الأيقونة اللي طلعت غلط قبل ما تدخل المونتاج.
ما عندك Claude Code؟ التثبيت بـ دليل تثبيت Claude Code.

نصايح وأخطاء شائعة

الغلطكل أيقونة ببرومت مختلف، وكتابة أو لوغو جوّا الأيقونة، وخلفية ملوّنة.

الصحنص ستايل واحد لكل المكتبة، وصف قصير للأيقونة، وخلفية بيضا بتنقص بسهولة.

اللوغوهات الرسمية (Claude، إنستغرام…) لا تولّدها بالذكاء الاصطناعي: خذها من مصدرها الرسمي.
أيقونة طلعت غريبة؟ بسّط الوصف: شغلة وحدة واضحة أحسن من مشهد كامل.
بدك ستايل تاني؟ غيّر أول جملة بس (مثلاً flat 2D بدل 3D clay-style) وخلّي الباقي زي ما هو، بتطلع مكتبة تانية متناسقة.
للمونتاج: حط الأيقونات كطبقة فوق اللقطات، بستايل الريلز اللي فيها كولاج وأوراق. شوف كمان دليل موشن Vox.

أسئلة شائعة

بيشتغل مع غير Google Flow؟

آه، النص بيشتغل مع أي موديل صور. النتيجة بتختلف شوي من أداة لأداة، فجرّب أول 3 أيقونات قبل ما تعمل المكتبة كاملة.

ليش خلفية بيضا مش شفافة مباشرة؟

أغلب موديلات الصور ما بتطلّع PNG شفاف. الأبيض الصافي هو الأسهل للقص، وبعد القص بتصير شفافة.

بقدر أستعمل الأيقونات بشغل تجاري؟

راجع شروط الأداة اللي ولّدت فيها الصور، لأنها بتختلف من أداة لأداة.

كيف بيطلع عندي نفس الألوان بالضبط؟

حط كود اللون (مثل #2DD4BF) بالنص زي ما هو. الموديل ما بيلتزم 100%، بس بيقرّب كتير، وبالمونتاج بتقدر تعدّل التشبع شوي.