file type kusto logo
file-type-kusto from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-kusto
- 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 kusto logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="15.433" height="2.796" x=".55" y="22.339" fill="#b8d432" rx=".439" transform="rotate(-44.999 8.266 23.737)"/><rect width="9.859" height="2.796" x="1.372" y="16.382" fill="#b8d432" rx=".439" transform="rotate(-44.999 6.301 17.78)"/><rect width="9.859" height="2.796" x="9.232" y="24.301" fill="#b8d432" rx=".439" transform="rotate(-44.999 14.162 25.7)"/><path fill="#0078d4" d="M30 2H2l28 27.999z"/><path fill="#59b4d9" d="m10.282 10.282l11.436 11.436L30 13.436V2H18.564z"/><path fill="#fff" d="M30 29.999V2L16 16z" opacity=".2"/><rect width="2.796" height="2.796" x="16.226" y="9.001" fill="#fff" rx=".622" transform="rotate(-44.999 17.623 10.4)"/><rect width="2.796" height="2.796" x="20.18" y="5.048" fill="#fff" rx=".622" transform="rotate(-44.999 21.579 6.446)"/><rect width="2.796" height="2.796" x="20.18" y="12.955" fill="#fff" rx=".622" transform="rotate(-44.999 21.578 14.353)"/><rect width="2.796" height="2.796" x="24.133" y="9.002" fill="#fff" rx=".622" transform="rotate(-44.999 25.531 10.4)"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeKusto(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="15.433" height="2.796" x=".55" y="22.339" fill="#b8d432" rx=".439" transform="rotate(-44.999 8.266 23.737)"/><rect width="9.859" height="2.796" x="1.372" y="16.382" fill="#b8d432" rx=".439" transform="rotate(-44.999 6.301 17.78)"/><rect width="9.859" height="2.796" x="9.232" y="24.301" fill="#b8d432" rx=".439" transform="rotate(-44.999 14.162 25.7)"/><path fill="#0078d4" d="M30 2H2l28 27.999z"/><path fill="#59b4d9" d="m10.282 10.282l11.436 11.436L30 13.436V2H18.564z"/><path fill="#fff" d="M30 29.999V2L16 16z" opacity=".2"/><rect width="2.796" height="2.796" x="16.226" y="9.001" fill="#fff" rx=".622" transform="rotate(-44.999 17.623 10.4)"/><rect width="2.796" height="2.796" x="20.18" y="5.048" fill="#fff" rx=".622" transform="rotate(-44.999 21.579 6.446)"/><rect width="2.796" height="2.796" x="20.18" y="12.955" fill="#fff" rx=".622" transform="rotate(-44.999 21.578 14.353)"/><rect width="2.796" height="2.796" x="24.133" y="9.002" fill="#fff" rx=".622" transform="rotate(-44.999 25.531 10.4)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="15.433" height="2.796" x=".55" y="22.339" fill="#b8d432" rx=".439" transform="rotate(-44.999 8.266 23.737)"/><rect width="9.859" height="2.796" x="1.372" y="16.382" fill="#b8d432" rx=".439" transform="rotate(-44.999 6.301 17.78)"/><rect width="9.859" height="2.796" x="9.232" y="24.301" fill="#b8d432" rx=".439" transform="rotate(-44.999 14.162 25.7)"/><path fill="#0078d4" d="M30 2H2l28 27.999z"/><path fill="#59b4d9" d="m10.282 10.282l11.436 11.436L30 13.436V2H18.564z"/><path fill="#fff" d="M30 29.999V2L16 16z" opacity=".2"/><rect width="2.796" height="2.796" x="16.226" y="9.001" fill="#fff" rx=".622" transform="rotate(-44.999 17.623 10.4)"/><rect width="2.796" height="2.796" x="20.18" y="5.048" fill="#fff" rx=".622" transform="rotate(-44.999 21.579 6.446)"/><rect width="2.796" height="2.796" x="20.18" y="12.955" fill="#fff" rx=".622" transform="rotate(-44.999 21.578 14.353)"/><rect width="2.796" height="2.796" x="24.133" y="9.002" fill="#fff" rx=".622" transform="rotate(-44.999 25.531 10.4)"/></svg> </template>
CSS
.icon-file-type-kusto {
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%3Crect%20width%3D%2215.433%22%20height%3D%222.796%22%20x%3D%22.55%22%20y%3D%2222.339%22%20fill%3D%22%23b8d432%22%20rx%3D%22.439%22%20transform%3D%22rotate(-44.999%208.266%2023.737)%22%2F%3E%3Crect%20width%3D%229.859%22%20height%3D%222.796%22%20x%3D%221.372%22%20y%3D%2216.382%22%20fill%3D%22%23b8d432%22%20rx%3D%22.439%22%20transform%3D%22rotate(-44.999%206.301%2017.78)%22%2F%3E%3Crect%20width%3D%229.859%22%20height%3D%222.796%22%20x%3D%229.232%22%20y%3D%2224.301%22%20fill%3D%22%23b8d432%22%20rx%3D%22.439%22%20transform%3D%22rotate(-44.999%2014.162%2025.7)%22%2F%3E%3Cpath%20fill%3D%22%230078d4%22%20d%3D%22M30%202H2l28%2027.999z%22%2F%3E%3Cpath%20fill%3D%22%2359b4d9%22%20d%3D%22m10.282%2010.282l11.436%2011.436L30%2013.436V2H18.564z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30%2029.999V2L16%2016z%22%20opacity%3D%22.2%22%2F%3E%3Crect%20width%3D%222.796%22%20height%3D%222.796%22%20x%3D%2216.226%22%20y%3D%229.001%22%20fill%3D%22%23fff%22%20rx%3D%22.622%22%20transform%3D%22rotate(-44.999%2017.623%2010.4)%22%2F%3E%3Crect%20width%3D%222.796%22%20height%3D%222.796%22%20x%3D%2220.18%22%20y%3D%225.048%22%20fill%3D%22%23fff%22%20rx%3D%22.622%22%20transform%3D%22rotate(-44.999%2021.579%206.446)%22%2F%3E%3Crect%20width%3D%222.796%22%20height%3D%222.796%22%20x%3D%2220.18%22%20y%3D%2212.955%22%20fill%3D%22%23fff%22%20rx%3D%22.622%22%20transform%3D%22rotate(-44.999%2021.578%2014.353)%22%2F%3E%3Crect%20width%3D%222.796%22%20height%3D%222.796%22%20x%3D%2224.133%22%20y%3D%229.002%22%20fill%3D%22%23fff%22%20rx%3D%22.622%22%20transform%3D%22rotate(-44.999%2025.531%2010.4)%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%3Crect%20width%3D%2215.433%22%20height%3D%222.796%22%20x%3D%22.55%22%20y%3D%2222.339%22%20fill%3D%22%23b8d432%22%20rx%3D%22.439%22%20transform%3D%22rotate(-44.999%208.266%2023.737)%22%2F%3E%3Crect%20width%3D%229.859%22%20height%3D%222.796%22%20x%3D%221.372%22%20y%3D%2216.382%22%20fill%3D%22%23b8d432%22%20rx%3D%22.439%22%20transform%3D%22rotate(-44.999%206.301%2017.78)%22%2F%3E%3Crect%20width%3D%229.859%22%20height%3D%222.796%22%20x%3D%229.232%22%20y%3D%2224.301%22%20fill%3D%22%23b8d432%22%20rx%3D%22.439%22%20transform%3D%22rotate(-44.999%2014.162%2025.7)%22%2F%3E%3Cpath%20fill%3D%22%230078d4%22%20d%3D%22M30%202H2l28%2027.999z%22%2F%3E%3Cpath%20fill%3D%22%2359b4d9%22%20d%3D%22m10.282%2010.282l11.436%2011.436L30%2013.436V2H18.564z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30%2029.999V2L16%2016z%22%20opacity%3D%22.2%22%2F%3E%3Crect%20width%3D%222.796%22%20height%3D%222.796%22%20x%3D%2216.226%22%20y%3D%229.001%22%20fill%3D%22%23fff%22%20rx%3D%22.622%22%20transform%3D%22rotate(-44.999%2017.623%2010.4)%22%2F%3E%3Crect%20width%3D%222.796%22%20height%3D%222.796%22%20x%3D%2220.18%22%20y%3D%225.048%22%20fill%3D%22%23fff%22%20rx%3D%22.622%22%20transform%3D%22rotate(-44.999%2021.579%206.446)%22%2F%3E%3Crect%20width%3D%222.796%22%20height%3D%222.796%22%20x%3D%2220.18%22%20y%3D%2212.955%22%20fill%3D%22%23fff%22%20rx%3D%22.622%22%20transform%3D%22rotate(-44.999%2021.578%2014.353)%22%2F%3E%3Crect%20width%3D%222.796%22%20height%3D%222.796%22%20x%3D%2224.133%22%20y%3D%229.002%22%20fill%3D%22%23fff%22%20rx%3D%22.622%22%20transform%3D%22rotate(-44.999%2025.531%2010.4)%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-kusto.svg?color=%231a73e8&size=48
