Home/Libraries/OpenMoji (Iconify)/assembly-point

OpenMoji (Iconify)

AssemblyPoint

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><circle cx="36.01" cy="21.186" r="3.478" fill="#fff"/><path fill="#d22f27" d="M46.289 21.39c0-6.016-4.607-10.91-10.271-10.91s-10.271 4.894-10.271 10.913c.002.3.145 7.497 8.37 20.179c.53.829 1.143 1.25 1.82 1.25c1.188 0 1.999-1.31 2.078-1.443c8.278-12.689 8.278-19.703 8.274-19.99m-10.27 4.394c-2.523 0-4.575-2.052-4.575-4.574s2.052-4.574 4.574-4.574s4.574 2.052 4.574 4.574s-2.052 4.574-4.574 4.574"/><path fill="#ea5a47" d="M46.289 21.39c0-6.016-4.607-10.91-10.271-10.91a9.7 9.7 0 0 0-2.496.34c5.422.29 9.752 5.052 9.752 10.881c.004.287.004 7.3-8.275 19.99c-.03.05-.162.265-.379.514c.404.406.845.616 1.317.616c1.188 0 1.999-1.309 2.077-1.442c8.28-12.689 8.28-19.703 8.275-19.99"/><path fill="#92d3f5" d="M11.34 60.654v-2.285c0-3.23 1.91-5.45 5.14-5.45c1.913 1.615 4.176 2.422 6.11 2.422s4.198-.807 6.11-2.422c3.23 0 5.14 2.22 5.14 5.45v2.285zm26.802 0v-2.285c0-3.23 1.91-5.45 5.14-5.45c1.913 1.615 4.176 2.422 6.11 2.422c1.933 0 4.197-.807 6.11-2.422c3.23 0 5.14 2.22 5.14 5.45v2.285z"/><g fill="#fcea2b"><circle cx="22.59" cy="45.397" r="5"/><circle cx="49.392" cy="45.397" r="5"/></g><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M11.34 60.324v-1.955c0-3.23 1.91-5.45 5.14-5.45c1.913 1.615 4.176 2.422 6.11 2.422s4.198-.807 6.11-2.422c3.23 0 5.14 2.22 5.14 5.45v1.955m4.302 0v-1.955c0-3.23 1.91-5.45 5.14-5.45c1.913 1.615 4.176 2.422 6.11 2.422c1.933 0 4.197-.807 6.11-2.422c3.23 0 5.14 2.22 5.14 5.45v1.955"/><path stroke-miterlimit="10" d="M35.937 42.821c-.677 0-1.29-.42-1.82-1.25c-8.226-12.681-8.368-19.878-8.37-20.178c0-6.02 4.607-10.913 10.271-10.913s10.271 4.894 10.271 10.91c.004.286.004 7.3-8.274 19.989c-.08.133-.89 1.442-2.078 1.442Z"/><path stroke-miterlimit="10" d="M36.018 25.784c-2.522 0-4.574-2.052-4.574-4.574s2.052-4.574 4.574-4.574s4.574 2.052 4.574 4.574s-2.052 4.574-4.574 4.574Z"/><circle cx="22.59" cy="45.397" r="5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="49.392" cy="45.397" r="5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. AssemblyPointIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.