file type vitest logo

file-type-vitest from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
file-type-vitest
Set
VSCode Icons
Style
Color
Viewbox
32×32
License
MIT

Related icons in VSCode Icons

Use the file type vitest logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><mask id="SVGTUBgmdJX"><path fill="#fff" d="M36.76 42.97c-.33.6-1.1.76-1.65.36L15.96 29.41a1.2 1.2 0 0 1-.46-.92V11.71c0-.93 1.05-1.46 1.8-.92L29 19.31c1.1.8 2.65.46 3.3-.72l9.71-17.25c.2-.35.58-.57.99-.57h15.57c.87 0 1.41.93.99 1.68z"/></mask><g fill="none"><g mask="url(#SVGTUBgmdJX)" transform="translate(1 6.8)scale(.393)"><path fill="#00ff74" d="M0 0h60v44H0z"/><g filter="url(#SVGQv8P6csY)"><ellipse cx="41.46" cy="10.01" fill="#00d0c7" rx="14.03" ry="3.39" transform="rotate(130.6 41.46 10.01)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="18.43" cy="30.51" fill="#00d0c7" rx="14.03" ry="6.09" transform="rotate(234 18.43 30.5)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="21.94" cy="12.96" fill="#03ff00" rx="6.37" ry="5.55" transform="rotate(23.1 21.94 12.96)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="56.27" cy="16.72" fill="#03ff00" rx="5.61" ry="24.53" transform="rotate(23.1 56.27 16.72)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="51.35" cy="1.06" fill="#6effe1" rx="4.99" ry="10.07" transform="rotate(-45 51.35 1.06)"/></g></g><path fill="#fff" d="M3.72 6.8C.1 11.98.08 20 3.72 25.2h2.45c-3.64-5.2-3.62-13.22 0-18.4zm24.56 0h-2.45c3.62 5.18 3.64 13.2 0 18.4h2.45c3.64-5.2 3.62-13.22 0-18.4"/><defs><filter id="SVGQv8P6csY" width="4" height="4" x="-2" y="-2" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="4.6"/></filter></defs></g></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeVitest(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><mask id="SVGTUBgmdJX"><path fill="#fff" d="M36.76 42.97c-.33.6-1.1.76-1.65.36L15.96 29.41a1.2 1.2 0 0 1-.46-.92V11.71c0-.93 1.05-1.46 1.8-.92L29 19.31c1.1.8 2.65.46 3.3-.72l9.71-17.25c.2-.35.58-.57.99-.57h15.57c.87 0 1.41.93.99 1.68z"/></mask><g fill="none"><g mask="url(#SVGTUBgmdJX)" transform="translate(1 6.8)scale(.393)"><path fill="#00ff74" d="M0 0h60v44H0z"/><g filter="url(#SVGQv8P6csY)"><ellipse cx="41.46" cy="10.01" fill="#00d0c7" rx="14.03" ry="3.39" transform="rotate(130.6 41.46 10.01)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="18.43" cy="30.51" fill="#00d0c7" rx="14.03" ry="6.09" transform="rotate(234 18.43 30.5)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="21.94" cy="12.96" fill="#03ff00" rx="6.37" ry="5.55" transform="rotate(23.1 21.94 12.96)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="56.27" cy="16.72" fill="#03ff00" rx="5.61" ry="24.53" transform="rotate(23.1 56.27 16.72)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="51.35" cy="1.06" fill="#6effe1" rx="4.99" ry="10.07" transform="rotate(-45 51.35 1.06)"/></g></g><path fill="#fff" d="M3.72 6.8C.1 11.98.08 20 3.72 25.2h2.45c-3.64-5.2-3.62-13.22 0-18.4zm24.56 0h-2.45c3.62 5.18 3.64 13.2 0 18.4h2.45c3.64-5.2 3.62-13.22 0-18.4"/><defs><filter id="SVGQv8P6csY" width="4" height="4" x="-2" y="-2" colorInterpolation-filters="sRGB"><feGaussianBlur stdDeviation="4.6"/></filter></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><mask id="SVGTUBgmdJX"><path fill="#fff" d="M36.76 42.97c-.33.6-1.1.76-1.65.36L15.96 29.41a1.2 1.2 0 0 1-.46-.92V11.71c0-.93 1.05-1.46 1.8-.92L29 19.31c1.1.8 2.65.46 3.3-.72l9.71-17.25c.2-.35.58-.57.99-.57h15.57c.87 0 1.41.93.99 1.68z"/></mask><g fill="none"><g mask="url(#SVGTUBgmdJX)" transform="translate(1 6.8)scale(.393)"><path fill="#00ff74" d="M0 0h60v44H0z"/><g filter="url(#SVGQv8P6csY)"><ellipse cx="41.46" cy="10.01" fill="#00d0c7" rx="14.03" ry="3.39" transform="rotate(130.6 41.46 10.01)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="18.43" cy="30.51" fill="#00d0c7" rx="14.03" ry="6.09" transform="rotate(234 18.43 30.5)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="21.94" cy="12.96" fill="#03ff00" rx="6.37" ry="5.55" transform="rotate(23.1 21.94 12.96)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="56.27" cy="16.72" fill="#03ff00" rx="5.61" ry="24.53" transform="rotate(23.1 56.27 16.72)"/></g><g filter="url(#SVGQv8P6csY)"><ellipse cx="51.35" cy="1.06" fill="#6effe1" rx="4.99" ry="10.07" transform="rotate(-45 51.35 1.06)"/></g></g><path fill="#fff" d="M3.72 6.8C.1 11.98.08 20 3.72 25.2h2.45c-3.64-5.2-3.62-13.22 0-18.4zm24.56 0h-2.45c3.62 5.18 3.64 13.2 0 18.4h2.45c3.64-5.2 3.62-13.22 0-18.4"/><defs><filter id="SVGQv8P6csY" width="4" height="4" x="-2" y="-2" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="4.6"/></filter></defs></g></svg>
</template>

