Vuetify logo

Vuetify offers a material design component library that developers use to craft consistent, responsive user interfaces within Vue applications. The Vuetify logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #1697f6
Categories: UI & CSS
Variants: 2 SVG files
Website: vuetifyjs.com
Source: gilbarbara/logos · CC0

Sponsor

ShortsmithTurn any idea into a short video people watch to the end

Use the Vuetify logo

shadcn CLI

npx shadcn@latest add @logoforge/vuetifyjs

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

React

import { VuetifyjsLogo } from "@/components/logos/vuetifyjs";

<VuetifyjsLogo className="size-8" />
<VuetifyjsLogo variant="mono" />          {/* currentColor */}

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 222"><title>Vuetify</title><path fill="#1697f6" d="m130.711 49.564-51.043 88.428L128 221.754l64.015-110.877L256 0h-96.692z"/><path fill="#aeddff" d="m64.015 110.877 3.352 5.831 47.748-82.742L134.734 0H0z"/><path fill="#1867c0" d="M159.308 0C183.503 79.623 128 221.754 128 221.754l-48.332-83.762z"/><path fill="#7bc6ff" d="M134.734 0C32.794 0 67.367 116.708 67.367 116.708z"/></svg>

Download

Related logos

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