Home/Libraries/Devicon (Iconify)/maya

Devicon (Iconify)

Maya

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="SVGZJDJrbPM" x1="100.777" x2="86.576" y1="85.094" y2="91.058" 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="SVGa3HUM8mw" x1="99.581" x2="130.166" y1="56.123" y2="75.523" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#079ea0"/><stop offset=".43" stop-color="#14878e"/><stop offset="1" stop-color="#256a77"/></linearGradient><linearGradient id="SVGkjSfiqLQ" x1="112" x2="112" y1="16.835" y2="120.497" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b4b4b4"/><stop offset=".8" stop-color="#03abab"/><stop offset="1" stop-color="#137980"/></linearGradient><linearGradient id="SVGvtKEQGqo" x1="59.349" x2="135.485" y1="57.417" y2="42.575" 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="SVGrGUDgcOu" x1="-10.003" x2="26.772" y1="72.033" y2="50.748" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00a9a9"/><stop offset=".65" stop-color="#049496"/><stop offset="1" stop-color="#088286"/></linearGradient><linearGradient id="SVG675SgbCp" x1="2.06" x2="32.014" y1="91.643" y2="89.985" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20626e"/><stop offset="1" stop-color="#069d9f"/></linearGradient><linearGradient id="SVGS0u0Ccll" x1="41.036" x2="36.336" y1="5.266" y2="101.578" 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(#SVGZJDJrbPM)" d="M98 121h3V49l-6 9v56z"/><path fill="url(#SVGa3HUM8mw)" d="M98 121V51l23-44h5v54l-22 60z"/><path fill="url(#SVGkjSfiqLQ)" d="M126 121H98c2.9-5.7 14.1-29.2 19-48c8.5-33.1 9-58 9-58z"/><path fill="url(#SVGvtKEQGqo)" d="M126 7H89L63 69l11 30h1c.4 0 1-.3 2-2c4.1-7.6 49-90 49-90"/><path fill="url(#SVGrGUDgcOu)" d="m2 121.7l3-.7l27-49V56L5 9L2 7.4z"/><path fill="url(#SVG675SgbCp)" d="M32 59.1c-2.3 6.9-7.9 23.6-13.6 34.3C8.2 113 2 121.7 2 121.7s23.7 2 30-5.7z"/><path fill="url(#SVGS0u0Ccll)" d="M52 97c1 1.8 1.6 2 2 2h21c.2-.2.4-.4.4-.7c-.1-.4-.2-.9-.4-1.3L38 4L2 7.4S47.7 89.2 52 97"/></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. MayaIcon.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.