datto logo

datto from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
datto
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the datto logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.914 10.64c-.455-.384-.877-.548-1.453-.548C1.008 10.092 0 11.273 0 12.984c0 1.72 1.031 2.94 2.494 2.94c.548 0 1.031-.188 1.415-.563v.431h1.182V8.058l-1.177.005zm-.131 3.408c-.164.432-.642.736-1.172.736c-.835 0-1.369-.689-1.369-1.757c0-1.111.54-1.805 1.406-1.805c.525 0 1.032.328 1.158.76c.07.21.094.5.094 1.1c0 .474-.033.77-.117.966m6.544-.126v-2.053c0-.666-.07-.924-.361-1.228c-.338-.366-.961-.563-1.735-.563a5.14 5.14 0 0 0-2.33.572l.493.947c.782-.338 1.172-.431 1.71-.431c.727 0 1.022.257 1.032.89v.178c-.947.094-1.266.132-1.64.197c-1.196.235-1.759.76-1.759 1.65c0 1.055.915 1.852 2.12 1.852c.641 0 1.148-.235 1.509-.69c.117.385.43.62.96.69l.6-.914c-.543-.22-.6-.338-.6-1.097m-1.196.103c0 .328-.047.455-.21.595a1.43 1.43 0 0 1-.877.32c-.572 0-1.046-.376-1.046-.835c0-.375.249-.596.797-.727c.366-.084.666-.117 1.336-.187zm5.232.633l.15 1.04c-.385.103-.82.164-1.196.164c-1.101 0-1.533-.454-1.533-1.593v-3.047h-1.017v-1.017h1.017v-1.72l1.182-.422v2.142h1.472v1.017H12.97v2.653c0 .69.141.853.727.853c.197 0 .422-.023.666-.07m4.082 0l.15 1.04c-.384.103-.82.164-1.195.164c-1.102 0-1.533-.454-1.533-1.593v-3.047H14.85v-1.017h1.017v-1.72l1.181-.422v2.142h1.468v1.017h-1.467l.004 2.653c0 .69.14.853.727.853c.197 0 .422-.023.665-.07m2.813-4.594c-1.556 0-2.602 1.186-2.602 2.963c0 1.72 1.102 2.915 2.695 2.915c1.561 0 2.649-1.205 2.649-2.915c0-1.754-1.111-2.963-2.742-2.963m.047 4.725c-.867 0-1.44-.712-1.44-1.781s.587-1.805 1.454-1.805c.844 0 1.406.717 1.406 1.805c0 1.064-.577 1.781-1.42 1.781"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsDatto(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="M3.914 10.64c-.455-.384-.877-.548-1.453-.548C1.008 10.092 0 11.273 0 12.984c0 1.72 1.031 2.94 2.494 2.94c.548 0 1.031-.188 1.415-.563v.431h1.182V8.058l-1.177.005zm-.131 3.408c-.164.432-.642.736-1.172.736c-.835 0-1.369-.689-1.369-1.757c0-1.111.54-1.805 1.406-1.805c.525 0 1.032.328 1.158.76c.07.21.094.5.094 1.1c0 .474-.033.77-.117.966m6.544-.126v-2.053c0-.666-.07-.924-.361-1.228c-.338-.366-.961-.563-1.735-.563a5.14 5.14 0 0 0-2.33.572l.493.947c.782-.338 1.172-.431 1.71-.431c.727 0 1.022.257 1.032.89v.178c-.947.094-1.266.132-1.64.197c-1.196.235-1.759.76-1.759 1.65c0 1.055.915 1.852 2.12 1.852c.641 0 1.148-.235 1.509-.69c.117.385.43.62.96.69l.6-.914c-.543-.22-.6-.338-.6-1.097m-1.196.103c0 .328-.047.455-.21.595a1.43 1.43 0 0 1-.877.32c-.572 0-1.046-.376-1.046-.835c0-.375.249-.596.797-.727c.366-.084.666-.117 1.336-.187zm5.232.633l.15 1.04c-.385.103-.82.164-1.196.164c-1.101 0-1.533-.454-1.533-1.593v-3.047h-1.017v-1.017h1.017v-1.72l1.182-.422v2.142h1.472v1.017H12.97v2.653c0 .69.141.853.727.853c.197 0 .422-.023.666-.07m4.082 0l.15 1.04c-.384.103-.82.164-1.195.164c-1.102 0-1.533-.454-1.533-1.593v-3.047H14.85v-1.017h1.017v-1.72l1.181-.422v2.142h1.468v1.017h-1.467l.004 2.653c0 .69.14.853.727.853c.197 0 .422-.023.665-.07m2.813-4.594c-1.556 0-2.602 1.186-2.602 2.963c0 1.72 1.102 2.915 2.695 2.915c1.561 0 2.649-1.205 2.649-2.915c0-1.754-1.111-2.963-2.742-2.963m.047 4.725c-.867 0-1.44-.712-1.44-1.781s.587-1.805 1.454-1.805c.844 0 1.406.717 1.406 1.805c0 1.064-.577 1.781-1.42 1.781"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.914 10.64c-.455-.384-.877-.548-1.453-.548C1.008 10.092 0 11.273 0 12.984c0 1.72 1.031 2.94 2.494 2.94c.548 0 1.031-.188 1.415-.563v.431h1.182V8.058l-1.177.005zm-.131 3.408c-.164.432-.642.736-1.172.736c-.835 0-1.369-.689-1.369-1.757c0-1.111.54-1.805 1.406-1.805c.525 0 1.032.328 1.158.76c.07.21.094.5.094 1.1c0 .474-.033.77-.117.966m6.544-.126v-2.053c0-.666-.07-.924-.361-1.228c-.338-.366-.961-.563-1.735-.563a5.14 5.14 0 0 0-2.33.572l.493.947c.782-.338 1.172-.431 1.71-.431c.727 0 1.022.257 1.032.89v.178c-.947.094-1.266.132-1.64.197c-1.196.235-1.759.76-1.759 1.65c0 1.055.915 1.852 2.12 1.852c.641 0 1.148-.235 1.509-.69c.117.385.43.62.96.69l.6-.914c-.543-.22-.6-.338-.6-1.097m-1.196.103c0 .328-.047.455-.21.595a1.43 1.43 0 0 1-.877.32c-.572 0-1.046-.376-1.046-.835c0-.375.249-.596.797-.727c.366-.084.666-.117 1.336-.187zm5.232.633l.15 1.04c-.385.103-.82.164-1.196.164c-1.101 0-1.533-.454-1.533-1.593v-3.047h-1.017v-1.017h1.017v-1.72l1.182-.422v2.142h1.472v1.017H12.97v2.653c0 .69.141.853.727.853c.197 0 .422-.023.666-.07m4.082 0l.15 1.04c-.384.103-.82.164-1.195.164c-1.102 0-1.533-.454-1.533-1.593v-3.047H14.85v-1.017h1.017v-1.72l1.181-.422v2.142h1.468v1.017h-1.467l.004 2.653c0 .69.14.853.727.853c.197 0 .422-.023.665-.07m2.813-4.594c-1.556 0-2.602 1.186-2.602 2.963c0 1.72 1.102 2.915 2.695 2.915c1.561 0 2.649-1.205 2.649-2.915c0-1.754-1.111-2.963-2.742-2.963m.047 4.725c-.867 0-1.44-.712-1.44-1.781s.587-1.805 1.454-1.805c.844 0 1.406.717 1.406 1.805c0 1.064-.577 1.781-1.42 1.781"/></svg>
</template>

