Logoforge
Back

Vue.js logo

The Vue.js logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Vue.js logo
Brand color
#41b883
Categories
Frameworks
Variants
3 SVG files
Website
vuejs.org
Source
gilbarbara/logos · CC0
Your brand here$40 / 30 days

Use the Vue.js logo

shadcn CLI
npx shadcn@latest add @logoforge/vue

First time? Add the @logoforge registry to components.json, or use the MCP server.

React
import { VueLogo } from "@/components/logos/vue";

<VueLogo className="size-8" />
<VueLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 221"><path fill="#41b883" d="M204.8 0H256L128 220.8 0 0h97.92L128 51.2 157.44 0z"/><path fill="#41b883" d="m0 0 128 220.8L256 0h-51.2L128 132.48 50.56 0z"/><path fill="#35495e" d="M50.56 0 128 133.12 204.8 0h-47.36L128 51.2 97.92 0z"/></svg>

Download

Related logos

Vue.js and the Vue.js logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Vue.js; 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.