Home/Libraries/Devicon Plain (Iconify)/modx-wordmark

Devicon Plain (Iconify)

ModxWordmark

License: MITCommercial Safe

ICON SIZE

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 128 128"><path fill="#818cf8" d="M110.5 11.4h-44l-4.8 7.8L93.4 39zM92.2 40.7l-61-38.1v44.1l9.5 5.9zM73.4 77.4l27.4 17.2V50.5l-7.6-4.8zM39.8 56.5L21.5 85.8h44l25.8-41.2zm-23.5 65.6h2.6l1.3-15.6h-2.6v-3h7l4.8 12.2c.4 1.1.5 1.8.5 1.8h.1s.2-.7.5-1.8l4.8-12.2h7v3h-2.6l1.2 15.6h2.6v3h-8.9v-3H37l-.8-10.9c-.1-.8.1-2 .1-2h-.1s-.2 1.2-.5 1.9l-4.1 10h-3.4l-4.1-10c-.3-.7-.5-1.9-.5-1.9h-.1s.2 1.2.1 2l-.8 10.9h2.4v3h-8.9zM56.2 103c6.4 0 11.2 4.8 11.2 11c0 6.4-4.8 11.3-11.2 11.3S45 120.3 45 114c0-6.1 4.8-11 11.2-11m0 18.9c3.9 0 7.1-3.4 7.1-7.8c0-4.3-3.2-7.5-7.1-7.5s-7.1 3.3-7.1 7.5c0 4.4 3.2 7.8 7.1 7.8m13.2.2H72v-15.6h-2.6v-3h9.4c1.7 0 3.1.1 4.5.5c4.2 1.2 7 5 7 10.3c0 5.1-2.6 8.8-6.7 10.2c-1.5.5-3 .6-4.8.6h-9.4zm9.2-.3c1.4 0 2.5-.1 3.5-.5c2.5-1 4-3.5 4-7.1c0-3.7-1.6-6.2-4.2-7.1c-1.1-.4-2.1-.5-3.4-.5H76v15.2zm14 .3h1.9l5.5-8l-5.3-7.6h-1.9v-3h8.2v3h-2.1l3 4.5c.4.5.6.9.6.9h.1s.2-.4.6-.9l2.9-4.5H104v-3h7.9v3H110l-5.5 8l5.4 7.7h1.9v3h-8.2v-3h2.1l-3-4.5c-.4-.5-.6-.9-.6-.9h-.1c-.1 0-.2.4-.6.9l-2.9 4.5h2.1v3h-7.9z"/></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. ModxWordmarkIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.