file type vala logo
file-type-vala from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-vala
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type vala logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#403757" d="M12.509 17.193c-.165-6.836-.325-12.455-.357-12.487a7.9 7.9 0 0 0-2.273 1.168a7.6 7.6 0 0 0-2.555 3.314a8.4 8.4 0 0 0-.587 3.543a4.7 4.7 0 0 0 .2 1.962a3.4 3.4 0 0 1 .182.56c-.012.009-.338-.018-.724-.061c-1.868-.207-2.786-1.05-3-2.757A6.3 6.3 0 0 1 4.85 7.719a15.13 15.13 0 0 1 8.414-5.163a13 13 0 0 1 2.542-.235l1.748-.05l.059 2.506c.032 1.378.1 6.358.161 11.067s-.252 8.29-.219 8.4C19.5 17.879 22 13.073 24.367 6.253l1.427-3.983h2.746c-.022.063-2.751 6.5-5.514 13.916l-5.473 13.55h-4.577c0-1.83-.441-11.25-.467-12.543"/><path fill="#c8c8c8" d="M17.732 30h-5.019v-.263c0-1.137-.17-5.192-.307-8.452c-.081-1.929-.15-3.6-.161-4.087c-.156-6.479-.286-11-.336-12.163a11.7 11.7 0 0 0-1.874 1.049a7.35 7.35 0 0 0-2.466 3.2A8.15 8.15 0 0 0 7 12.731a4.4 4.4 0 0 0 .185 1.869c.215.569.273.723.1.859c-.093.073-.107.084-.916-.007c-1.976-.219-3-1.167-3.234-2.986A6.57 6.57 0 0 1 4.64 7.561A15.44 15.44 0 0 1 13.2 2.3a13 13 0 0 1 2.6-.242L17.811 2l.065 2.77c.032 1.392.106 6.461.161 11.07c.031 2.616-.052 4.915-.124 6.43c.931-2.763 1.958-5.27 3.033-7.9c1.043-2.547 2.122-5.18 3.173-8.207l1.491-4.16h3.3l-.125.351c0 .007-.031.076-.084.2a382 382 0 0 0-5.43 13.717Zm-4.495-.526h4.14l5.407-13.386a390 390 0 0 1 5.362-13.555h-2.167l-1.365 3.809c-1.055 3.038-2.137 5.678-3.183 8.231c-1.311 3.2-2.55 6.226-3.626 9.747l-.255.831l-.248-.833a3.3 3.3 0 0 1 .021-.839c.074-1.35.229-4.158.188-7.633c-.055-4.607-.129-9.674-.161-11.064l-.05-2.241l-1.484.043a12.7 12.7 0 0 0-2.49.228A14.9 14.9 0 0 0 5.06 7.877a6.07 6.07 0 0 0-1.4 4.524c.2 1.58 1.028 2.336 2.77 2.529l.333.035l-.066-.179a4.9 4.9 0 0 1-.219-2.055a8.7 8.7 0 0 1 .6-3.638a7.9 7.9 0 0 1 2.644-3.43c.022-.016 2.232-1.525 2.615-1.142c.092.092.131.131.433 12.666c.01.485.08 2.149.16 4.076c.13 3.05.287 6.797.307 8.211"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeVala(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#403757" d="M12.509 17.193c-.165-6.836-.325-12.455-.357-12.487a7.9 7.9 0 0 0-2.273 1.168a7.6 7.6 0 0 0-2.555 3.314a8.4 8.4 0 0 0-.587 3.543a4.7 4.7 0 0 0 .2 1.962a3.4 3.4 0 0 1 .182.56c-.012.009-.338-.018-.724-.061c-1.868-.207-2.786-1.05-3-2.757A6.3 6.3 0 0 1 4.85 7.719a15.13 15.13 0 0 1 8.414-5.163a13 13 0 0 1 2.542-.235l1.748-.05l.059 2.506c.032 1.378.1 6.358.161 11.067s-.252 8.29-.219 8.4C19.5 17.879 22 13.073 24.367 6.253l1.427-3.983h2.746c-.022.063-2.751 6.5-5.514 13.916l-5.473 13.55h-4.577c0-1.83-.441-11.25-.467-12.543"/><path fill="#c8c8c8" d="M17.732 30h-5.019v-.263c0-1.137-.17-5.192-.307-8.452c-.081-1.929-.15-3.6-.161-4.087c-.156-6.479-.286-11-.336-12.163a11.7 11.7 0 0 0-1.874 1.049a7.35 7.35 0 0 0-2.466 3.2A8.15 8.15 0 0 0 7 12.731a4.4 4.4 0 0 0 .185 1.869c.215.569.273.723.1.859c-.093.073-.107.084-.916-.007c-1.976-.219-3-1.167-3.234-2.986A6.57 6.57 0 0 1 4.64 7.561A15.44 15.44 0 0 1 13.2 2.3a13 13 0 0 1 2.6-.242L17.811 2l.065 2.77c.032 1.392.106 6.461.161 11.07c.031 2.616-.052 4.915-.124 6.43c.931-2.763 1.958-5.27 3.033-7.9c1.043-2.547 2.122-5.18 3.173-8.207l1.491-4.16h3.3l-.125.351c0 .007-.031.076-.084.2a382 382 0 0 0-5.43 13.717Zm-4.495-.526h4.14l5.407-13.386a390 390 0 0 1 5.362-13.555h-2.167l-1.365 3.809c-1.055 3.038-2.137 5.678-3.183 8.231c-1.311 3.2-2.55 6.226-3.626 9.747l-.255.831l-.248-.833a3.3 3.3 0 0 1 .021-.839c.074-1.35.229-4.158.188-7.633c-.055-4.607-.129-9.674-.161-11.064l-.05-2.241l-1.484.043a12.7 12.7 0 0 0-2.49.228A14.9 14.9 0 0 0 5.06 7.877a6.07 6.07 0 0 0-1.4 4.524c.2 1.58 1.028 2.336 2.77 2.529l.333.035l-.066-.179a4.9 4.9 0 0 1-.219-2.055a8.7 8.7 0 0 1 .6-3.638a7.9 7.9 0 0 1 2.644-3.43c.022-.016 2.232-1.525 2.615-1.142c.092.092.131.131.433 12.666c.01.485.08 2.149.16 4.076c.13 3.05.287 6.797.307 8.211"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#403757" d="M12.509 17.193c-.165-6.836-.325-12.455-.357-12.487a7.9 7.9 0 0 0-2.273 1.168a7.6 7.6 0 0 0-2.555 3.314a8.4 8.4 0 0 0-.587 3.543a4.7 4.7 0 0 0 .2 1.962a3.4 3.4 0 0 1 .182.56c-.012.009-.338-.018-.724-.061c-1.868-.207-2.786-1.05-3-2.757A6.3 6.3 0 0 1 4.85 7.719a15.13 15.13 0 0 1 8.414-5.163a13 13 0 0 1 2.542-.235l1.748-.05l.059 2.506c.032 1.378.1 6.358.161 11.067s-.252 8.29-.219 8.4C19.5 17.879 22 13.073 24.367 6.253l1.427-3.983h2.746c-.022.063-2.751 6.5-5.514 13.916l-5.473 13.55h-4.577c0-1.83-.441-11.25-.467-12.543"/><path fill="#c8c8c8" d="M17.732 30h-5.019v-.263c0-1.137-.17-5.192-.307-8.452c-.081-1.929-.15-3.6-.161-4.087c-.156-6.479-.286-11-.336-12.163a11.7 11.7 0 0 0-1.874 1.049a7.35 7.35 0 0 0-2.466 3.2A8.15 8.15 0 0 0 7 12.731a4.4 4.4 0 0 0 .185 1.869c.215.569.273.723.1.859c-.093.073-.107.084-.916-.007c-1.976-.219-3-1.167-3.234-2.986A6.57 6.57 0 0 1 4.64 7.561A15.44 15.44 0 0 1 13.2 2.3a13 13 0 0 1 2.6-.242L17.811 2l.065 2.77c.032 1.392.106 6.461.161 11.07c.031 2.616-.052 4.915-.124 6.43c.931-2.763 1.958-5.27 3.033-7.9c1.043-2.547 2.122-5.18 3.173-8.207l1.491-4.16h3.3l-.125.351c0 .007-.031.076-.084.2a382 382 0 0 0-5.43 13.717Zm-4.495-.526h4.14l5.407-13.386a390 390 0 0 1 5.362-13.555h-2.167l-1.365 3.809c-1.055 3.038-2.137 5.678-3.183 8.231c-1.311 3.2-2.55 6.226-3.626 9.747l-.255.831l-.248-.833a3.3 3.3 0 0 1 .021-.839c.074-1.35.229-4.158.188-7.633c-.055-4.607-.129-9.674-.161-11.064l-.05-2.241l-1.484.043a12.7 12.7 0 0 0-2.49.228A14.9 14.9 0 0 0 5.06 7.877a6.07 6.07 0 0 0-1.4 4.524c.2 1.58 1.028 2.336 2.77 2.529l.333.035l-.066-.179a4.9 4.9 0 0 1-.219-2.055a8.7 8.7 0 0 1 .6-3.638a7.9 7.9 0 0 1 2.644-3.43c.022-.016 2.232-1.525 2.615-1.142c.092.092.131.131.433 12.666c.01.485.08 2.149.16 4.076c.13 3.05.287 6.797.307 8.211"/></svg> </template>
CSS
.icon-file-type-vala {
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%23403757%22%20d%3D%22M12.509%2017.193c-.165-6.836-.325-12.455-.357-12.487a7.9%207.9%200%200%200-2.273%201.168a7.6%207.6%200%200%200-2.555%203.314a8.4%208.4%200%200%200-.587%203.543a4.7%204.7%200%200%200%20.2%201.962a3.4%203.4%200%200%201%20.182.56c-.012.009-.338-.018-.724-.061c-1.868-.207-2.786-1.05-3-2.757A6.3%206.3%200%200%201%204.85%207.719a15.13%2015.13%200%200%201%208.414-5.163a13%2013%200%200%201%202.542-.235l1.748-.05l.059%202.506c.032%201.378.1%206.358.161%2011.067s-.252%208.29-.219%208.4C19.5%2017.879%2022%2013.073%2024.367%206.253l1.427-3.983h2.746c-.022.063-2.751%206.5-5.514%2013.916l-5.473%2013.55h-4.577c0-1.83-.441-11.25-.467-12.543%22%2F%3E%3Cpath%20fill%3D%22%23c8c8c8%22%20d%3D%22M17.732%2030h-5.019v-.263c0-1.137-.17-5.192-.307-8.452c-.081-1.929-.15-3.6-.161-4.087c-.156-6.479-.286-11-.336-12.163a11.7%2011.7%200%200%200-1.874%201.049a7.35%207.35%200%200%200-2.466%203.2A8.15%208.15%200%200%200%207%2012.731a4.4%204.4%200%200%200%20.185%201.869c.215.569.273.723.1.859c-.093.073-.107.084-.916-.007c-1.976-.219-3-1.167-3.234-2.986A6.57%206.57%200%200%201%204.64%207.561A15.44%2015.44%200%200%201%2013.2%202.3a13%2013%200%200%201%202.6-.242L17.811%202l.065%202.77c.032%201.392.106%206.461.161%2011.07c.031%202.616-.052%204.915-.124%206.43c.931-2.763%201.958-5.27%203.033-7.9c1.043-2.547%202.122-5.18%203.173-8.207l1.491-4.16h3.3l-.125.351c0%20.007-.031.076-.084.2a382%20382%200%200%200-5.43%2013.717Zm-4.495-.526h4.14l5.407-13.386a390%20390%200%200%201%205.362-13.555h-2.167l-1.365%203.809c-1.055%203.038-2.137%205.678-3.183%208.231c-1.311%203.2-2.55%206.226-3.626%209.747l-.255.831l-.248-.833a3.3%203.3%200%200%201%20.021-.839c.074-1.35.229-4.158.188-7.633c-.055-4.607-.129-9.674-.161-11.064l-.05-2.241l-1.484.043a12.7%2012.7%200%200%200-2.49.228A14.9%2014.9%200%200%200%205.06%207.877a6.07%206.07%200%200%200-1.4%204.524c.2%201.58%201.028%202.336%202.77%202.529l.333.035l-.066-.179a4.9%204.9%200%200%201-.219-2.055a8.7%208.7%200%200%201%20.6-3.638a7.9%207.9%200%200%201%202.644-3.43c.022-.016%202.232-1.525%202.615-1.142c.092.092.131.131.433%2012.666c.01.485.08%202.149.16%204.076c.13%203.05.287%206.797.307%208.211%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%23403757%22%20d%3D%22M12.509%2017.193c-.165-6.836-.325-12.455-.357-12.487a7.9%207.9%200%200%200-2.273%201.168a7.6%207.6%200%200%200-2.555%203.314a8.4%208.4%200%200%200-.587%203.543a4.7%204.7%200%200%200%20.2%201.962a3.4%203.4%200%200%201%20.182.56c-.012.009-.338-.018-.724-.061c-1.868-.207-2.786-1.05-3-2.757A6.3%206.3%200%200%201%204.85%207.719a15.13%2015.13%200%200%201%208.414-5.163a13%2013%200%200%201%202.542-.235l1.748-.05l.059%202.506c.032%201.378.1%206.358.161%2011.067s-.252%208.29-.219%208.4C19.5%2017.879%2022%2013.073%2024.367%206.253l1.427-3.983h2.746c-.022.063-2.751%206.5-5.514%2013.916l-5.473%2013.55h-4.577c0-1.83-.441-11.25-.467-12.543%22%2F%3E%3Cpath%20fill%3D%22%23c8c8c8%22%20d%3D%22M17.732%2030h-5.019v-.263c0-1.137-.17-5.192-.307-8.452c-.081-1.929-.15-3.6-.161-4.087c-.156-6.479-.286-11-.336-12.163a11.7%2011.7%200%200%200-1.874%201.049a7.35%207.35%200%200%200-2.466%203.2A8.15%208.15%200%200%200%207%2012.731a4.4%204.4%200%200%200%20.185%201.869c.215.569.273.723.1.859c-.093.073-.107.084-.916-.007c-1.976-.219-3-1.167-3.234-2.986A6.57%206.57%200%200%201%204.64%207.561A15.44%2015.44%200%200%201%2013.2%202.3a13%2013%200%200%201%202.6-.242L17.811%202l.065%202.77c.032%201.392.106%206.461.161%2011.07c.031%202.616-.052%204.915-.124%206.43c.931-2.763%201.958-5.27%203.033-7.9c1.043-2.547%202.122-5.18%203.173-8.207l1.491-4.16h3.3l-.125.351c0%20.007-.031.076-.084.2a382%20382%200%200%200-5.43%2013.717Zm-4.495-.526h4.14l5.407-13.386a390%20390%200%200%201%205.362-13.555h-2.167l-1.365%203.809c-1.055%203.038-2.137%205.678-3.183%208.231c-1.311%203.2-2.55%206.226-3.626%209.747l-.255.831l-.248-.833a3.3%203.3%200%200%201%20.021-.839c.074-1.35.229-4.158.188-7.633c-.055-4.607-.129-9.674-.161-11.064l-.05-2.241l-1.484.043a12.7%2012.7%200%200%200-2.49.228A14.9%2014.9%200%200%200%205.06%207.877a6.07%206.07%200%200%200-1.4%204.524c.2%201.58%201.028%202.336%202.77%202.529l.333.035l-.066-.179a4.9%204.9%200%200%201-.219-2.055a8.7%208.7%200%200%201%20.6-3.638a7.9%207.9%200%200%201%202.644-3.43c.022-.016%202.232-1.525%202.615-1.142c.092.092.131.131.433%2012.666c.01.485.08%202.149.16%204.076c.13%203.05.287%206.797.307%208.211%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-vala.svg?color=%231a73e8&size=48
