Ms outlook SVG Download Free & Edit Vector by Garuda Technology

Ms Outlook

Colored Interface And Logo Icons

2.71 KB2 KB-26%

<?xml version="1.0" encoding="utf-8"?>

<svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="2" width="20" height="28" rx="2" fill="#1066B5"/>
<rect x="10" y="2" width="20" height="28" rx="2" fill="url(#paint0_linear_87_7742)"/>
<rect x="10" y="5" width="10" height="10" fill="#32A9E7"/>
<rect x="10" y="15" width="10" height="10" fill="#167EB4"/>
<rect x="20" y="15" width="10" height="10" fill="#32A9E7"/>
<rect x="20" y="5" width="10" height="10" fill="#58D9FD"/>
<mask id="mask0_87_7742" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="14" width="24" height="16">
<path d="M8 14H30C31.1046 14 32 14.8954 32 16V28C32 29.1046 31.1046 30 30 30H10C8.89543 30 8 29.1046 8 28V14Z" fill="url(#paint1_linear_87_7742)"/>
</mask>
<g mask="url(#mask0_87_7742)">
<path d="M32 14V18H30V14H32Z" fill="#135298"/>
<path d="M32 30V16L7 30H32Z" fill="url(#paint2_linear_87_7742)"/>
<path d="M8 30V16L33 30H8Z" fill="url(#paint3_linear_87_7742)"/>
</g>
<path d="M8 12C8 10.3431 9.34315 9 11 9H17C18.6569 9 20 10.3431 20 12V24C20 25.6569 18.6569 27 17 27H8V12Z" fill="#000000" fill-opacity="0.3"/>
<rect y="7" width="18" height="18" rx="2" fill="url(#paint4_linear_87_7742)"/>
<path d="M14 16.0693V15.903C14 13.0222 11.9272 11 9.01582 11C6.08861 11 4 13.036 4 15.9307V16.097C4 18.9778 6.07278 21 9 21C11.9114 21 14 18.964 14 16.0693ZM11.6424 16.097C11.6424 18.0083 10.5665 19.1579 9.01582 19.1579C7.46519 19.1579 6.37342 17.9806 6.37342 16.0693V15.903C6.37342 13.9917 7.44937 12.8421 9 12.8421C10.5348 12.8421 11.6424 14.0194 11.6424 15.9307V16.097Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_87_7742" x1="10" y1="16" x2="30" y2="16" gradientUnits="userSpaceOnUse">
<stop stop-color="#064484"/>
<stop offset="1" stop-color="#0F65B5"/>
</linearGradient>
<linearGradient id="paint1_linear_87_7742" x1="8" y1="26.7692" x2="32" y2="26.7692" gradientUnits="userSpaceOnUse">
<stop stop-color="#1B366F"/>
<stop offset="1" stop-color="#2657B0"/>
</linearGradient>
<linearGradient id="paint2_linear_87_7742" x1="32" y1="23" x2="8" y2="23" gradientUnits="userSpaceOnUse">
<stop stop-color="#44DCFD"/>
<stop offset="0.453125" stop-color="#259ED0"/>
</linearGradient>
<linearGradient id="paint3_linear_87_7742" x1="8" y1="23" x2="32" y2="23" gradientUnits="userSpaceOnUse">
<stop stop-color="#259ED0"/>
<stop offset="1" stop-color="#44DCFD"/>
</linearGradient>
<linearGradient id="paint4_linear_87_7742" x1="0" y1="16" x2="18" y2="16" gradientUnits="userSpaceOnUse">
<stop stop-color="#064484"/>
<stop offset="1" stop-color="#0F65B5"/>
</linearGradient>
</defs>
</svg>

Upload

Preview React React Native PNG Data URI