Home/Libraries/Devicon (Iconify)/payloadcms-wordmark

Devicon (Iconify)

PayloadcmsWordmark

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 d="M12.066 49.605a.33.33 0 0 0-.164.043L5.7 53.228a.2.2 0 0 0 0 .346l3.045 1.76a.39.39 0 0 0 .397 0l2.78-1.602c.1-.06.232-.06.331 0l8.182 4.72c.1.06.166.165.166.284v7.328c0 .14.072.271.197.344l3.045 1.754c.133.08.299-.02.299-.172V56.71a.33.33 0 0 0-.166-.282l-.006-.008l-11.737-6.772a.33.33 0 0 0-.166-.043m20.579 4.036v19.638h3.576v-7.234h4.566c4.627 0 7.32-2.093 7.32-6.19s-2.7-6.214-7.347-6.214zm42.455 0v19.638h3.521V53.641zm42.992 0v7.963c-.662-1.403-2.259-2.616-4.43-2.616c-3.66 0-6.16 2.973-6.16 7.315s2.5 7.314 6.16 7.314c2.112 0 3.792-1.152 4.483-2.55v2.212h3.468V53.641zm7.722.04c-1.204 0-2.189.913-2.189 2.19c0 1.278.985 2.2 2.19 2.2c1.204 0 2.185-.916 2.185-2.2c0-1.27-.98-2.19-2.186-2.19m0 .286c1.046 0 1.881.792 1.881 1.904c0 1.12-.835 1.914-1.88 1.914c-1.046 0-1.88-.802-1.88-1.914s.833-1.904 1.88-1.904m-.92.707v2.324l.008.006h.543v-.807h.422l.479.807h.588l-.524-.893a.71.71 0 0 0 .445-.675c0-.504-.331-.762-.894-.762zm.543.437h.446c.297 0 .422.1.422.325s-.118.33-.422.33h-.445zm-123.61.405a.33.33 0 0 0-.165.045l-1.498.867A.33.33 0 0 0 0 56.71v13.55c0 .119.065.226.164.285L11.9 77.322c.1.06.233.06.332 0l9.856-5.691a.2.2 0 0 0 0-.346l-3.07-1.773a.39.39 0 0 0-.399 0l-6.36 3.674c-.1.06-.232.06-.331 0h-.006L3.74 68.465a.33.33 0 0 1-.166-.283v-7.295c0-.126.14-.206.244-.147l9.5 5.48a.197.197 0 0 0 .297-.17v-3.556a.4.4 0 0 0-.197-.344L1.992 55.56a.33.33 0 0 0-.166-.044m34.394 1.011h4.234c2.694 0 4.045 1.098 4.045 3.328c0 2.232-1.35 3.33-4.045 3.33H36.22zm17.996 2.448c-3.435 0-5.772 1.76-6.076 4.76h3.38c.113-1.292.992-2.145 2.588-2.145s2.643.821 2.643 2.53v.66l-4.184.47c-2.839.331-5.037 1.482-5.037 4.29c0 2.527 1.985 4.044 4.705 4.044c2.224 0 3.987-.907 4.649-2.502l.006.008a12.4 12.4 0 0 0 .191 2.195h3.383c-.225-1.125-.28-2.203-.28-3.494v-5.395c0-3.634-2.168-5.421-5.968-5.421m46.506 0c-3.442 0-5.778 1.76-6.082 4.76h3.38c.113-1.292.994-2.145 2.59-2.145s2.64.821 2.64 2.53v.66l-4.183.47c-2.839.331-5.037 1.482-5.037 4.29c0 2.527 1.985 4.044 4.705 4.044c2.224 0 3.987-.907 4.649-2.502l.011.008a12.4 12.4 0 0 0 .194 2.195h3.383c-.225-1.125-.28-2.203-.28-3.494v-5.395c0-3.634-2.17-5.421-5.97-5.421m-14.153.007c-4.124 0-7.068 2.78-7.068 7.315c0 4.534 2.944 7.314 7.068 7.314s7.07-2.806 7.07-7.314s-2.946-7.315-7.07-7.315m-26.74.325v.005l5.447 13.948c-.748 1.926-1.349 2.422-2.779 2.422c-.298 0-.523 0-.934-.086v2.666c.497.087 1.152.14 1.622.14c2.939-.027 4.56-1.378 5.884-4.873l5.448-14.222h-3.495l-3.687 10.537h-.053l-3.879-10.537zm54.832 2.25c2.232 0 3.522 1.768 3.522 4.488v.49c0 2.727-1.239 4.486-3.522 4.486s-3.607-1.872-3.607-4.732s1.377-4.732 3.607-4.732m-28.092.027c2.258 0 3.55 1.76 3.55 4.705s-1.293 4.707-3.55 4.707c-2.284 0-3.547-1.788-3.547-4.707s1.29-4.705 3.547-4.705m-29.826 5.422v.851l-.006-.005c0 2.204-1.735 3.277-3.549 3.277c-1.403 0-2.17-.69-2.17-1.787c0-1.457 1.133-1.789 2.616-1.98zm46.5 0v.851l-.006-.005c0 2.204-1.734 3.277-3.547 3.277c-1.404 0-2.171-.69-2.171-1.787c0-1.457 1.132-1.789 2.615-1.98z"/></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. PayloadcmsWordmarkIcon.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.