mailtrap logo
mailtrap from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mailtrap
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the mailtrap logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.371 17.607l-2.036 1.208a.32.32 0 0 0 0 .557l7.91 4.432a1.55 1.55 0 0 0 1.51 0l8.014-4.491c.243-.144.203-.436 0-.535l-2.153-1.163c-.182-.12-.587-.08-.73.017l-5.131 2.875a1.55 1.55 0 0 1-1.51 0l-5.176-2.9c-.193-.119-.499-.112-.698 0M11.245.197a1.55 1.55 0 0 1 1.51 0l6.37 3.568c.254.129.277.474 0 .63l-1.45.81a1.8 1.8 0 0 1-1.757-.003L12.755 3.43a1.55 1.55 0 0 0-1.51 0L8.078 5.204a1.8 1.8 0 0 1-1.757.002l-1.5-.836c-.236-.1-.285-.401 0-.574zm10.724 5.371c.467.262.755.746.755 1.27v10.325c0 .51-.32.606-.661.428l-2.36-1.273V9.376l-6.948 3.893a1.55 1.55 0 0 1-1.51 0L4.296 9.376v6.94L2.153 17.59c-.256.163-.877.214-.877-.426V6.838c0-.524.288-1.008.755-1.27c.752-.393 1.529 0 1.529 0l8.44 4.74l8.427-4.74s.749-.45 1.542 0"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMailtrap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.371 17.607l-2.036 1.208a.32.32 0 0 0 0 .557l7.91 4.432a1.55 1.55 0 0 0 1.51 0l8.014-4.491c.243-.144.203-.436 0-.535l-2.153-1.163c-.182-.12-.587-.08-.73.017l-5.131 2.875a1.55 1.55 0 0 1-1.51 0l-5.176-2.9c-.193-.119-.499-.112-.698 0M11.245.197a1.55 1.55 0 0 1 1.51 0l6.37 3.568c.254.129.277.474 0 .63l-1.45.81a1.8 1.8 0 0 1-1.757-.003L12.755 3.43a1.55 1.55 0 0 0-1.51 0L8.078 5.204a1.8 1.8 0 0 1-1.757.002l-1.5-.836c-.236-.1-.285-.401 0-.574zm10.724 5.371c.467.262.755.746.755 1.27v10.325c0 .51-.32.606-.661.428l-2.36-1.273V9.376l-6.948 3.893a1.55 1.55 0 0 1-1.51 0L4.296 9.376v6.94L2.153 17.59c-.256.163-.877.214-.877-.426V6.838c0-.524.288-1.008.755-1.27c.752-.393 1.529 0 1.529 0l8.44 4.74l8.427-4.74s.749-.45 1.542 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.371 17.607l-2.036 1.208a.32.32 0 0 0 0 .557l7.91 4.432a1.55 1.55 0 0 0 1.51 0l8.014-4.491c.243-.144.203-.436 0-.535l-2.153-1.163c-.182-.12-.587-.08-.73.017l-5.131 2.875a1.55 1.55 0 0 1-1.51 0l-5.176-2.9c-.193-.119-.499-.112-.698 0M11.245.197a1.55 1.55 0 0 1 1.51 0l6.37 3.568c.254.129.277.474 0 .63l-1.45.81a1.8 1.8 0 0 1-1.757-.003L12.755 3.43a1.55 1.55 0 0 0-1.51 0L8.078 5.204a1.8 1.8 0 0 1-1.757.002l-1.5-.836c-.236-.1-.285-.401 0-.574zm10.724 5.371c.467.262.755.746.755 1.27v10.325c0 .51-.32.606-.661.428l-2.36-1.273V9.376l-6.948 3.893a1.55 1.55 0 0 1-1.51 0L4.296 9.376v6.94L2.153 17.59c-.256.163-.877.214-.877-.426V6.838c0-.524.288-1.008.755-1.27c.752-.393 1.529 0 1.529 0l8.44 4.74l8.427-4.74s.749-.45 1.542 0"/></svg> </template>
CSS
.icon-mailtrap {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.371%2017.607l-2.036%201.208a.32.32%200%200%200%200%20.557l7.91%204.432a1.55%201.55%200%200%200%201.51%200l8.014-4.491c.243-.144.203-.436%200-.535l-2.153-1.163c-.182-.12-.587-.08-.73.017l-5.131%202.875a1.55%201.55%200%200%201-1.51%200l-5.176-2.9c-.193-.119-.499-.112-.698%200M11.245.197a1.55%201.55%200%200%201%201.51%200l6.37%203.568c.254.129.277.474%200%20.63l-1.45.81a1.8%201.8%200%200%201-1.757-.003L12.755%203.43a1.55%201.55%200%200%200-1.51%200L8.078%205.204a1.8%201.8%200%200%201-1.757.002l-1.5-.836c-.236-.1-.285-.401%200-.574zm10.724%205.371c.467.262.755.746.755%201.27v10.325c0%20.51-.32.606-.661.428l-2.36-1.273V9.376l-6.948%203.893a1.55%201.55%200%200%201-1.51%200L4.296%209.376v6.94L2.153%2017.59c-.256.163-.877.214-.877-.426V6.838c0-.524.288-1.008.755-1.27c.752-.393%201.529%200%201.529%200l8.44%204.74l8.427-4.74s.749-.45%201.542%200%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.371%2017.607l-2.036%201.208a.32.32%200%200%200%200%20.557l7.91%204.432a1.55%201.55%200%200%200%201.51%200l8.014-4.491c.243-.144.203-.436%200-.535l-2.153-1.163c-.182-.12-.587-.08-.73.017l-5.131%202.875a1.55%201.55%200%200%201-1.51%200l-5.176-2.9c-.193-.119-.499-.112-.698%200M11.245.197a1.55%201.55%200%200%201%201.51%200l6.37%203.568c.254.129.277.474%200%20.63l-1.45.81a1.8%201.8%200%200%201-1.757-.003L12.755%203.43a1.55%201.55%200%200%200-1.51%200L8.078%205.204a1.8%201.8%200%200%201-1.757.002l-1.5-.836c-.236-.1-.285-.401%200-.574zm10.724%205.371c.467.262.755.746.755%201.27v10.325c0%20.51-.32.606-.661.428l-2.36-1.273V9.376l-6.948%203.893a1.55%201.55%200%200%201-1.51%200L4.296%209.376v6.94L2.153%2017.59c-.256.163-.877.214-.877-.426V6.838c0-.524.288-1.008.755-1.27c.752-.393%201.529%200%201.529%200l8.44%204.74l8.427-4.74s.749-.45%201.542%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/mailtrap.svg?color=%231a73e8&size=48
