vitejs logo
vitejs from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- vitejs
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the vitejs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGN1cfrT9y" x1="6" x2="235" y1="33" y2="344" gradientTransform="translate(0 .937)scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#41d1ff"/><stop offset="1" stop-color="#bd34fe"/></linearGradient><linearGradient id="SVGk86M3d2e" x1="194.651" x2="236.076" y1="8.818" y2="292.989" gradientTransform="translate(0 .937)scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffea83"/><stop offset=".083" stop-color="#ffdd35"/><stop offset="1" stop-color="#ffa800"/></linearGradient></defs><path fill="url(#SVGN1cfrT9y)" d="M124.766 19.52L67.324 122.238c-1.187 2.121-4.234 2.133-5.437.024L3.305 19.532c-1.313-2.302.652-5.087 3.261-4.622L64.07 25.187a3.1 3.1 0 0 0 1.11 0l56.3-10.261c2.598-.473 4.575 2.289 3.286 4.594m0 0"/><path fill="url(#SVGk86M3d2e)" d="M91.46 1.43L48.954 9.758a1.56 1.56 0 0 0-1.258 1.437l-2.617 44.168a1.563 1.563 0 0 0 1.91 1.614l11.836-2.735a1.562 1.562 0 0 1 1.88 1.836l-3.517 17.219a1.562 1.562 0 0 0 1.985 1.805l7.308-2.223c1.133-.344 2.223.652 1.985 1.812l-5.59 27.047c-.348 1.692 1.902 2.614 2.84 1.164l.625-.968l34.64-69.13c.582-1.16-.421-2.48-1.69-2.234l-12.185 2.352a1.558 1.558 0 0 1-1.793-1.965l7.95-27.562A1.56 1.56 0 0 0 91.46 1.43m0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconVitejs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGN1cfrT9y" x1="6" x2="235" y1="33" y2="344" gradientTransform="translate(0 .937)scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#41d1ff"/><stop offset="1" stopColor="#bd34fe"/></linearGradient><linearGradient id="SVGk86M3d2e" x1="194.651" x2="236.076" y1="8.818" y2="292.989" gradientTransform="translate(0 .937)scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#ffea83"/><stop offset=".083" stopColor="#ffdd35"/><stop offset="1" stopColor="#ffa800"/></linearGradient></defs><path fill="url(#SVGN1cfrT9y)" d="M124.766 19.52L67.324 122.238c-1.187 2.121-4.234 2.133-5.437.024L3.305 19.532c-1.313-2.302.652-5.087 3.261-4.622L64.07 25.187a3.1 3.1 0 0 0 1.11 0l56.3-10.261c2.598-.473 4.575 2.289 3.286 4.594m0 0"/><path fill="url(#SVGk86M3d2e)" d="M91.46 1.43L48.954 9.758a1.56 1.56 0 0 0-1.258 1.437l-2.617 44.168a1.563 1.563 0 0 0 1.91 1.614l11.836-2.735a1.562 1.562 0 0 1 1.88 1.836l-3.517 17.219a1.562 1.562 0 0 0 1.985 1.805l7.308-2.223c1.133-.344 2.223.652 1.985 1.812l-5.59 27.047c-.348 1.692 1.902 2.614 2.84 1.164l.625-.968l34.64-69.13c.582-1.16-.421-2.48-1.69-2.234l-12.185 2.352a1.558 1.558 0 0 1-1.793-1.965l7.95-27.562A1.56 1.56 0 0 0 91.46 1.43m0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGN1cfrT9y" x1="6" x2="235" y1="33" y2="344" gradientTransform="translate(0 .937)scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#41d1ff"/><stop offset="1" stop-color="#bd34fe"/></linearGradient><linearGradient id="SVGk86M3d2e" x1="194.651" x2="236.076" y1="8.818" y2="292.989" gradientTransform="translate(0 .937)scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffea83"/><stop offset=".083" stop-color="#ffdd35"/><stop offset="1" stop-color="#ffa800"/></linearGradient></defs><path fill="url(#SVGN1cfrT9y)" d="M124.766 19.52L67.324 122.238c-1.187 2.121-4.234 2.133-5.437.024L3.305 19.532c-1.313-2.302.652-5.087 3.261-4.622L64.07 25.187a3.1 3.1 0 0 0 1.11 0l56.3-10.261c2.598-.473 4.575 2.289 3.286 4.594m0 0"/><path fill="url(#SVGk86M3d2e)" d="M91.46 1.43L48.954 9.758a1.56 1.56 0 0 0-1.258 1.437l-2.617 44.168a1.563 1.563 0 0 0 1.91 1.614l11.836-2.735a1.562 1.562 0 0 1 1.88 1.836l-3.517 17.219a1.562 1.562 0 0 0 1.985 1.805l7.308-2.223c1.133-.344 2.223.652 1.985 1.812l-5.59 27.047c-.348 1.692 1.902 2.614 2.84 1.164l.625-.968l34.64-69.13c.582-1.16-.421-2.48-1.69-2.234l-12.185 2.352a1.558 1.558 0 0 1-1.793-1.965l7.95-27.562A1.56 1.56 0 0 0 91.46 1.43m0 0"/></svg> </template>
CSS
.icon-vitejs {
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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGN1cfrT9y%22%20x1%3D%226%22%20x2%3D%22235%22%20y1%3D%2233%22%20y2%3D%22344%22%20gradientTransform%3D%22translate(0%20.937)scale(.3122)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2341d1ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bd34fe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGk86M3d2e%22%20x1%3D%22194.651%22%20x2%3D%22236.076%22%20y1%3D%228.818%22%20y2%3D%22292.989%22%20gradientTransform%3D%22translate(0%20.937)scale(.3122)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffea83%22%2F%3E%3Cstop%20offset%3D%22.083%22%20stop-color%3D%22%23ffdd35%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffa800%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGN1cfrT9y)%22%20d%3D%22M124.766%2019.52L67.324%20122.238c-1.187%202.121-4.234%202.133-5.437.024L3.305%2019.532c-1.313-2.302.652-5.087%203.261-4.622L64.07%2025.187a3.1%203.1%200%200%200%201.11%200l56.3-10.261c2.598-.473%204.575%202.289%203.286%204.594m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGk86M3d2e)%22%20d%3D%22M91.46%201.43L48.954%209.758a1.56%201.56%200%200%200-1.258%201.437l-2.617%2044.168a1.563%201.563%200%200%200%201.91%201.614l11.836-2.735a1.562%201.562%200%200%201%201.88%201.836l-3.517%2017.219a1.562%201.562%200%200%200%201.985%201.805l7.308-2.223c1.133-.344%202.223.652%201.985%201.812l-5.59%2027.047c-.348%201.692%201.902%202.614%202.84%201.164l.625-.968l34.64-69.13c.582-1.16-.421-2.48-1.69-2.234l-12.185%202.352a1.558%201.558%200%200%201-1.793-1.965l7.95-27.562A1.56%201.56%200%200%200%2091.46%201.43m0%200%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGN1cfrT9y%22%20x1%3D%226%22%20x2%3D%22235%22%20y1%3D%2233%22%20y2%3D%22344%22%20gradientTransform%3D%22translate(0%20.937)scale(.3122)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2341d1ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bd34fe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGk86M3d2e%22%20x1%3D%22194.651%22%20x2%3D%22236.076%22%20y1%3D%228.818%22%20y2%3D%22292.989%22%20gradientTransform%3D%22translate(0%20.937)scale(.3122)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffea83%22%2F%3E%3Cstop%20offset%3D%22.083%22%20stop-color%3D%22%23ffdd35%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffa800%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGN1cfrT9y)%22%20d%3D%22M124.766%2019.52L67.324%20122.238c-1.187%202.121-4.234%202.133-5.437.024L3.305%2019.532c-1.313-2.302.652-5.087%203.261-4.622L64.07%2025.187a3.1%203.1%200%200%200%201.11%200l56.3-10.261c2.598-.473%204.575%202.289%203.286%204.594m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGk86M3d2e)%22%20d%3D%22M91.46%201.43L48.954%209.758a1.56%201.56%200%200%200-1.258%201.437l-2.617%2044.168a1.563%201.563%200%200%200%201.91%201.614l11.836-2.735a1.562%201.562%200%200%201%201.88%201.836l-3.517%2017.219a1.562%201.562%200%200%200%201.985%201.805l7.308-2.223c1.133-.344%202.223.652%201.985%201.812l-5.59%2027.047c-.348%201.692%201.902%202.614%202.84%201.164l.625-.968l34.64-69.13c.582-1.16-.421-2.48-1.69-2.234l-12.185%202.352a1.558%201.558%200%200%201-1.793-1.965l7.95-27.562A1.56%201.56%200%200%200%2091.46%201.43m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/vitejs.svg?color=%231a73e8&size=48
