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

Devicon (Iconify)

HyprlandWordmark

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="SVGY14XrXpy" x1="561.93" x2="561.93" y1="593.85" y2="491.29" gradientTransform="translate(-12.423 -12.742)scale(.1525)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00a8f4"/><stop offset="1" stop-color="#00e5d0"/></linearGradient></defs><path fill="url(#SVGY14XrXpy)" d="M16.322 40.142c-1.817 3.011-4.506 6.676-6.227 9.052a128 128 0 0 0-1.885 2.64c-.339.492-.68.983-1.043 1.505c-1.964 2.824-3.997 5.744-5.382 8.878C.44 65.262-.152 68.374.033 71.465c.177 2.997 1.11 5.882 2.696 8.346a17.2 17.2 0 0 0 6.376 5.84c2.69 1.428 5.71 2.172 8.977 2.207h.638c3.268-.035 6.287-.777 8.977-2.207a17.2 17.2 0 0 0 6.376-5.84c1.586-2.464 2.519-5.35 2.696-8.346c.183-3.09-.407-6.203-1.752-9.248h-.01c-1.385-3.135-3.418-6.056-5.38-8.878c-.364-.52-.705-1.013-1.044-1.505c-.48-.702-1.131-1.6-1.885-2.64c-1.721-2.378-4.41-6.042-6.228-9.052v7.536c1.873 2.687 3.69 5.107 4.662 6.524c2.126 3.1 4.589 6.404 6.05 9.707c4.388 9.932-1.784 19.65-12.512 19.765h-.546C7.396 83.558 1.22 73.841 5.61 63.91c1.461-3.304 3.923-6.607 6.05-9.707c.97-1.415 2.788-3.837 4.662-6.524zm108.389 17.791v4.808a2.6 2.6 0 0 0-.444-.209a5 5 0 0 0-1.2-.277a10 10 0 0 0-.934-.055q-2.687 0-4.031 1.577q-1.345 1.578-1.344 4.31q0 1.753.456 2.932q.454 1.177 1.255 1.855a4.8 4.8 0 0 0 1.9.967a9.5 9.5 0 0 0 2.411.289q.977 0 1.911-.211a6.6 6.6 0 0 0 1.677-.611a3.5 3.5 0 0 0 1.188-1.011q.444-.611.444-1.434v-12.93h-3.288zm-36.369.378v15.486h3.288V58.311zm-47.166.667v14.818h3.599v-5.887h5.444v5.887h3.576V58.978h-3.576v5.999h-5.444v-6zm31.926 3.199q-1.111 0-2.077.166a7 7 0 0 0-1.7.5q-.732.334-1.156.845q-.422.511-.422 1.245v12.885h3.243v-4.283c.16.088.33.167.51.228q.69.233 1.334.301q.644.066.977.067q1.578 0 2.678-.734t1.7-2.055t.6-3.055q0-2.31-.722-3.642q-.722-1.335-1.999-1.9v-.002q-1.278-.567-2.966-.566m11.885.044q-1.045 0-2.076.278q-1.034.278-1.833.622q-.802.344-1.11.612v10.064h3.31v-8.686q.378-.066.933-.089a22 22 0 0 1 2.377.044q.578.046.955.133v-2.421q-.31-.244-.91-.4q-.6-.155-1.644-.155zm13.353.002q-1.511 0-2.722.312q-1.211.311-1.789.666v2.932q.623-.49 1.61-.832a6 6 0 0 1 1.966-.345q1.2 0 1.856.456q.655.455.656 1.478v.713a5 5 0 0 0-.345-.181a6 6 0 0 0-1.278-.423a7 7 0 0 0-1.467-.155q-1.355 0-2.243.422q-.889.423-1.322 1.2q-.433.778-.433 1.823q0 1.11.378 1.854q.378.745 1.055 1.177q.678.432 1.577.622q.9.189 1.921.19q1.71 0 2.922-.267q1.211-.267 1.854-.856q.645-.588.646-1.545l.022-5.31q0-1.022-.333-1.71a3.3 3.3 0 0 0-.877-1.133a4 4 0 0 0-1.188-.678a6.3 6.3 0 0 0-1.289-.321a9 9 0 0 0-1.177-.089m12.486.022q-.71 0-1.545.111q-.833.112-1.654.288q-.822.179-1.511.412a8 8 0 0 0-1.11.456v10.286h3.31v-8.442q.266-.133.778-.255a4.5 4.5 0 0 1 1.022-.122q.6 0 1.021.145t.667.4q.244.255.366.61q.121.358.122.778V73.8h3.31v-7.554q0-1.489-.565-2.355q-.568-.867-1.634-1.255v-.002q-1.066-.39-2.577-.389m-56.054.31l4.516 11.115a4 4 0 0 1-.185.516q-.267.61-.677.867a1.8 1.8 0 0 1-.967.256q-.334 0-.643-.055q-.312-.055-.667-.19v2.69q.379.177.91.288a5.4 5.4 0 0 0 1.09.111q.8 0 1.555-.4t1.455-1.311t1.299-2.466l4.42-11.42h-3.554l-2.366 7.367l-2.387-7.367zm68.206 2.308q.422 0 .877.122q.456.123.856.345v5.179q0 .422-.5.633q-.5.21-1.3.21q-1.044 0-1.654-.389a2.16 2.16 0 0 1-.877-1.089q-.268-.698-.267-1.677q0-1.244.322-1.978q.322-.733.967-1.045q.644-.31 1.576-.31zm-50.008.091q.976 0 1.521.39q.544.387.767 1.099t.223 1.732q0 1.221-.3 1.944h-.002q-.3.724-.877 1.033q-.578.31-1.467.31q-.4 0-.91-.11a3.2 3.2 0 0 1-.934-.356V65.71q0-.333.456-.544q.456-.21 1.522-.21zm25.237 4.066q.712 0 1.333.155q.199.051.378.113v1.733q0 .466-.456.622v-.002q-.454.155-1.589.155q-.443 0-.855-.178a1.56 1.56 0 0 1-.656-.511a1.24 1.24 0 0 1-.244-.755q0-.689.5-1.01q.5-.323 1.59-.323z"/></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. HyprlandWordmarkIcon.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.