file type outlook logo

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

Name
file-type-outlook
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 outlook logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0072c6" d="M19.484 7.937v5.477l1.916 1.205a.5.5 0 0 0 .21 0l8.238-5.554a1.174 1.174 0 0 0-.959-1.128Z"/><path fill="#0072c6" d="m19.484 15.457l1.747 1.2a.52.52 0 0 0 .543 0c-.3.181 8.073-5.378 8.073-5.378v10.066a1.408 1.408 0 0 1-1.49 1.555h-8.874zm-9.044-2.525a1.61 1.61 0 0 0-1.42.838a4.13 4.13 0 0 0-.526 2.218A4.05 4.05 0 0 0 9.02 18.2a1.6 1.6 0 0 0 2.771.022a4 4 0 0 0 .515-2.2a4.37 4.37 0 0 0-.5-2.281a1.54 1.54 0 0 0-1.366-.809"/><path fill="#0072c6" d="M2.153 5.155v21.427L18.453 30V2Zm10.908 14.336a3.23 3.23 0 0 1-2.7 1.361a3.19 3.19 0 0 1-2.64-1.318A5.46 5.46 0 0 1 6.706 16.1a5.87 5.87 0 0 1 1.036-3.616a3.27 3.27 0 0 1 2.744-1.384a3.12 3.12 0 0 1 2.61 1.321a5.64 5.64 0 0 1 1 3.484a5.76 5.76 0 0 1-1.035 3.586"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeOutlook(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0072c6" d="M19.484 7.937v5.477l1.916 1.205a.5.5 0 0 0 .21 0l8.238-5.554a1.174 1.174 0 0 0-.959-1.128Z"/><path fill="#0072c6" d="m19.484 15.457l1.747 1.2a.52.52 0 0 0 .543 0c-.3.181 8.073-5.378 8.073-5.378v10.066a1.408 1.408 0 0 1-1.49 1.555h-8.874zm-9.044-2.525a1.61 1.61 0 0 0-1.42.838a4.13 4.13 0 0 0-.526 2.218A4.05 4.05 0 0 0 9.02 18.2a1.6 1.6 0 0 0 2.771.022a4 4 0 0 0 .515-2.2a4.37 4.37 0 0 0-.5-2.281a1.54 1.54 0 0 0-1.366-.809"/><path fill="#0072c6" d="M2.153 5.155v21.427L18.453 30V2Zm10.908 14.336a3.23 3.23 0 0 1-2.7 1.361a3.19 3.19 0 0 1-2.64-1.318A5.46 5.46 0 0 1 6.706 16.1a5.87 5.87 0 0 1 1.036-3.616a3.27 3.27 0 0 1 2.744-1.384a3.12 3.12 0 0 1 2.61 1.321a5.64 5.64 0 0 1 1 3.484a5.76 5.76 0 0 1-1.035 3.586"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0072c6" d="M19.484 7.937v5.477l1.916 1.205a.5.5 0 0 0 .21 0l8.238-5.554a1.174 1.174 0 0 0-.959-1.128Z"/><path fill="#0072c6" d="m19.484 15.457l1.747 1.2a.52.52 0 0 0 .543 0c-.3.181 8.073-5.378 8.073-5.378v10.066a1.408 1.408 0 0 1-1.49 1.555h-8.874zm-9.044-2.525a1.61 1.61 0 0 0-1.42.838a4.13 4.13 0 0 0-.526 2.218A4.05 4.05 0 0 0 9.02 18.2a1.6 1.6 0 0 0 2.771.022a4 4 0 0 0 .515-2.2a4.37 4.37 0 0 0-.5-2.281a1.54 1.54 0 0 0-1.366-.809"/><path fill="#0072c6" d="M2.153 5.155v21.427L18.453 30V2Zm10.908 14.336a3.23 3.23 0 0 1-2.7 1.361a3.19 3.19 0 0 1-2.64-1.318A5.46 5.46 0 0 1 6.706 16.1a5.87 5.87 0 0 1 1.036-3.616a3.27 3.27 0 0 1 2.744-1.384a3.12 3.12 0 0 1 2.61 1.321a5.64 5.64 0 0 1 1 3.484a5.76 5.76 0 0 1-1.035 3.586"/></svg>
</template>

CSS

.icon-file-type-outlook {
  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%230072c6%22%20d%3D%22M19.484%207.937v5.477l1.916%201.205a.5.5%200%200%200%20.21%200l8.238-5.554a1.174%201.174%200%200%200-.959-1.128Z%22%2F%3E%3Cpath%20fill%3D%22%230072c6%22%20d%3D%22m19.484%2015.457l1.747%201.2a.52.52%200%200%200%20.543%200c-.3.181%208.073-5.378%208.073-5.378v10.066a1.408%201.408%200%200%201-1.49%201.555h-8.874zm-9.044-2.525a1.61%201.61%200%200%200-1.42.838a4.13%204.13%200%200%200-.526%202.218A4.05%204.05%200%200%200%209.02%2018.2a1.6%201.6%200%200%200%202.771.022a4%204%200%200%200%20.515-2.2a4.37%204.37%200%200%200-.5-2.281a1.54%201.54%200%200%200-1.366-.809%22%2F%3E%3Cpath%20fill%3D%22%230072c6%22%20d%3D%22M2.153%205.155v21.427L18.453%2030V2Zm10.908%2014.336a3.23%203.23%200%200%201-2.7%201.361a3.19%203.19%200%200%201-2.64-1.318A5.46%205.46%200%200%201%206.706%2016.1a5.87%205.87%200%200%201%201.036-3.616a3.27%203.27%200%200%201%202.744-1.384a3.12%203.12%200%200%201%202.61%201.321a5.64%205.64%200%200%201%201%203.484a5.76%205.76%200%200%201-1.035%203.586%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%230072c6%22%20d%3D%22M19.484%207.937v5.477l1.916%201.205a.5.5%200%200%200%20.21%200l8.238-5.554a1.174%201.174%200%200%200-.959-1.128Z%22%2F%3E%3Cpath%20fill%3D%22%230072c6%22%20d%3D%22m19.484%2015.457l1.747%201.2a.52.52%200%200%200%20.543%200c-.3.181%208.073-5.378%208.073-5.378v10.066a1.408%201.408%200%200%201-1.49%201.555h-8.874zm-9.044-2.525a1.61%201.61%200%200%200-1.42.838a4.13%204.13%200%200%200-.526%202.218A4.05%204.05%200%200%200%209.02%2018.2a1.6%201.6%200%200%200%202.771.022a4%204%200%200%200%20.515-2.2a4.37%204.37%200%200%200-.5-2.281a1.54%201.54%200%200%200-1.366-.809%22%2F%3E%3Cpath%20fill%3D%22%230072c6%22%20d%3D%22M2.153%205.155v21.427L18.453%2030V2Zm10.908%2014.336a3.23%203.23%200%200%201-2.7%201.361a3.19%203.19%200%200%201-2.64-1.318A5.46%205.46%200%200%201%206.706%2016.1a5.87%205.87%200%200%201%201.036-3.616a3.27%203.27%200%200%201%202.744-1.384a3.12%203.12%200%200%201%202.61%201.321a5.64%205.64%200%200%201%201%203.484a5.76%205.76%200%200%201-1.035%203.586%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-outlook.svg?color=%231a73e8&size=48