vitest logo
vitest from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- vitest
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×234
- License
- CC0
The same logo in other sets
Use the vitest logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 234"><path fill="#fcc72b" d="m192.115 70.808l-61.2 88.488a5.27 5.27 0 0 1-2.673 2.002a5.3 5.3 0 0 1-3.343-.005a5.25 5.25 0 0 1-2.66-2.01a5.2 5.2 0 0 1-.903-3.203l2.45-48.854l-39.543-8.386a5.26 5.26 0 0 1-2.292-1.118a5.22 5.22 0 0 1-1.83-4.581a5.2 5.2 0 0 1 .895-2.383L142.218 2.27a5.28 5.28 0 0 1 6.016-1.996a5.24 5.24 0 0 1 2.66 2.01c.643.942.96 2.066.903 3.203l-2.45 48.855l39.542 8.386a5.26 5.26 0 0 1 2.293 1.117a5.21 5.21 0 0 1 1.829 4.582a5.2 5.2 0 0 1-.896 2.382"/><path fill="#729b1b" d="M128.025 233.537a12.36 12.36 0 0 1-8.763-3.63l-57.828-57.823a12.39 12.39 0 0 1 .023-17.5a12.394 12.394 0 0 1 17.5-.024l49.068 49.061L234.917 96.733a12.39 12.39 0 0 1 17.523 17.524l-115.655 115.65a12.34 12.34 0 0 1-8.76 3.63"/><path fill="#729b1b" fill-opacity=".5" d="M127.975 233.537a12.36 12.36 0 0 0 8.763-3.63l57.828-57.823a12.4 12.4 0 0 0 3.605-8.754a12.395 12.395 0 0 0-12.375-12.376a12.4 12.4 0 0 0-8.755 3.606l-49.066 49.061L21.082 96.733a12.392 12.392 0 0 0-17.524 17.524l115.656 115.65a12.35 12.35 0 0 0 8.76 3.63"/></svg>
React
import type { SVGProps } from "react";
export function LogosVitest(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 234"><path fill="#fcc72b" d="m192.115 70.808l-61.2 88.488a5.27 5.27 0 0 1-2.673 2.002a5.3 5.3 0 0 1-3.343-.005a5.25 5.25 0 0 1-2.66-2.01a5.2 5.2 0 0 1-.903-3.203l2.45-48.854l-39.543-8.386a5.26 5.26 0 0 1-2.292-1.118a5.22 5.22 0 0 1-1.83-4.581a5.2 5.2 0 0 1 .895-2.383L142.218 2.27a5.28 5.28 0 0 1 6.016-1.996a5.24 5.24 0 0 1 2.66 2.01c.643.942.96 2.066.903 3.203l-2.45 48.855l39.542 8.386a5.26 5.26 0 0 1 2.293 1.117a5.21 5.21 0 0 1 1.829 4.582a5.2 5.2 0 0 1-.896 2.382"/><path fill="#729b1b" d="M128.025 233.537a12.36 12.36 0 0 1-8.763-3.63l-57.828-57.823a12.39 12.39 0 0 1 .023-17.5a12.394 12.394 0 0 1 17.5-.024l49.068 49.061L234.917 96.733a12.39 12.39 0 0 1 17.523 17.524l-115.655 115.65a12.34 12.34 0 0 1-8.76 3.63"/><path fill="#729b1b" fillOpacity=".5" d="M127.975 233.537a12.36 12.36 0 0 0 8.763-3.63l57.828-57.823a12.4 12.4 0 0 0 3.605-8.754a12.395 12.395 0 0 0-12.375-12.376a12.4 12.4 0 0 0-8.755 3.606l-49.066 49.061L21.082 96.733a12.392 12.392 0 0 0-17.524 17.524l115.656 115.65a12.35 12.35 0 0 0 8.76 3.63"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 234"><path fill="#fcc72b" d="m192.115 70.808l-61.2 88.488a5.27 5.27 0 0 1-2.673 2.002a5.3 5.3 0 0 1-3.343-.005a5.25 5.25 0 0 1-2.66-2.01a5.2 5.2 0 0 1-.903-3.203l2.45-48.854l-39.543-8.386a5.26 5.26 0 0 1-2.292-1.118a5.22 5.22 0 0 1-1.83-4.581a5.2 5.2 0 0 1 .895-2.383L142.218 2.27a5.28 5.28 0 0 1 6.016-1.996a5.24 5.24 0 0 1 2.66 2.01c.643.942.96 2.066.903 3.203l-2.45 48.855l39.542 8.386a5.26 5.26 0 0 1 2.293 1.117a5.21 5.21 0 0 1 1.829 4.582a5.2 5.2 0 0 1-.896 2.382"/><path fill="#729b1b" d="M128.025 233.537a12.36 12.36 0 0 1-8.763-3.63l-57.828-57.823a12.39 12.39 0 0 1 .023-17.5a12.394 12.394 0 0 1 17.5-.024l49.068 49.061L234.917 96.733a12.39 12.39 0 0 1 17.523 17.524l-115.655 115.65a12.34 12.34 0 0 1-8.76 3.63"/><path fill="#729b1b" fill-opacity=".5" d="M127.975 233.537a12.36 12.36 0 0 0 8.763-3.63l57.828-57.823a12.4 12.4 0 0 0 3.605-8.754a12.395 12.395 0 0 0-12.375-12.376a12.4 12.4 0 0 0-8.755 3.606l-49.066 49.061L21.082 96.733a12.392 12.392 0 0 0-17.524 17.524l115.656 115.65a12.35 12.35 0 0 0 8.76 3.63"/></svg> </template>
CSS
.icon-vitest {
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%20256%20234%22%3E%3Cpath%20fill%3D%22%23fcc72b%22%20d%3D%22m192.115%2070.808l-61.2%2088.488a5.27%205.27%200%200%201-2.673%202.002a5.3%205.3%200%200%201-3.343-.005a5.25%205.25%200%200%201-2.66-2.01a5.2%205.2%200%200%201-.903-3.203l2.45-48.854l-39.543-8.386a5.26%205.26%200%200%201-2.292-1.118a5.22%205.22%200%200%201-1.83-4.581a5.2%205.2%200%200%201%20.895-2.383L142.218%202.27a5.28%205.28%200%200%201%206.016-1.996a5.24%205.24%200%200%201%202.66%202.01c.643.942.96%202.066.903%203.203l-2.45%2048.855l39.542%208.386a5.26%205.26%200%200%201%202.293%201.117a5.21%205.21%200%200%201%201.829%204.582a5.2%205.2%200%200%201-.896%202.382%22%2F%3E%3Cpath%20fill%3D%22%23729b1b%22%20d%3D%22M128.025%20233.537a12.36%2012.36%200%200%201-8.763-3.63l-57.828-57.823a12.39%2012.39%200%200%201%20.023-17.5a12.394%2012.394%200%200%201%2017.5-.024l49.068%2049.061L234.917%2096.733a12.39%2012.39%200%200%201%2017.523%2017.524l-115.655%20115.65a12.34%2012.34%200%200%201-8.76%203.63%22%2F%3E%3Cpath%20fill%3D%22%23729b1b%22%20fill-opacity%3D%22.5%22%20d%3D%22M127.975%20233.537a12.36%2012.36%200%200%200%208.763-3.63l57.828-57.823a12.4%2012.4%200%200%200%203.605-8.754a12.395%2012.395%200%200%200-12.375-12.376a12.4%2012.4%200%200%200-8.755%203.606l-49.066%2049.061L21.082%2096.733a12.392%2012.392%200%200%200-17.524%2017.524l115.656%20115.65a12.35%2012.35%200%200%200%208.76%203.63%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%20256%20234%22%3E%3Cpath%20fill%3D%22%23fcc72b%22%20d%3D%22m192.115%2070.808l-61.2%2088.488a5.27%205.27%200%200%201-2.673%202.002a5.3%205.3%200%200%201-3.343-.005a5.25%205.25%200%200%201-2.66-2.01a5.2%205.2%200%200%201-.903-3.203l2.45-48.854l-39.543-8.386a5.26%205.26%200%200%201-2.292-1.118a5.22%205.22%200%200%201-1.83-4.581a5.2%205.2%200%200%201%20.895-2.383L142.218%202.27a5.28%205.28%200%200%201%206.016-1.996a5.24%205.24%200%200%201%202.66%202.01c.643.942.96%202.066.903%203.203l-2.45%2048.855l39.542%208.386a5.26%205.26%200%200%201%202.293%201.117a5.21%205.21%200%200%201%201.829%204.582a5.2%205.2%200%200%201-.896%202.382%22%2F%3E%3Cpath%20fill%3D%22%23729b1b%22%20d%3D%22M128.025%20233.537a12.36%2012.36%200%200%201-8.763-3.63l-57.828-57.823a12.39%2012.39%200%200%201%20.023-17.5a12.394%2012.394%200%200%201%2017.5-.024l49.068%2049.061L234.917%2096.733a12.39%2012.39%200%200%201%2017.523%2017.524l-115.655%20115.65a12.34%2012.34%200%200%201-8.76%203.63%22%2F%3E%3Cpath%20fill%3D%22%23729b1b%22%20fill-opacity%3D%22.5%22%20d%3D%22M127.975%20233.537a12.36%2012.36%200%200%200%208.763-3.63l57.828-57.823a12.4%2012.4%200%200%200%203.605-8.754a12.395%2012.395%200%200%200-12.375-12.376a12.4%2012.4%200%200%200-8.755%203.606l-49.066%2049.061L21.082%2096.733a12.392%2012.392%200%200%200-17.524%2017.524l115.656%20115.65a12.35%2012.35%200%200%200%208.76%203.63%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/vitest.svg?color=%231a73e8&size=48