CSS

.icon-file-type-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%2032%2032%22%3E%3Cmask%20id%3D%22SVGTUBgmdJX%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M36.76%2042.97c-.33.6-1.1.76-1.65.36L15.96%2029.41a1.2%201.2%200%200%201-.46-.92V11.71c0-.93%201.05-1.46%201.8-.92L29%2019.31c1.1.8%202.65.46%203.3-.72l9.71-17.25c.2-.35.58-.57.99-.57h15.57c.87%200%201.41.93.99%201.68z%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20mask%3D%22url(%23SVGTUBgmdJX)%22%20transform%3D%22translate(1%206.8)scale(.393)%22%3E%3Cpath%20fill%3D%22%2300ff74%22%20d%3D%22M0%200h60v44H0z%22%2F%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2241.46%22%20cy%3D%2210.01%22%20fill%3D%22%2300d0c7%22%20rx%3D%2214.03%22%20ry%3D%223.39%22%20transform%3D%22rotate(130.6%2041.46%2010.01)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2218.43%22%20cy%3D%2230.51%22%20fill%3D%22%2300d0c7%22%20rx%3D%2214.03%22%20ry%3D%226.09%22%20transform%3D%22rotate(234%2018.43%2030.5)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2221.94%22%20cy%3D%2212.96%22%20fill%3D%22%2303ff00%22%20rx%3D%226.37%22%20ry%3D%225.55%22%20transform%3D%22rotate(23.1%2021.94%2012.96)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2256.27%22%20cy%3D%2216.72%22%20fill%3D%22%2303ff00%22%20rx%3D%225.61%22%20ry%3D%2224.53%22%20transform%3D%22rotate(23.1%2056.27%2016.72)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2251.35%22%20cy%3D%221.06%22%20fill%3D%22%236effe1%22%20rx%3D%224.99%22%20ry%3D%2210.07%22%20transform%3D%22rotate(-45%2051.35%201.06)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M3.72%206.8C.1%2011.98.08%2020%203.72%2025.2h2.45c-3.64-5.2-3.62-13.22%200-18.4zm24.56%200h-2.45c3.62%205.18%203.64%2013.2%200%2018.4h2.45c3.64-5.2%203.62-13.22%200-18.4%22%2F%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGQv8P6csY%22%20width%3D%224%22%20height%3D%224%22%20x%3D%22-2%22%20y%3D%22-2%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224.6%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%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%2032%2032%22%3E%3Cmask%20id%3D%22SVGTUBgmdJX%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M36.76%2042.97c-.33.6-1.1.76-1.65.36L15.96%2029.41a1.2%201.2%200%200%201-.46-.92V11.71c0-.93%201.05-1.46%201.8-.92L29%2019.31c1.1.8%202.65.46%203.3-.72l9.71-17.25c.2-.35.58-.57.99-.57h15.57c.87%200%201.41.93.99%201.68z%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20mask%3D%22url(%23SVGTUBgmdJX)%22%20transform%3D%22translate(1%206.8)scale(.393)%22%3E%3Cpath%20fill%3D%22%2300ff74%22%20d%3D%22M0%200h60v44H0z%22%2F%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2241.46%22%20cy%3D%2210.01%22%20fill%3D%22%2300d0c7%22%20rx%3D%2214.03%22%20ry%3D%223.39%22%20transform%3D%22rotate(130.6%2041.46%2010.01)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2218.43%22%20cy%3D%2230.51%22%20fill%3D%22%2300d0c7%22%20rx%3D%2214.03%22%20ry%3D%226.09%22%20transform%3D%22rotate(234%2018.43%2030.5)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2221.94%22%20cy%3D%2212.96%22%20fill%3D%22%2303ff00%22%20rx%3D%226.37%22%20ry%3D%225.55%22%20transform%3D%22rotate(23.1%2021.94%2012.96)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2256.27%22%20cy%3D%2216.72%22%20fill%3D%22%2303ff00%22%20rx%3D%225.61%22%20ry%3D%2224.53%22%20transform%3D%22rotate(23.1%2056.27%2016.72)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGQv8P6csY)%22%3E%3Cellipse%20cx%3D%2251.35%22%20cy%3D%221.06%22%20fill%3D%22%236effe1%22%20rx%3D%224.99%22%20ry%3D%2210.07%22%20transform%3D%22rotate(-45%2051.35%201.06)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M3.72%206.8C.1%2011.98.08%2020%203.72%2025.2h2.45c-3.64-5.2-3.62-13.22%200-18.4zm24.56%200h-2.45c3.62%205.18%203.64%2013.2%200%2018.4h2.45c3.64-5.2%203.62-13.22%200-18.4%22%2F%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGQv8P6csY%22%20width%3D%224%22%20height%3D%224%22%20x%3D%22-2%22%20y%3D%22-2%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224.6%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-vitest.svg?color=%231a73e8&size=48