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

Devicon (Iconify)

MayaWordmark

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"><defs><linearGradient id="SVGe6GKCbwJ" x1="94.252" x2="82.572" y1="60.301" y2="55.395" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset=".09" stop-color="#1a5964"/><stop offset=".3" stop-color="#137078"/><stop offset=".5" stop-color="#0e8085"/><stop offset=".66" stop-color="#0c858a"/><stop offset="1" stop-color="#0a8b8f"/></linearGradient><linearGradient id="SVG4tqQbdlL" x1="93.27" x2="118.425" y1="84.129" y2="68.173" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#079ea0"/><stop offset=".43" stop-color="#14878e"/><stop offset="1" stop-color="#256a77"/></linearGradient><linearGradient id="SVGSlaendlT" x1="103.484" x2="103.484" y1="116.443" y2="31.181" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b4b4b4"/><stop offset=".8" stop-color="#03abab"/><stop offset="1" stop-color="#137980"/></linearGradient><linearGradient id="SVG3yF8NbPv" x1="60.175" x2="122.803" y1="83.059" y2="95.268" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0f5d64"/><stop offset=".1" stop-color="#097a7e"/><stop offset=".23" stop-color="#049395"/><stop offset=".34" stop-color="#01a3a3"/><stop offset=".43" stop-color="#00a8a8"/><stop offset="1" stop-color="#4ebcc1"/></linearGradient><linearGradient id="SVGSnvNoceD" x1="3.122" x2="33.369" y1="71.054" y2="88.561" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00a9a9"/><stop offset=".65" stop-color="#049496"/><stop offset="1" stop-color="#088286"/></linearGradient><linearGradient id="SVGL7kXBe2g" x1="13.047" x2="37.687" y1="54.95" y2="56.314" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20626e"/><stop offset="1" stop-color="#069d9f"/></linearGradient><linearGradient id="SVG9cHPWcPW" x1="45.099" x2="41.233" y1="125.96" y2="46.743" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#99cbd2"/><stop offset=".9" stop-color="#498f93"/><stop offset="1" stop-color="#2e7b7d"/></linearGradient></defs><path fill="url(#SVGe6GKCbwJ)" d="M92 99.2h2.5V40l-4.9 7.4v46.1z"/><path fill="url(#SVG4tqQbdlL)" d="M92 99.2V41.7l18.9-36.2h4.1v44.4L96.9 99.2z"/><path fill="url(#SVGSlaendlT)" d="M115 99.2H92c2.4-4.7 11.6-24 15.6-39.5c7-27.2 7.4-47.7 7.4-47.7z"/><path fill="url(#SVG3yF8NbPv)" d="M115 5.5H84.6l-21.4 51l9 24.7h.8c.3 0 .8-.2 1.6-1.6C78.1 73.2 115 5.5 115 5.5"/><path fill="url(#SVGSnvNoceD)" d="m13 99.8l2.5-.6l22.2-40.3V45.8L15.5 7.1L13 5.8z"/><path fill="url(#SVGL7kXBe2g)" d="M37.7 48.3c-1.9 5.7-6.5 19.4-11.2 28.2C18.1 92.7 13 99.8 13 99.8s19.5 1.6 24.7-4.7z"/><path fill="url(#SVG9cHPWcPW)" d="M54.1 79.5c.8 1.5 1.3 1.6 1.6 1.6H73c.2-.2.3-.3.3-.6c-.1-.3-.2-.7-.3-1.1L42.6 3L13 5.8s37.6 67.3 41.1 73.7"/><path fill="#818cf8" d="m61 106l-5 14l-5-14h-4v19h3v-14l5 14h2l5-14v14h3v-19zm38.5 0L93 117v8h-3v-8l-6.4-11H87l4.5 8l4.5-8zm10.4 14l1.5 5h3.6l-6-19h-5l-6 19h3.5l1.5-5zm-6-2.7l2.7-8.9l2.6 8.9zm-24 2.7l1.5 5H85l-6-19h-5l-6 19h3.5l1.5-5zm-6-2.7l2.7-8.9l2.6 8.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. MayaWordmarkIcon.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.