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

Devicon (Iconify)

HugoWordmark

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="m113.7 49.8l9.3 5.3c1.1.6 1.8 1.8 1.8 3.1V70c0 1.2-.7 2.3-1.7 2.9l-10 5.5c-1.1.6-2.4.6-3.4 0l-8.8-5.1c-1.5-.8-2.4-2.4-2.4-4.1v-10c0-1.9 1-3.6 2.6-4.6l8.1-4.9c1.4-.7 3.1-.7 4.5.1"/><path fill="#818cf8" d="M111.4 80.1c-.8 0-1.6-.2-2.3-.6l-8.8-5.1c-1.8-1-2.9-3-2.9-5.1v-10c0-2.3 1.2-4.4 3.1-5.5l8.1-4.9c1.7-1 3.9-1.1 5.7-.1l9.3 5.3c1.5.8 2.4 2.4 2.4 4.1V70c0 1.6-.9 3.1-2.3 3.9l-10 5.5c-.7.5-1.5.7-2.3.7m.1-29.8c-.6 0-1.2.2-1.7.5l-8.1 4.9c-1.3.8-2 2.1-2 3.6v10c0 1.3.7 2.5 1.8 3.1l8.8 5.1c.7.4 1.6.4 2.3 0l10-5.5c.7-.4 1.1-1.1 1.1-1.9V58.2c0-.9-.5-1.7-1.2-2.1l-9.3-5.3c-.5-.3-1.1-.5-1.7-.5"/><path fill="#818cf8" d="m81.6 49.6l9.8 5.6c1.1.6 1.7 1.7 1.7 3v11.6c0 1.4-.7 2.6-1.9 3.3l-9.8 5.4c-1.1.6-2.5.6-3.6 0L69 73.4c-1.4-.8-2.3-2.4-2.3-4v-9.9c0-2 1-3.8 2.8-4.9l8.2-4.9c1.1-.8 2.6-.8 3.9-.1"/><path fill="#818cf8" d="M79.6 80c-.8 0-1.7-.2-2.4-.6l-8.8-5.1c-1.8-1-2.9-2.9-2.9-5v-9.9c0-2.4 1.3-4.6 3.3-5.8l8.2-4.9c.1-.1.2-.1.4-.2c1.5-.7 3.3-.7 4.8.1l9.8 5.6c1.4.8 2.3 2.3 2.3 3.9v11.6c0 1.8-1 3.4-2.5 4.2L82 79.3c-.8.5-1.6.7-2.4.7m0-29.8c-.5 0-1 .1-1.5.4L70 55.5c-1.4.8-2.2 2.3-2.2 3.9v9.9c0 1.3.7 2.4 1.8 3.1l8.8 5.1c.8.4 1.7.5 2.5 0l9.8-5.4c.8-.5 1.3-1.3 1.3-2.3V58.1c0-.8-.4-1.6-1.2-2L81 50.6c-.5-.3-.9-.4-1.4-.4"/><path fill="#818cf8" d="m49.7 49.5l9.7 5.7c1 .6 1.6 1.7 1.6 2.8l.1 11.5c0 1.5-.8 2.8-2 3.5l-9.6 5.3c-1.2.6-2.6.6-3.7 0L37 73.2c-1.4-.8-2.3-2.3-2.3-4V59.1c0-1.8.9-3.5 2.5-4.5l8.3-5.1c1.3-.8 2.9-.8 4.2 0"/><path fill="#818cf8" d="M47.7 80c-.8 0-1.7-.2-2.4-.7l-8.8-5.1c-1.7-1-2.8-2.9-2.8-4.9V59.1c0-2.2 1.1-4.2 3-5.4l8.3-5.1c1.6-1 3.7-1 5.4-.1l9.7 5.7c1.3.8 2.2 2.3 2.2 3.8l.1 11.5c0 1.9-1 3.6-2.6 4.5l-9.6 5.3c-.8.5-1.6.7-2.5.7m0-30c-.5 0-1.1.1-1.6.4l-8.3 5.1c-1.2.8-2 2.1-2 3.5v10.2c0 1.2.7 2.4 1.7 3l8.8 5.1c.8.5 1.8.5 2.6 0l9.6-5.3c.9-.5 1.5-1.5 1.5-2.5V58.1c0-.8-.4-1.5-1.1-1.9l-9.7-5.7c-.5-.3-1-.5-1.5-.5"/><path fill="#818cf8" d="m18.2 49.7l9.5 5.5c1.1.7 1.8 1.9 1.8 3.2v11.3c0 1.4-.8 2.8-2 3.5l-9.4 5.3c-1.3.7-2.8.7-4 0l-8.7-5c-1.4-.8-2.2-2.2-2.2-3.8V59c0-1.6.8-3.1 2.2-3.9l8.5-5.3c1.3-.8 2.9-.8 4.3-.1"/><path fill="#818cf8" d="M16.1 80.2c-.9 0-1.8-.2-2.6-.7l-8.7-5c-1.7-1-2.8-2.8-2.8-4.8V59c0-2 1-3.8 2.7-4.8l8.5-5.3c1.7-1 3.8-1.1 5.5-.1l9.5 5.5c1.5.9 2.4 2.4 2.4 4.1v11.3c0 1.8-1 3.6-2.6 4.5l-9.4 5.3c-.8.5-1.7.7-2.5.7m0-29.9c-.6 0-1.1.2-1.6.5L5.9 56c-1 .6-1.6 1.7-1.6 2.9v10.8c0 1.2.6 2.3 1.6 2.8l8.7 5c.9.5 2 .5 2.9 0l9.4-5.3c.9-.5 1.5-1.5 1.5-2.5V58.4c0-.9-.5-1.7-1.3-2.2l-9.5-5.5c-.5-.3-1-.4-1.5-.4"/><path fill="#818cf8" d="M111.7 55.1c-4.9 0-8.9 4-8.9 8.9s4 8.9 8.9 8.9s8.9-4 8.9-8.9s-4-8.9-8.9-8.9m0 14.5c-3.1 0-5.6-2.5-5.6-5.6s2.5-5.6 5.6-5.6s5.6 2.5 5.6 5.6s-2.5 5.6-5.6 5.6m-23.6-5.7c0 3.9-.7 5.1-2.2 6.7s-3.5 2.3-5.9 2.3c-2.2 0-4.1-.8-5.6-2.2c-1.7-1.5-3-3.9-3-6.6c0-2.6 1-4.9 2.7-6.5c1.5-1.5 3.8-2.4 6.1-2.4c2.8 0 5.7 1.3 7.5 4L85 61.3c-1.1-2.1-2.7-2.8-5.1-2.8c-2.6-.1-5.4 2.4-5.2 5.6c.1 1.8 1 5 5.1 5.5c2.2.3 4.6-2 4.6-3.2h-4v-3.1h7.7zM41.3 56h3.5v9.3c0 1.5 0 2.4.1 2.9c.1.7.4 1.2.9 1.6s1.1.5 2.1.5c.9 0 1.2-.1 1.7-.5s.8-.8.9-1.4s.3-1.6.3-2.9V56h3.5v9c0 2.1-.1 3.5-.3 4.4s-.5 1.6-1 2.2s-1.1 1.1-1.9 1.4s-1.8.5-3.1.5c-1.6 0-2.7-.2-3.5-.6s-1.4-.9-1.9-1.5s-.8-1.2-.9-1.9c-.2-1-.3-2.4-.3-4.4zM9.7 72.7V55.4h3.6v6.3h6v-6.3h3.6v17.3h-3.6v-7.6h-6v7.6z"/></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. HugoWordmarkIcon.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.