file type metro logo
file-type-metro from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-metro
- 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 metro logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ef4242" d="M2 11.23c0-1.364 1.046-3.032 2.314-3.712l9.368-5.008c1.273-.68 3.355-.68 4.629 0l9.368 5.008c1.273.68 2.315 2.358 2.315 3.712v10.017c0 1.36-1.042 3.03-2.315 3.711l-9.368 5.008c-1.274.68-3.356.68-4.63 0l-9.367-5.008C3.042 24.278 2 22.6 2 21.247Z"/><path fill="#fff" d="M15.997 27.697a2.178 2.017 0 0 1-1.081-.254L6.2 22.783a2.259 2.092 0 0 1-1.08-1.732v-9.319A2.259 2.092 0 0 1 6.2 10l8.718-4.66a2.302 2.131 0 0 1 2.155 0L25.788 10a2.255 2.088 0 0 1 1.08 1.732v9.319a2.257 2.09 0 0 1-1.078 1.732l-8.714 4.66a2.17 2.01 0 0 1-1.079.254m-8.56-6.728l8.56 4.577l8.56-4.577v-9.155l-8.56-4.577l-8.56 4.577Z"/><path fill="#ef4242" d="M15.997 25.31a1.3 1.204 0 0 1-.65-.162l-9.719-5.195a1.303 1.206 0 0 1-.652-1.045V8.518a1.303 1.206 0 0 1 1.988-1.03l9.043 5.079l9.043-5.08a1.303 1.206 0 0 1 1.976 1.03v10.391a1.3 1.204 0 0 1-.65 1.045l-9.729 5.195a1.31 1.214 0 0 1-.65.162m-8.418-7.1l8.424 4.5l8.424-4.5v-7.55l-7.74 4.354a1.299 1.203 0 0 1-1.352 0L7.593 10.66Z"/><path fill="#fff" d="M26.871 21.588h-2.313V13.1l-7.961 4.477a1.152 1.067 0 0 1-1.201 0L7.436 13.1v8.488H5.121V11.195a1.16 1.074 0 0 1 1.763-.907l9.113 5.12l9.117-5.129a1.158 1.072 0 0 1 1.763.907Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeMetro(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ef4242" d="M2 11.23c0-1.364 1.046-3.032 2.314-3.712l9.368-5.008c1.273-.68 3.355-.68 4.629 0l9.368 5.008c1.273.68 2.315 2.358 2.315 3.712v10.017c0 1.36-1.042 3.03-2.315 3.711l-9.368 5.008c-1.274.68-3.356.68-4.63 0l-9.367-5.008C3.042 24.278 2 22.6 2 21.247Z"/><path fill="#fff" d="M15.997 27.697a2.178 2.017 0 0 1-1.081-.254L6.2 22.783a2.259 2.092 0 0 1-1.08-1.732v-9.319A2.259 2.092 0 0 1 6.2 10l8.718-4.66a2.302 2.131 0 0 1 2.155 0L25.788 10a2.255 2.088 0 0 1 1.08 1.732v9.319a2.257 2.09 0 0 1-1.078 1.732l-8.714 4.66a2.17 2.01 0 0 1-1.079.254m-8.56-6.728l8.56 4.577l8.56-4.577v-9.155l-8.56-4.577l-8.56 4.577Z"/><path fill="#ef4242" d="M15.997 25.31a1.3 1.204 0 0 1-.65-.162l-9.719-5.195a1.303 1.206 0 0 1-.652-1.045V8.518a1.303 1.206 0 0 1 1.988-1.03l9.043 5.079l9.043-5.08a1.303 1.206 0 0 1 1.976 1.03v10.391a1.3 1.204 0 0 1-.65 1.045l-9.729 5.195a1.31 1.214 0 0 1-.65.162m-8.418-7.1l8.424 4.5l8.424-4.5v-7.55l-7.74 4.354a1.299 1.203 0 0 1-1.352 0L7.593 10.66Z"/><path fill="#fff" d="M26.871 21.588h-2.313V13.1l-7.961 4.477a1.152 1.067 0 0 1-1.201 0L7.436 13.1v8.488H5.121V11.195a1.16 1.074 0 0 1 1.763-.907l9.113 5.12l9.117-5.129a1.158 1.072 0 0 1 1.763.907Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ef4242" d="M2 11.23c0-1.364 1.046-3.032 2.314-3.712l9.368-5.008c1.273-.68 3.355-.68 4.629 0l9.368 5.008c1.273.68 2.315 2.358 2.315 3.712v10.017c0 1.36-1.042 3.03-2.315 3.711l-9.368 5.008c-1.274.68-3.356.68-4.63 0l-9.367-5.008C3.042 24.278 2 22.6 2 21.247Z"/><path fill="#fff" d="M15.997 27.697a2.178 2.017 0 0 1-1.081-.254L6.2 22.783a2.259 2.092 0 0 1-1.08-1.732v-9.319A2.259 2.092 0 0 1 6.2 10l8.718-4.66a2.302 2.131 0 0 1 2.155 0L25.788 10a2.255 2.088 0 0 1 1.08 1.732v9.319a2.257 2.09 0 0 1-1.078 1.732l-8.714 4.66a2.17 2.01 0 0 1-1.079.254m-8.56-6.728l8.56 4.577l8.56-4.577v-9.155l-8.56-4.577l-8.56 4.577Z"/><path fill="#ef4242" d="M15.997 25.31a1.3 1.204 0 0 1-.65-.162l-9.719-5.195a1.303 1.206 0 0 1-.652-1.045V8.518a1.303 1.206 0 0 1 1.988-1.03l9.043 5.079l9.043-5.08a1.303 1.206 0 0 1 1.976 1.03v10.391a1.3 1.204 0 0 1-.65 1.045l-9.729 5.195a1.31 1.214 0 0 1-.65.162m-8.418-7.1l8.424 4.5l8.424-4.5v-7.55l-7.74 4.354a1.299 1.203 0 0 1-1.352 0L7.593 10.66Z"/><path fill="#fff" d="M26.871 21.588h-2.313V13.1l-7.961 4.477a1.152 1.067 0 0 1-1.201 0L7.436 13.1v8.488H5.121V11.195a1.16 1.074 0 0 1 1.763-.907l9.113 5.12l9.117-5.129a1.158 1.072 0 0 1 1.763.907Z"/></svg> </template>
CSS
.icon-file-type-metro {
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%23ef4242%22%20d%3D%22M2%2011.23c0-1.364%201.046-3.032%202.314-3.712l9.368-5.008c1.273-.68%203.355-.68%204.629%200l9.368%205.008c1.273.68%202.315%202.358%202.315%203.712v10.017c0%201.36-1.042%203.03-2.315%203.711l-9.368%205.008c-1.274.68-3.356.68-4.63%200l-9.367-5.008C3.042%2024.278%202%2022.6%202%2021.247Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.997%2027.697a2.178%202.017%200%200%201-1.081-.254L6.2%2022.783a2.259%202.092%200%200%201-1.08-1.732v-9.319A2.259%202.092%200%200%201%206.2%2010l8.718-4.66a2.302%202.131%200%200%201%202.155%200L25.788%2010a2.255%202.088%200%200%201%201.08%201.732v9.319a2.257%202.09%200%200%201-1.078%201.732l-8.714%204.66a2.17%202.01%200%200%201-1.079.254m-8.56-6.728l8.56%204.577l8.56-4.577v-9.155l-8.56-4.577l-8.56%204.577Z%22%2F%3E%3Cpath%20fill%3D%22%23ef4242%22%20d%3D%22M15.997%2025.31a1.3%201.204%200%200%201-.65-.162l-9.719-5.195a1.303%201.206%200%200%201-.652-1.045V8.518a1.303%201.206%200%200%201%201.988-1.03l9.043%205.079l9.043-5.08a1.303%201.206%200%200%201%201.976%201.03v10.391a1.3%201.204%200%200%201-.65%201.045l-9.729%205.195a1.31%201.214%200%200%201-.65.162m-8.418-7.1l8.424%204.5l8.424-4.5v-7.55l-7.74%204.354a1.299%201.203%200%200%201-1.352%200L7.593%2010.66Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.871%2021.588h-2.313V13.1l-7.961%204.477a1.152%201.067%200%200%201-1.201%200L7.436%2013.1v8.488H5.121V11.195a1.16%201.074%200%200%201%201.763-.907l9.113%205.12l9.117-5.129a1.158%201.072%200%200%201%201.763.907Z%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%23ef4242%22%20d%3D%22M2%2011.23c0-1.364%201.046-3.032%202.314-3.712l9.368-5.008c1.273-.68%203.355-.68%204.629%200l9.368%205.008c1.273.68%202.315%202.358%202.315%203.712v10.017c0%201.36-1.042%203.03-2.315%203.711l-9.368%205.008c-1.274.68-3.356.68-4.63%200l-9.367-5.008C3.042%2024.278%202%2022.6%202%2021.247Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.997%2027.697a2.178%202.017%200%200%201-1.081-.254L6.2%2022.783a2.259%202.092%200%200%201-1.08-1.732v-9.319A2.259%202.092%200%200%201%206.2%2010l8.718-4.66a2.302%202.131%200%200%201%202.155%200L25.788%2010a2.255%202.088%200%200%201%201.08%201.732v9.319a2.257%202.09%200%200%201-1.078%201.732l-8.714%204.66a2.17%202.01%200%200%201-1.079.254m-8.56-6.728l8.56%204.577l8.56-4.577v-9.155l-8.56-4.577l-8.56%204.577Z%22%2F%3E%3Cpath%20fill%3D%22%23ef4242%22%20d%3D%22M15.997%2025.31a1.3%201.204%200%200%201-.65-.162l-9.719-5.195a1.303%201.206%200%200%201-.652-1.045V8.518a1.303%201.206%200%200%201%201.988-1.03l9.043%205.079l9.043-5.08a1.303%201.206%200%200%201%201.976%201.03v10.391a1.3%201.204%200%200%201-.65%201.045l-9.729%205.195a1.31%201.214%200%200%201-.65.162m-8.418-7.1l8.424%204.5l8.424-4.5v-7.55l-7.74%204.354a1.299%201.203%200%200%201-1.352%200L7.593%2010.66Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.871%2021.588h-2.313V13.1l-7.961%204.477a1.152%201.067%200%200%201-1.201%200L7.436%2013.1v8.488H5.121V11.195a1.16%201.074%200%200%201%201.763-.907l9.113%205.12l9.117-5.129a1.158%201.072%200%200%201%201.763.907Z%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-metro.svg?color=%231a73e8&size=48
