maildeveloper logo
maildeveloper from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- maildeveloper
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×159
- License
- CC0
Use the maildeveloper logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 159"><defs><linearGradient id="SVGnjwo7bTh" x1="50%" x2="0%" y1="33.756%" y2="100%"><stop offset="0%" stop-color="#60676f"/><stop offset="100%" stop-color="#303439"/></linearGradient></defs><g fill="none"><path fill="#393e42" d="M21.331 158.118v-42.165h128v42.165z"/><path fill="#60676f" d="M0 158.118V0h42.67l42.66 42.165L128 0h42.67S256 0 256 79.059s-85.33 79.059-85.33 79.059H128V52.706L85.33 94.87L42.67 52.706v105.412zM170.67 42.165v73.788s41.787 0 42.66-36.894c.882-36.894-42.66-36.894-42.66-36.894"/><path fill="url(#SVGnjwo7bTh)" d="M252.755 54.37c2.07 7.228 3.245 15.413 3.245 24.689c0 79.059-85.33 79.059-85.33 79.059V21.082s51.365 8.787 82.085 33.288m-82.086-12.205v73.788s41.788 0 42.662-36.894c.88-36.894-42.662-36.894-42.662-36.894"/></g></svg>
React
import type { SVGProps } from "react";
export function LogosMaildeveloper(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 159"><defs><linearGradient id="SVGnjwo7bTh" x1="50%" x2="0%" y1="33.756%" y2="100%"><stop offset="0%" stopColor="#60676f"/><stop offset="100%" stopColor="#303439"/></linearGradient></defs><g fill="none"><path fill="#393e42" d="M21.331 158.118v-42.165h128v42.165z"/><path fill="#60676f" d="M0 158.118V0h42.67l42.66 42.165L128 0h42.67S256 0 256 79.059s-85.33 79.059-85.33 79.059H128V52.706L85.33 94.87L42.67 52.706v105.412zM170.67 42.165v73.788s41.787 0 42.66-36.894c.882-36.894-42.66-36.894-42.66-36.894"/><path fill="url(#SVGnjwo7bTh)" d="M252.755 54.37c2.07 7.228 3.245 15.413 3.245 24.689c0 79.059-85.33 79.059-85.33 79.059V21.082s51.365 8.787 82.085 33.288m-82.086-12.205v73.788s41.788 0 42.662-36.894c.88-36.894-42.662-36.894-42.662-36.894"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 159"><defs><linearGradient id="SVGnjwo7bTh" x1="50%" x2="0%" y1="33.756%" y2="100%"><stop offset="0%" stop-color="#60676f"/><stop offset="100%" stop-color="#303439"/></linearGradient></defs><g fill="none"><path fill="#393e42" d="M21.331 158.118v-42.165h128v42.165z"/><path fill="#60676f" d="M0 158.118V0h42.67l42.66 42.165L128 0h42.67S256 0 256 79.059s-85.33 79.059-85.33 79.059H128V52.706L85.33 94.87L42.67 52.706v105.412zM170.67 42.165v73.788s41.787 0 42.66-36.894c.882-36.894-42.66-36.894-42.66-36.894"/><path fill="url(#SVGnjwo7bTh)" d="M252.755 54.37c2.07 7.228 3.245 15.413 3.245 24.689c0 79.059-85.33 79.059-85.33 79.059V21.082s51.365 8.787 82.085 33.288m-82.086-12.205v73.788s41.788 0 42.662-36.894c.88-36.894-42.662-36.894-42.662-36.894"/></g></svg> </template>
CSS
.icon-maildeveloper {
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%20256%20159%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnjwo7bTh%22%20x1%3D%2250%25%22%20x2%3D%220%25%22%20y1%3D%2233.756%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2360676f%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23303439%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23393e42%22%20d%3D%22M21.331%20158.118v-42.165h128v42.165z%22%2F%3E%3Cpath%20fill%3D%22%2360676f%22%20d%3D%22M0%20158.118V0h42.67l42.66%2042.165L128%200h42.67S256%200%20256%2079.059s-85.33%2079.059-85.33%2079.059H128V52.706L85.33%2094.87L42.67%2052.706v105.412zM170.67%2042.165v73.788s41.787%200%2042.66-36.894c.882-36.894-42.66-36.894-42.66-36.894%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnjwo7bTh)%22%20d%3D%22M252.755%2054.37c2.07%207.228%203.245%2015.413%203.245%2024.689c0%2079.059-85.33%2079.059-85.33%2079.059V21.082s51.365%208.787%2082.085%2033.288m-82.086-12.205v73.788s41.788%200%2042.662-36.894c.88-36.894-42.662-36.894-42.662-36.894%22%2F%3E%3C%2Fg%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%20256%20159%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnjwo7bTh%22%20x1%3D%2250%25%22%20x2%3D%220%25%22%20y1%3D%2233.756%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2360676f%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23303439%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23393e42%22%20d%3D%22M21.331%20158.118v-42.165h128v42.165z%22%2F%3E%3Cpath%20fill%3D%22%2360676f%22%20d%3D%22M0%20158.118V0h42.67l42.66%2042.165L128%200h42.67S256%200%20256%2079.059s-85.33%2079.059-85.33%2079.059H128V52.706L85.33%2094.87L42.67%2052.706v105.412zM170.67%2042.165v73.788s41.787%200%2042.66-36.894c.882-36.894-42.66-36.894-42.66-36.894%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnjwo7bTh)%22%20d%3D%22M252.755%2054.37c2.07%207.228%203.245%2015.413%203.245%2024.689c0%2079.059-85.33%2079.059-85.33%2079.059V21.082s51.365%208.787%2082.085%2033.288m-82.086-12.205v73.788s41.788%200%2042.662-36.894c.88-36.894-42.662-36.894-42.662-36.894%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/maildeveloper.svg?color=%231a73e8&size=48
