file type qml logo
file-type-qml from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-qml
- 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 qml logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#41cd52" d="M27.3 5H5.886L2 8.958V26h24.114L30 22.042V5ZM16.9 23.07l-1.828.852l-1.572-2.591a4 4 0 0 1-1.082.106c-1.845 0-3.123-.5-3.85-1.49a8.03 8.03 0 0 1-1.082-4.7a8.35 8.35 0 0 1 1.1-4.773a4.38 4.38 0 0 1 3.833-1.561c1.828 0 3.087.515 3.833 1.544a8.35 8.35 0 0 1 1.1 4.773a10.8 10.8 0 0 1-.452 3.44a3.9 3.9 0 0 1-1.473 2Zm5.848-1.67a2.74 2.74 0 0 1-2.168-.692A4.2 4.2 0 0 1 20 18.1V14h-1v-2h1V9h2v3h2v2h-2v3.9a3.9 3.9 0 0 0 .168 1.437c.112.231.393.355.86.355l1.533-.053l.093 1.544a12.5 12.5 0 0 1-1.906.217M12.416 10.614a2.4 2.4 0 0 0-2.289 1.1a7.66 7.66 0 0 0-.6 3.513a7.1 7.1 0 0 0 .6 3.442a2.44 2.44 0 0 0 2.306 1.031a2.42 2.42 0 0 0 2.289-1.011a7.34 7.34 0 0 0 .586-3.442a7.7 7.7 0 0 0-.6-3.531a2.4 2.4 0 0 0-2.292-1.102"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeQml(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#41cd52" d="M27.3 5H5.886L2 8.958V26h24.114L30 22.042V5ZM16.9 23.07l-1.828.852l-1.572-2.591a4 4 0 0 1-1.082.106c-1.845 0-3.123-.5-3.85-1.49a8.03 8.03 0 0 1-1.082-4.7a8.35 8.35 0 0 1 1.1-4.773a4.38 4.38 0 0 1 3.833-1.561c1.828 0 3.087.515 3.833 1.544a8.35 8.35 0 0 1 1.1 4.773a10.8 10.8 0 0 1-.452 3.44a3.9 3.9 0 0 1-1.473 2Zm5.848-1.67a2.74 2.74 0 0 1-2.168-.692A4.2 4.2 0 0 1 20 18.1V14h-1v-2h1V9h2v3h2v2h-2v3.9a3.9 3.9 0 0 0 .168 1.437c.112.231.393.355.86.355l1.533-.053l.093 1.544a12.5 12.5 0 0 1-1.906.217M12.416 10.614a2.4 2.4 0 0 0-2.289 1.1a7.66 7.66 0 0 0-.6 3.513a7.1 7.1 0 0 0 .6 3.442a2.44 2.44 0 0 0 2.306 1.031a2.42 2.42 0 0 0 2.289-1.011a7.34 7.34 0 0 0 .586-3.442a7.7 7.7 0 0 0-.6-3.531a2.4 2.4 0 0 0-2.292-1.102"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#41cd52" d="M27.3 5H5.886L2 8.958V26h24.114L30 22.042V5ZM16.9 23.07l-1.828.852l-1.572-2.591a4 4 0 0 1-1.082.106c-1.845 0-3.123-.5-3.85-1.49a8.03 8.03 0 0 1-1.082-4.7a8.35 8.35 0 0 1 1.1-4.773a4.38 4.38 0 0 1 3.833-1.561c1.828 0 3.087.515 3.833 1.544a8.35 8.35 0 0 1 1.1 4.773a10.8 10.8 0 0 1-.452 3.44a3.9 3.9 0 0 1-1.473 2Zm5.848-1.67a2.74 2.74 0 0 1-2.168-.692A4.2 4.2 0 0 1 20 18.1V14h-1v-2h1V9h2v3h2v2h-2v3.9a3.9 3.9 0 0 0 .168 1.437c.112.231.393.355.86.355l1.533-.053l.093 1.544a12.5 12.5 0 0 1-1.906.217M12.416 10.614a2.4 2.4 0 0 0-2.289 1.1a7.66 7.66 0 0 0-.6 3.513a7.1 7.1 0 0 0 .6 3.442a2.44 2.44 0 0 0 2.306 1.031a2.42 2.42 0 0 0 2.289-1.011a7.34 7.34 0 0 0 .586-3.442a7.7 7.7 0 0 0-.6-3.531a2.4 2.4 0 0 0-2.292-1.102"/></svg> </template>
CSS
.icon-file-type-qml {
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%2341cd52%22%20d%3D%22M27.3%205H5.886L2%208.958V26h24.114L30%2022.042V5ZM16.9%2023.07l-1.828.852l-1.572-2.591a4%204%200%200%201-1.082.106c-1.845%200-3.123-.5-3.85-1.49a8.03%208.03%200%200%201-1.082-4.7a8.35%208.35%200%200%201%201.1-4.773a4.38%204.38%200%200%201%203.833-1.561c1.828%200%203.087.515%203.833%201.544a8.35%208.35%200%200%201%201.1%204.773a10.8%2010.8%200%200%201-.452%203.44a3.9%203.9%200%200%201-1.473%202Zm5.848-1.67a2.74%202.74%200%200%201-2.168-.692A4.2%204.2%200%200%201%2020%2018.1V14h-1v-2h1V9h2v3h2v2h-2v3.9a3.9%203.9%200%200%200%20.168%201.437c.112.231.393.355.86.355l1.533-.053l.093%201.544a12.5%2012.5%200%200%201-1.906.217M12.416%2010.614a2.4%202.4%200%200%200-2.289%201.1a7.66%207.66%200%200%200-.6%203.513a7.1%207.1%200%200%200%20.6%203.442a2.44%202.44%200%200%200%202.306%201.031a2.42%202.42%200%200%200%202.289-1.011a7.34%207.34%200%200%200%20.586-3.442a7.7%207.7%200%200%200-.6-3.531a2.4%202.4%200%200%200-2.292-1.102%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%2341cd52%22%20d%3D%22M27.3%205H5.886L2%208.958V26h24.114L30%2022.042V5ZM16.9%2023.07l-1.828.852l-1.572-2.591a4%204%200%200%201-1.082.106c-1.845%200-3.123-.5-3.85-1.49a8.03%208.03%200%200%201-1.082-4.7a8.35%208.35%200%200%201%201.1-4.773a4.38%204.38%200%200%201%203.833-1.561c1.828%200%203.087.515%203.833%201.544a8.35%208.35%200%200%201%201.1%204.773a10.8%2010.8%200%200%201-.452%203.44a3.9%203.9%200%200%201-1.473%202Zm5.848-1.67a2.74%202.74%200%200%201-2.168-.692A4.2%204.2%200%200%201%2020%2018.1V14h-1v-2h1V9h2v3h2v2h-2v3.9a3.9%203.9%200%200%200%20.168%201.437c.112.231.393.355.86.355l1.533-.053l.093%201.544a12.5%2012.5%200%200%201-1.906.217M12.416%2010.614a2.4%202.4%200%200%200-2.289%201.1a7.66%207.66%200%200%200-.6%203.513a7.1%207.1%200%200%200%20.6%203.442a2.44%202.44%200%200%200%202.306%201.031a2.42%202.42%200%200%200%202.289-1.011a7.34%207.34%200%200%200%20.586-3.442a7.7%207.7%200%200%200-.6-3.531a2.4%202.4%200%200%200-2.292-1.102%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-qml.svg?color=%231a73e8&size=48
