Hugo logo

Hugo is a static site generator written in Go that developers use to build fast, content‑driven websites from markdown files. The Hugo logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #ff4088
Categories: Frameworks
Variants: 3 SVG files
Website: gohugo.io
Source: Simple Icons · CC0

Sponsor

LeadfeedEvery buyer already asking for what you built

Use the Hugo logo

shadcn CLI

npx shadcn@latest add @logoforge/hugo

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React

import { HugoLogo } from "@/components/logos/hugo";

<HugoLogo className="size-8" />
<HugoLogo variant="mono" />          {/* currentColor */}
<HugoLogo type="wordmark" className="h-6 w-auto" />

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="#ff4088" viewBox="0 0 24 24"><path d="M11.754 0a4 4 0 0 0-2.049.596L3.33 4.532a4.25 4.25 0 0 0-2.017 3.615v8.03a4.13 4.13 0 0 0 2.067 3.574l6.486 3.733a3.88 3.88 0 0 0 3.835.018l7.043-3.966a3.82 3.82 0 0 0 1.943-3.323V7.752a3.57 3.57 0 0 0-1.774-3.084L13.817.541a4 4 0 0 0-2.063-.54zm.022 1.674c.413-.006.828.1 1.2.315l7.095 4.127c.584.34.941.96.94 1.635v8.462c0 .774-.414 1.484-1.089 1.864l-7.042 3.966a2.2 2.2 0 0 1-2.179-.01l-6.485-3.734a2.45 2.45 0 0 1-1.228-2.123v-8.03c0-.893.461-1.72 1.221-2.19l6.376-3.935a2.3 2.3 0 0 1 1.19-.347zm-4.7 3.844V18.37h2.69v-5.62h4.46v5.62h2.696V5.518h-2.696v4.681h-4.46V5.518Z"/></svg>

Download

Related logos

Hugo and the Hugo logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Hugo; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.