vite logo

vite-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.

Name: vite-wordmark
Set: Devicon
Style: Wordmark
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

viteCatppuccin Icons viteSVG Logos viteMaterial Icon Theme viteSimple Icons vite-darkSkill Icons viteWeb3 Icons viteWeb3 Icons Branded

Use the vite logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#006bff" d="M70.355 30.928L26.78 41.214l-6.455 55.858Zm-48.663 11.23L0 47.053l19.6 49.801Zm91.678 18.42v19.627H128V79.14h-13.312v-8.615h12.38v-1.008l-6.173-.012l-6.177-.017l-.017-3.924l-.013-3.924h13.132v-1.061zm-57.326.008c-.365 0-.68.01-.68.025c0 .022 1.788 4.394 3.979 9.736c2.195 5.339 3.991 9.75 4.008 9.783c.03.068.246.084.797.084h.76l3.999-9.736c2.2-5.355 4.006-9.766 4.016-9.812c.016-.063-.108-.08-.625-.08h-.642l-3.723 9.258c-2.043 5.099-3.739 9.25-3.785 9.24c-.026-.008-1.726-4.17-3.74-9.257l-3.684-9.241zm24.45 0v19.619h1.322V60.586Zm8.893 0v.533h-.017v.529h7.57v18.574h1.323V61.648h7.57v-1.062z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconViteWordmark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#006bff" d="M70.355 30.928L26.78 41.214l-6.455 55.858Zm-48.663 11.23L0 47.053l19.6 49.801Zm91.678 18.42v19.627H128V79.14h-13.312v-8.615h12.38v-1.008l-6.173-.012l-6.177-.017l-.017-3.924l-.013-3.924h13.132v-1.061zm-57.326.008c-.365 0-.68.01-.68.025c0 .022 1.788 4.394 3.979 9.736c2.195 5.339 3.991 9.75 4.008 9.783c.03.068.246.084.797.084h.76l3.999-9.736c2.2-5.355 4.006-9.766 4.016-9.812c.016-.063-.108-.08-.625-.08h-.642l-3.723 9.258c-2.043 5.099-3.739 9.25-3.785 9.24c-.026-.008-1.726-4.17-3.74-9.257l-3.684-9.241zm24.45 0v19.619h1.322V60.586Zm8.893 0v.533h-.017v.529h7.57v18.574h1.323V61.648h7.57v-1.062z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#006bff" d="M70.355 30.928L26.78 41.214l-6.455 55.858Zm-48.663 11.23L0 47.053l19.6 49.801Zm91.678 18.42v19.627H128V79.14h-13.312v-8.615h12.38v-1.008l-6.173-.012l-6.177-.017l-.017-3.924l-.013-3.924h13.132v-1.061zm-57.326.008c-.365 0-.68.01-.68.025c0 .022 1.788 4.394 3.979 9.736c2.195 5.339 3.991 9.75 4.008 9.783c.03.068.246.084.797.084h.76l3.999-9.736c2.2-5.355 4.006-9.766 4.016-9.812c.016-.063-.108-.08-.625-.08h-.642l-3.723 9.258c-2.043 5.099-3.739 9.25-3.785 9.24c-.026-.008-1.726-4.17-3.74-9.257l-3.684-9.241zm24.45 0v19.619h1.322V60.586Zm8.893 0v.533h-.017v.529h7.57v18.574h1.323V61.648h7.57v-1.062z"/></svg>
</template>

CSS

.icon-vite-wordmark {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23006bff%22%20d%3D%22M70.355%2030.928L26.78%2041.214l-6.455%2055.858Zm-48.663%2011.23L0%2047.053l19.6%2049.801Zm91.678%2018.42v19.627H128V79.14h-13.312v-8.615h12.38v-1.008l-6.173-.012l-6.177-.017l-.017-3.924l-.013-3.924h13.132v-1.061zm-57.326.008c-.365%200-.68.01-.68.025c0%20.022%201.788%204.394%203.979%209.736c2.195%205.339%203.991%209.75%204.008%209.783c.03.068.246.084.797.084h.76l3.999-9.736c2.2-5.355%204.006-9.766%204.016-9.812c.016-.063-.108-.08-.625-.08h-.642l-3.723%209.258c-2.043%205.099-3.739%209.25-3.785%209.24c-.026-.008-1.726-4.17-3.74-9.257l-3.684-9.241zm24.45%200v19.619h1.322V60.586Zm8.893%200v.533h-.017v.529h7.57v18.574h1.323V61.648h7.57v-1.062z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23006bff%22%20d%3D%22M70.355%2030.928L26.78%2041.214l-6.455%2055.858Zm-48.663%2011.23L0%2047.053l19.6%2049.801Zm91.678%2018.42v19.627H128V79.14h-13.312v-8.615h12.38v-1.008l-6.173-.012l-6.177-.017l-.017-3.924l-.013-3.924h13.132v-1.061zm-57.326.008c-.365%200-.68.01-.68.025c0%20.022%201.788%204.394%203.979%209.736c2.195%205.339%203.991%209.75%204.008%209.783c.03.068.246.084.797.084h.76l3.999-9.736c2.2-5.355%204.006-9.766%204.016-9.812c.016-.063-.108-.08-.625-.08h-.642l-3.723%209.258c-2.043%205.099-3.739%209.25-3.785%209.24c-.026-.008-1.726-4.17-3.74-9.257l-3.684-9.241zm24.45%200v19.619h1.322V60.586Zm8.893%200v.533h-.017v.529h7.57v18.574h1.323V61.648h7.57v-1.062z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/vite-wordmark.svg?color=%231a73e8&size=48