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

Devicon (Iconify)

WeblateWordmark

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"><g transform="translate(50 76)"><linearGradient id="SVGreluveXg" x1="-150.086" x2="-128.011" y1="-11.98" y2="-11.98" gradientTransform="matrix(.9831 0 0 1.0172 98.309 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00d2e6"/><stop offset="1" stop-color="#2eccaa"/></linearGradient><path fill="url(#SVGreluveXg)" d="M-20.8-3.7c-.7 0-1.3-.1-1.9-.4q-2.1-.9-3.6-3.3c.3-.5.5-1 .8-1.5c1-2.3 1.5-4.8 1.5-7.3v-.3c0-1-.1-2-.5-2.9c-.4-1.1-1-2.1-2-2.5c-.1-.1-.4-.1-.5-.1c-1.2-2.3-1.3-4.5 0-6.6h.1c1.5 0 3 .5 4.3 1.3c3.5 2.2 5.2 6.5 5.2 10.7v.1c-.1 4.5-1.1 9-3.4 12.8m-7.7 7c-3.2 1.3-7 1.2-10.2-.2c-3.7-1.7-6.5-5.1-8.3-8.8c-3-6.5-3.1-14.3-.2-20.9c2.1.8 4-.5 4-.5s0 2.1 2 3.1c-2 4.8-2 10.6.1 15.3c1 2.3 2.5 4.4 4.6 5.6c.8.4 1.6.7 2.4.8c1.6 2.3 3.5 4.2 5.6 5.6"/><linearGradient id="SVGm1Fr4Qgk" x1="-130.696" x2="-119.307" y1="-.952" y2="-6.318" gradientTransform="matrix(1.1631 0 0 .8598 116.308 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity="0"/><stop offset=".514"/><stop offset="1" stop-opacity="0"/></linearGradient><path fill="url(#SVGm1Fr4Qgk)" fill-rule="evenodd" d="M-20.8-3.7c-.7 0-1.3-.1-1.9-.4q-2.1-.9-3.6-3.3c.3-.5.5-1 .8-1.5c.3-.7.6-1.4.8-2.1c.5-1.7 6.8.5 5.9 3.2c-.6 1.4-1.2 2.8-2 4.1m-7.7 7c-3.2 1.3-7 1.2-10.2-.2c-3.7-1.7.1-7.5 2.2-6.3c.8.4 1.6.7 2.4.8c1.6 2.4 3.5 4.3 5.6 5.7" clip-rule="evenodd" opacity=".3"/><linearGradient id="SVGMvDcxqrV" x1="-104.893" x2="-126.931" y1="-11.998" y2="-11.998" gradientTransform="matrix(.9831 0 0 1.0172 98.309 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1fa385"/><stop offset="1" stop-color="#2eccaa"/></linearGradient><path fill="url(#SVGMvDcxqrV)" d="M-36.6-16.5v-.1c0-4.2 1.8-8.5 5.2-10.7c1.3-.8 2.8-1.3 4.3-1.3h.1v6.6c-.2 0-.4 0-.6.1c-1 .4-1.6 1.5-2 2.5c-.3.9-.5 1.9-.5 2.9v.3c0 2.5.5 5 1.5 7.3c1.1 2.6 2.8 5 5.3 6c1.9.8 4 .6 5.7-.3c2.1-1.2 3.6-3.3 4.6-5.6c2.1-4.7 2.1-10.4.1-15.3c2-1 2-3.1 2-3.1s1.9 1.4 4 .5c2.8 6.6 2.7 14.4-.2 20.9C-8.8-2-11.6 1.3-15.3 3c-3.3 1.5-7.1 1.6-10.4.1c-3-1.2-5.4-3.5-7.1-6.2c-2.6-3.9-3.8-8.7-3.8-13.4"/></g><path d="M51.2 59.8h2.1l1 5.7l.3 1.8l.3 1.8h.1c.1-.6.3-1.2.4-1.8s.2-1.2.4-1.8l1.4-5.7H59l1.4 5.7c.1.6.3 1.2.4 1.8s.3 1.2.4 1.8H61l.3-1.8l.3-1.8l1-5.7h1.9l-2.2 11.3h-2.5l-1.4-6c-.1-.4-.2-.9-.3-1.3s-.2-.9-.2-1.3h-.1c-.1.4-.2.9-.3 1.3s-.2.9-.3 1.3l-1.4 6h-2.4zm16.3 0h6.8v1.7h-4.8v2.9h4.1v1.7h-4.1v3.3h5v1.7h-7zm10.6 0h3.6c.6 0 1.1 0 1.6.1s.9.3 1.3.5s.6.5.8.9s.3.8.3 1.3s-.1 1-.4 1.5s-.7.8-1.2 1v.1c.6.1 1.1.4 1.6.9q.6.6.6 1.8q0 .9-.3 1.5c-.2.4-.5.8-.9 1c-.4.3-.8.5-1.4.6s-1.1.2-1.7.2h-3.9zm3.5 4.7c.8 0 1.4-.1 1.7-.4c.4-.3.5-.7.5-1.2c0-.6-.2-.9-.6-1.2c-.4-.2-.9-.3-1.7-.3H80v3.1zm.2 5.1c.8 0 1.5-.2 1.9-.5c.5-.3.7-.8.7-1.4s-.2-1-.7-1.3c-.4-.3-1.1-.4-1.9-.4h-1.7v3.6zm8-9.8h2v9.6h4.7v1.7h-6.7zM105 68h-3.8l-.9 3.1h-2l3.7-11.3h2.4l3.7 11.3H106zm-.4-1.5l-.4-1.4c-.2-.6-.4-1.2-.5-1.9c-.2-.6-.3-1.3-.5-1.9h-.1c-.2.6-.3 1.3-.5 1.9s-.3 1.2-.5 1.8l-.4 1.4h2.9zm7.3-5h-3.3v-1.7h8.6v1.7h-3.3v9.6h-2zm8.5-1.7h6.8v1.7h-4.8v2.9h4.1v1.7h-4.1v3.3h5v1.7h-7z"/></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. WeblateWordmarkIcon.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.