file type vale logo

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

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

Use the file type vale logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#82cb15" d="m22.73 4.02l-2.76 5.59c-1.23 2.5-2.24 4.6-2.24 4.66s.7 1.55 1.56 3.29c.87 1.73 1.6 3.25 1.65 3.38c.08.18.11.2.23.1q.12-.12.14-.19c0-.04 1.24-2.59 2.76-5.67l4.37-8.83c.89-1.8 1.59-3.28 1.56-3.33c-.02-.03-1.55-.06-3.4-.06h-3.36zM2 11l.42.78c.24.4.43.78.43.81s1.26 2.63 2.81 5.75c4.26 8.6 5.1 10.3 5.1 10.43c0 .06.11.15.24.2c.31.12 6.45.12 6.63 0c.12-.08.13-.13.03-.26c-.06-.1-.28-.5-.49-.92c-.38-.8-3.13-6.35-6.34-12.86a66 66 0 0 0-2-3.88C8.74 10.98 2 10.94 2 11"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeVale(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#82cb15" d="m22.73 4.02l-2.76 5.59c-1.23 2.5-2.24 4.6-2.24 4.66s.7 1.55 1.56 3.29c.87 1.73 1.6 3.25 1.65 3.38c.08.18.11.2.23.1q.12-.12.14-.19c0-.04 1.24-2.59 2.76-5.67l4.37-8.83c.89-1.8 1.59-3.28 1.56-3.33c-.02-.03-1.55-.06-3.4-.06h-3.36zM2 11l.42.78c.24.4.43.78.43.81s1.26 2.63 2.81 5.75c4.26 8.6 5.1 10.3 5.1 10.43c0 .06.11.15.24.2c.31.12 6.45.12 6.63 0c.12-.08.13-.13.03-.26c-.06-.1-.28-.5-.49-.92c-.38-.8-3.13-6.35-6.34-12.86a66 66 0 0 0-2-3.88C8.74 10.98 2 10.94 2 11"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#82cb15" d="m22.73 4.02l-2.76 5.59c-1.23 2.5-2.24 4.6-2.24 4.66s.7 1.55 1.56 3.29c.87 1.73 1.6 3.25 1.65 3.38c.08.18.11.2.23.1q.12-.12.14-.19c0-.04 1.24-2.59 2.76-5.67l4.37-8.83c.89-1.8 1.59-3.28 1.56-3.33c-.02-.03-1.55-.06-3.4-.06h-3.36zM2 11l.42.78c.24.4.43.78.43.81s1.26 2.63 2.81 5.75c4.26 8.6 5.1 10.3 5.1 10.43c0 .06.11.15.24.2c.31.12 6.45.12 6.63 0c.12-.08.13-.13.03-.26c-.06-.1-.28-.5-.49-.92c-.38-.8-3.13-6.35-6.34-12.86a66 66 0 0 0-2-3.88C8.74 10.98 2 10.94 2 11"/></svg>
</template>

CSS

.icon-file-type-vale {
  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%3Cpath%20fill%3D%22%2382cb15%22%20d%3D%22m22.73%204.02l-2.76%205.59c-1.23%202.5-2.24%204.6-2.24%204.66s.7%201.55%201.56%203.29c.87%201.73%201.6%203.25%201.65%203.38c.08.18.11.2.23.1q.12-.12.14-.19c0-.04%201.24-2.59%202.76-5.67l4.37-8.83c.89-1.8%201.59-3.28%201.56-3.33c-.02-.03-1.55-.06-3.4-.06h-3.36zM2%2011l.42.78c.24.4.43.78.43.81s1.26%202.63%202.81%205.75c4.26%208.6%205.1%2010.3%205.1%2010.43c0%20.06.11.15.24.2c.31.12%206.45.12%206.63%200c.12-.08.13-.13.03-.26c-.06-.1-.28-.5-.49-.92c-.38-.8-3.13-6.35-6.34-12.86a66%2066%200%200%200-2-3.88C8.74%2010.98%202%2010.94%202%2011%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%2032%2032%22%3E%3Cpath%20fill%3D%22%2382cb15%22%20d%3D%22m22.73%204.02l-2.76%205.59c-1.23%202.5-2.24%204.6-2.24%204.66s.7%201.55%201.56%203.29c.87%201.73%201.6%203.25%201.65%203.38c.08.18.11.2.23.1q.12-.12.14-.19c0-.04%201.24-2.59%202.76-5.67l4.37-8.83c.89-1.8%201.59-3.28%201.56-3.33c-.02-.03-1.55-.06-3.4-.06h-3.36zM2%2011l.42.78c.24.4.43.78.43.81s1.26%202.63%202.81%205.75c4.26%208.6%205.1%2010.3%205.1%2010.43c0%20.06.11.15.24.2c.31.12%206.45.12%206.63%200c.12-.08.13-.13.03-.26c-.06-.1-.28-.5-.49-.92c-.38-.8-3.13-6.35-6.34-12.86a66%2066%200%200%200-2-3.88C8.74%2010.98%202%2010.94%202%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

file type vale logo

Related icons in VSCode Icons

Use the file type vale logo

SVG

React

Vue

CSS