CSS

.icon-datto {
  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%22M3.914%2010.64c-.455-.384-.877-.548-1.453-.548C1.008%2010.092%200%2011.273%200%2012.984c0%201.72%201.031%202.94%202.494%202.94c.548%200%201.031-.188%201.415-.563v.431h1.182V8.058l-1.177.005zm-.131%203.408c-.164.432-.642.736-1.172.736c-.835%200-1.369-.689-1.369-1.757c0-1.111.54-1.805%201.406-1.805c.525%200%201.032.328%201.158.76c.07.21.094.5.094%201.1c0%20.474-.033.77-.117.966m6.544-.126v-2.053c0-.666-.07-.924-.361-1.228c-.338-.366-.961-.563-1.735-.563a5.14%205.14%200%200%200-2.33.572l.493.947c.782-.338%201.172-.431%201.71-.431c.727%200%201.022.257%201.032.89v.178c-.947.094-1.266.132-1.64.197c-1.196.235-1.759.76-1.759%201.65c0%201.055.915%201.852%202.12%201.852c.641%200%201.148-.235%201.509-.69c.117.385.43.62.96.69l.6-.914c-.543-.22-.6-.338-.6-1.097m-1.196.103c0%20.328-.047.455-.21.595a1.43%201.43%200%200%201-.877.32c-.572%200-1.046-.376-1.046-.835c0-.375.249-.596.797-.727c.366-.084.666-.117%201.336-.187zm5.232.633l.15%201.04c-.385.103-.82.164-1.196.164c-1.101%200-1.533-.454-1.533-1.593v-3.047h-1.017v-1.017h1.017v-1.72l1.182-.422v2.142h1.472v1.017H12.97v2.653c0%20.69.141.853.727.853c.197%200%20.422-.023.666-.07m4.082%200l.15%201.04c-.384.103-.82.164-1.195.164c-1.102%200-1.533-.454-1.533-1.593v-3.047H14.85v-1.017h1.017v-1.72l1.181-.422v2.142h1.468v1.017h-1.467l.004%202.653c0%20.69.14.853.727.853c.197%200%20.422-.023.665-.07m2.813-4.594c-1.556%200-2.602%201.186-2.602%202.963c0%201.72%201.102%202.915%202.695%202.915c1.561%200%202.649-1.205%202.649-2.915c0-1.754-1.111-2.963-2.742-2.963m.047%204.725c-.867%200-1.44-.712-1.44-1.781s.587-1.805%201.454-1.805c.844%200%201.406.717%201.406%201.805c0%201.064-.577%201.781-1.42%201.781%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%22M3.914%2010.64c-.455-.384-.877-.548-1.453-.548C1.008%2010.092%200%2011.273%200%2012.984c0%201.72%201.031%202.94%202.494%202.94c.548%200%201.031-.188%201.415-.563v.431h1.182V8.058l-1.177.005zm-.131%203.408c-.164.432-.642.736-1.172.736c-.835%200-1.369-.689-1.369-1.757c0-1.111.54-1.805%201.406-1.805c.525%200%201.032.328%201.158.76c.07.21.094.5.094%201.1c0%20.474-.033.77-.117.966m6.544-.126v-2.053c0-.666-.07-.924-.361-1.228c-.338-.366-.961-.563-1.735-.563a5.14%205.14%200%200%200-2.33.572l.493.947c.782-.338%201.172-.431%201.71-.431c.727%200%201.022.257%201.032.89v.178c-.947.094-1.266.132-1.64.197c-1.196.235-1.759.76-1.759%201.65c0%201.055.915%201.852%202.12%201.852c.641%200%201.148-.235%201.509-.69c.117.385.43.62.96.69l.6-.914c-.543-.22-.6-.338-.6-1.097m-1.196.103c0%20.328-.047.455-.21.595a1.43%201.43%200%200%201-.877.32c-.572%200-1.046-.376-1.046-.835c0-.375.249-.596.797-.727c.366-.084.666-.117%201.336-.187zm5.232.633l.15%201.04c-.385.103-.82.164-1.196.164c-1.101%200-1.533-.454-1.533-1.593v-3.047h-1.017v-1.017h1.017v-1.72l1.182-.422v2.142h1.472v1.017H12.97v2.653c0%20.69.141.853.727.853c.197%200%20.422-.023.666-.07m4.082%200l.15%201.04c-.384.103-.82.164-1.195.164c-1.102%200-1.533-.454-1.533-1.593v-3.047H14.85v-1.017h1.017v-1.72l1.181-.422v2.142h1.468v1.017h-1.467l.004%202.653c0%20.69.14.853.727.853c.197%200%20.422-.023.665-.07m2.813-4.594c-1.556%200-2.602%201.186-2.602%202.963c0%201.72%201.102%202.915%202.695%202.915c1.561%200%202.649-1.205%202.649-2.915c0-1.754-1.111-2.963-2.742-2.963m.047%204.725c-.867%200-1.44-.712-1.44-1.781s.587-1.805%201.454-1.805c.844%200%201.406.717%201.406%201.805c0%201.064-.577%201.781-1.42%201.781%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/datto.svg?color=%231a73e8&size=48