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

Devicon (Iconify)

TailwindcssWordmark

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="M13.227 56.074c-3.528 0-5.727 1.778-6.602 5.301c1.324-1.773 2.875-2.426 4.625-1.977c1 .25 1.727.977 2.523 1.801c1.301 1.324 2.801 2.852 6.079 2.852c3.523 0 5.722-1.778 6.597-5.301c-1.324 1.773-2.875 2.426-4.625 1.977c-1-.25-1.722-.977-2.523-1.801c-1.301-1.324-2.801-2.852-6.074-2.852M6.602 64C3.074 64 .875 65.773 0 69.3c1.324-1.777 2.875-2.425 4.625-1.976c1 .25 1.727.977 2.523 1.801c1.301 1.324 2.801 2.852 6.079 2.852c3.523 0 5.722-1.778 6.597-5.301c-1.324 1.773-2.875 2.426-4.625 1.972c-1-.25-1.722-.972-2.523-1.796C11.398 65.523 9.898 64 6.602 64m0 0"/><path fill="#818cf8" d="M39.676 62.75h-2.301v4.477c0 1.199.773 1.171 2.3 1.097v1.801c-3.1.375-4.323-.477-4.323-2.898V62.75h-1.704v-1.926h1.704v-2.5l2-.597v3.097h2.296v1.926zm8.8-1.926h2v9.301h-2v-1.352c-.703.977-1.8 1.579-3.25 1.579c-2.527 0-4.624-2.153-4.624-4.903c0-2.773 2.097-4.898 4.625-4.898c1.449 0 2.546.597 3.25 1.574zm-2.953 7.625c1.676 0 2.954-1.25 2.954-2.972c0-1.727-1.278-2.977-2.954-2.977c-1.671 0-2.949 1.25-2.949 2.977c.028 1.722 1.278 2.972 2.95 2.972zm8.301-9.023c-.699 0-1.273-.602-1.273-1.278c0-.699.574-1.273 1.273-1.273c.7 0 1.278.574 1.278 1.273c.023.676-.579 1.278-1.278 1.278m-1 10.699v-9.3h2v9.3zm4.324 0V56.551h2v13.574zm15.079-9.3h2.125l-2.926 9.3h-1.977l-1.926-6.273l-1.949 6.273h-1.972l-2.926-9.3H62.8l1.8 6.425l1.95-6.426h1.926l1.921 6.426zm4.597-1.4c-.699 0-1.273-.6-1.273-1.277c0-.699.574-1.273 1.273-1.273c.7 0 1.278.574 1.278 1.273c.023.676-.551 1.278-1.278 1.278zm-1 10.7v-9.3h2v9.3zm9.227-9.55c2.074 0 3.574 1.425 3.574 3.823v5.727h-2v-5.5c0-1.426-.824-2.148-2.074-2.148c-1.324 0-2.375.773-2.375 2.671v5h-2v-9.296h2v1.199c.625-1 1.625-1.477 2.875-1.477zm13.125-3.473h2v13.023h-2v-1.352c-.7.977-1.801 1.579-3.25 1.579c-2.528 0-4.625-2.153-4.625-4.903c0-2.773 2.097-4.898 4.625-4.898c1.449 0 2.55.597 3.25 1.574zm-2.95 11.347c1.672 0 2.95-1.25 2.95-2.972c0-1.727-1.278-2.977-2.95-2.977c-1.675 0-2.953 1.25-2.953 2.977c0 1.722 1.278 2.972 2.954 2.972zm11.672 1.926c-2.796 0-4.921-2.148-4.921-4.898c0-2.778 2.097-4.903 4.921-4.903c1.829 0 3.403.95 4.153 2.403l-1.727 1c-.398-.875-1.324-1.426-2.449-1.426c-1.648 0-2.875 1.25-2.875 2.926c0 1.671 1.25 2.921 2.875 2.921c1.125 0 2.023-.574 2.477-1.421l1.722.972c-.75 1.477-2.347 2.426-4.176 2.426m7.528-7c0 1.7 5 .676 5 4.125c0 1.852-1.625 2.875-3.625 2.875c-1.852 0-3.2-.852-3.801-2.176l1.727-1c.296.852 1.046 1.352 2.074 1.352c.898 0 1.574-.301 1.574-1.051c0-1.648-5-.727-5-4.05c0-1.75 1.5-2.848 3.398-2.848c1.528 0 2.801.699 3.454 1.921l-1.704.954c-.324-.727-.972-1.051-1.75-1.051c-.722-.028-1.347.3-1.347.949m8.574 0c0 1.7 5 .676 5 4.125c0 1.852-1.625 2.875-3.625 2.875c-1.852 0-3.2-.852-3.8-2.176l1.726-1c.3.852 1.05 1.352 2.074 1.352c.898 0 1.574-.301 1.574-1.051c0-1.648-5-.727-5-4.05c0-1.75 1.5-2.848 3.403-2.848c1.523 0 2.796.699 3.449 1.921l-1.7.954c-.328-.727-.976-1.051-1.75-1.051c-.726-.028-1.351.3-1.351.949m0 0"/></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. TailwindcssWordmarkIcon.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.