tuta logo
tuta from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- tuta
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the tuta logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m23.993 7.033l-5.16 16.755l-.043.12a.14.14 0 0 1-.11.091H1.425a.14.14 0 0 1-.13-.191L6.441 6.98l.024-.076a.13.13 0 0 1 .124-.091H23.82c.14 0 .202.086.173.22M23.94 4.25L19.885.146c-.178-.173-.192-.144-.384-.144H2.007a.14.14 0 0 0-.14.14c0 .004-.004.061.044.114l.004.005L6 4.393c.096.096.192.12.336.12h17.533c.12 0 .182-.153.072-.263zM4.127 5.805L.25 1.95c-.048-.043-.105-.038-.11-.038a.14.14 0 0 0-.14.14v16.975c0 .077.063.14.14.14a.14.14 0 0 0 .13-.092c.004-.005.004-.014.009-.024c0-.004.01-.038.01-.043l3.91-12.844c.048-.144.048-.24-.072-.36z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsTuta(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="m23.993 7.033l-5.16 16.755l-.043.12a.14.14 0 0 1-.11.091H1.425a.14.14 0 0 1-.13-.191L6.441 6.98l.024-.076a.13.13 0 0 1 .124-.091H23.82c.14 0 .202.086.173.22M23.94 4.25L19.885.146c-.178-.173-.192-.144-.384-.144H2.007a.14.14 0 0 0-.14.14c0 .004-.004.061.044.114l.004.005L6 4.393c.096.096.192.12.336.12h17.533c.12 0 .182-.153.072-.263zM4.127 5.805L.25 1.95c-.048-.043-.105-.038-.11-.038a.14.14 0 0 0-.14.14v16.975c0 .077.063.14.14.14a.14.14 0 0 0 .13-.092c.004-.005.004-.014.009-.024c0-.004.01-.038.01-.043l3.91-12.844c.048-.144.048-.24-.072-.36z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m23.993 7.033l-5.16 16.755l-.043.12a.14.14 0 0 1-.11.091H1.425a.14.14 0 0 1-.13-.191L6.441 6.98l.024-.076a.13.13 0 0 1 .124-.091H23.82c.14 0 .202.086.173.22M23.94 4.25L19.885.146c-.178-.173-.192-.144-.384-.144H2.007a.14.14 0 0 0-.14.14c0 .004-.004.061.044.114l.004.005L6 4.393c.096.096.192.12.336.12h17.533c.12 0 .182-.153.072-.263zM4.127 5.805L.25 1.95c-.048-.043-.105-.038-.11-.038a.14.14 0 0 0-.14.14v16.975c0 .077.063.14.14.14a.14.14 0 0 0 .13-.092c.004-.005.004-.014.009-.024c0-.004.01-.038.01-.043l3.91-12.844c.048-.144.048-.24-.072-.36z"/></svg> </template>
CSS
.icon-tuta {
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%22m23.993%207.033l-5.16%2016.755l-.043.12a.14.14%200%200%201-.11.091H1.425a.14.14%200%200%201-.13-.191L6.441%206.98l.024-.076a.13.13%200%200%201%20.124-.091H23.82c.14%200%20.202.086.173.22M23.94%204.25L19.885.146c-.178-.173-.192-.144-.384-.144H2.007a.14.14%200%200%200-.14.14c0%20.004-.004.061.044.114l.004.005L6%204.393c.096.096.192.12.336.12h17.533c.12%200%20.182-.153.072-.263zM4.127%205.805L.25%201.95c-.048-.043-.105-.038-.11-.038a.14.14%200%200%200-.14.14v16.975c0%20.077.063.14.14.14a.14.14%200%200%200%20.13-.092c.004-.005.004-.014.009-.024c0-.004.01-.038.01-.043l3.91-12.844c.048-.144.048-.24-.072-.36z%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%22m23.993%207.033l-5.16%2016.755l-.043.12a.14.14%200%200%201-.11.091H1.425a.14.14%200%200%201-.13-.191L6.441%206.98l.024-.076a.13.13%200%200%201%20.124-.091H23.82c.14%200%20.202.086.173.22M23.94%204.25L19.885.146c-.178-.173-.192-.144-.384-.144H2.007a.14.14%200%200%200-.14.14c0%20.004-.004.061.044.114l.004.005L6%204.393c.096.096.192.12.336.12h17.533c.12%200%20.182-.153.072-.263zM4.127%205.805L.25%201.95c-.048-.043-.105-.038-.11-.038a.14.14%200%200%200-.14.14v16.975c0%20.077.063.14.14.14a.14.14%200%200%200%20.13-.092c.004-.005.004-.014.009-.024c0-.004.01-.038.01-.043l3.91-12.844c.048-.144.048-.24-.072-.36z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/tuta.svg?color=%231a73e8&size=48
